.uni-hero{border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 45%, #0d1430 0%, var(--bg) 70%);height:clamp(540px,82vh,800px);position:relative;overflow:hidden}.uni-canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.uni-canvas.drag{cursor:grabbing}.uni-top{top:28px;left:max(20px, env(safe-area-inset-left,0px));pointer-events:none;max-width:520px;position:absolute;right:20px}.uni-top h1{letter-spacing:.06em;text-transform:uppercase;margin:16px 0 4px;font:700 clamp(24px,4vw,38px) Orbitron,sans-serif}.uni-top p{max-width:42ch;margin:0;font-size:13px}.uni-legend{top:30px;right:max(20px, env(safe-area-inset-right,0px));color:var(--dim);pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:14px;font-size:12px;display:flex;position:absolute}.uni-legend i{vertical-align:-1px;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.uni-down{letter-spacing:.18em;color:var(--dim);border:1px solid var(--line);background:#04042199;border-radius:999px;padding:8px 14px;font:600 11px Orbitron,sans-serif;text-decoration:none;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.uni-down:hover{color:var(--text);border-color:var(--cyan)}@media (width<=700px){.uni-legend,.uni-top p{display:none}}.portal-wrap{max-width:1180px}.portal-q{letter-spacing:.04em;margin:0 0 4px;font:700 28px Orbitron,sans-serif}.portal-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gcard{--c:#4ea7ff;--rx:0deg;--ry:0deg;--mx:50%;--my:0%;filter:drop-shadow(0 0 #0000);transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s,filter .3s;position:relative}.gcard.wide{grid-column:span 2}.gcard:hover{filter:drop-shadow(0 8px 22px color-mix(in srgb, var(--c) 35%, transparent))}.gcard-in{--cut:26px;background:linear-gradient(135deg, var(--c), #ffffff0f 38%, #ffffff0f 62%, var(--c));height:100%;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));flex-direction:column;padding:1px;display:flex;position:relative}.gcard-in:before{content:"";clip-path:inherit;background:linear-gradient(#0b0d33,#070827);position:absolute;inset:1px}.gcard-in:after{content:"";pointer-events:none;background:radial-gradient(420px circle at var(--mx) var(--my), color-mix(in srgb, var(--c) 18%, transparent), transparent 60%);opacity:0;clip-path:inherit;transition:opacity .3s;position:absolute;inset:1px}.gcard:hover .gcard-in:after{opacity:1}.gcard-media{z-index:1;aspect-ratio:16/9;clip-path:polygon(0 0, calc(100% - var(--cut) + 1px) 0, 100% calc(var(--cut) - 1px), 100% 82%, 0 100%);margin:1px 1px 0;display:block;position:relative;overflow:hidden}.gcard.wide .gcard-media{aspect-ratio:21/9}.gcard-media img{object-fit:cover;filter:saturate(.75)brightness(.88);width:100%;height:100%;transition:transform .5s,filter .4s;display:block}.gcard:hover .gcard-media img{filter:saturate(1.1)brightness();transform:scale(1.06)}.gcard-scan{pointer-events:none;background:linear-gradient(180deg, transparent 0 46%, color-mix(in srgb, var(--c) 28%, transparent) 50%, transparent 54% 100%);opacity:0;background-position:0 120%;background-size:100% 220%;position:absolute;inset:0}.gcard:hover .gcard-scan{opacity:1;animation:1.6s linear infinite gcard-scan}@keyframes gcard-scan{to{background-position:0 -20%}}.gcard-hex{z-index:2;width:46px;height:52px;color:var(--c);background:linear-gradient(135deg, var(--c), #ffffff26);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;display:grid;position:absolute;top:0;left:22px;transform:translateY(-50%)}.gcard-hex:before{content:"";clip-path:inherit;background:#070827;position:absolute;inset:1.5px}.gcard-hex svg{width:22px;height:22px;position:relative}.gcard-body{z-index:1;flex-direction:column;flex:1;gap:6px;padding:38px 22px 22px;display:flex;position:relative}.gcard-body .label{color:var(--c);padding-left:0}.gcard-body h3{letter-spacing:.04em;margin:0;font:700 21px Orbitron,sans-serif}.gcard-body p{color:var(--dim);flex:1;margin:4px 0 12px;line-height:1.5}@media (width<=980px){.portal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gcard.wide{grid-column:span 2}}@media (width<=640px){.portal-cards{grid-template-columns:minmax(0,1fr)}.gcard.wide{grid-column:auto}.gcard.wide .gcard-media{aspect-ratio:16/9}}@media (prefers-reduced-motion:reduce){.gcard,.gcard-media img{transition:none}.gcard:hover .gcard-scan{animation:none}}