body.portal{isolation:isolate;background:radial-gradient(ellipse at 50% 18%, #0d1430 0%, #080b29 43%, var(--bg) 78%) fixed;position:relative}.uni-hero{z-index:1;border-bottom:1px solid var(--line);background:0 0;height:clamp(540px,82vh,800px);position:relative;overflow:hidden}.uni-canvas{z-index:0;opacity:.52;touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block;position:fixed;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)}.uni-actions{z-index:3;top:82px;right:max(20px, env(safe-area-inset-right,0px));flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(420px,100% - 40px);display:flex;position:absolute}.uni-action{box-sizing:border-box;border:1px solid var(--line);min-height:38px;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#040421c7;border-radius:999px;align-items:center;padding:0 13px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.uni-action:hover{color:var(--cyan);border-color:var(--cyan)}.uni-action[hidden]{display:none}@media (width<=700px){.uni-legend,.uni-top p{display:none}}.portal-wrap{z-index:1;max-width:1180px;position:relative}.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}}