:root{--void:#03040a;--deep:#070b1a;--panel:#0b1226;--line:#1a2a4d;--grid:rgba(56,232,255,.16);--ink:#e9f6ff;--mute:#8ea3c8;--pip:#38e8ff;--dealer:#ff9a2e;--danger:#ff3156;--moss:#5cff9a;--ice:#dff6ff;--lava:#ff6a1f;--gold:#ffd35a;--f-display:"Oxanium","Chakra Petch","Segoe UI",system-ui,sans-serif;--f-hud:"Chakra Petch","Segoe UI",system-ui,sans-serif;--f-body:"Nunito Sans","Segoe UI",system-ui,sans-serif;--tilt:64deg;color-scheme:dark}*{box-sizing:border-box}body{background:var(--void);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.55;margin:0}body:after{content:"";position:fixed;inset:auto 0 0 0;height:40vh;background:linear-gradient(transparent,#38e8ff0f);pointer-events:none;z-index:-1}.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:28px 64px}h1,h2,h3{font-family:var(--f-display);font-weight:700;letter-spacing:.02em;text-wrap:balance;margin:0}h1{font-size:clamp(32px,5.6vw,54px);line-height:1.02;font-weight:800;text-transform:uppercase}h1 span{color:var(--pip);text-shadow:0 0 10px var(--pip),0 0 30px rgba(56,232,255,.5)}h2{font-size:26px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.lede{color:var(--mute);max-width:64ch;margin:12px 0 0}.eyebrow{font-family:var(--f-hud);font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--pip)}section{margin-top:56px}.sub{color:var(--mute);max-width:64ch;margin:0 0 20px}hr.rule{border:0;height:1px;background:linear-gradient(90deg,var(--pip),transparent);opacity:.5;margin:14px 0 0}.stage{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:40px;align-items:start;margin-top:28px}@media (max-width:820px){.stage{grid-template-columns:minmax(0,1fr)}}.phone{width:100%;max-width:360px;aspect-ratio:9/19.2;border-radius:42px;padding:10px;background:#000;box-shadow:0 0 0 1px #1d3354,0 0 0 2px #000,0 0 40px #38e8ff1f,0 30px 80px #000c;margin:0 auto;position:relative}.screen{position:relative;width:100%;height:100%;border-radius:33px;overflow:hidden;background:radial-gradient(90% 40% at 50% 36%,#0c2440,#050814 60%,#020309)}.floor{position:absolute;left:-60%;right:-60%;top:46%;height:120%;transform-origin:50% 0;transform:perspective(320px) rotateX(70deg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;-webkit-mask:linear-gradient(transparent,#000 30%);mask:linear-gradient(transparent,#000 30%);pointer-events:none;animation:floorRun 6s linear infinite}@keyframes floorRun{to{background-position:0 28px,0 0}}.horizon{position:absolute;left:0;right:0;top:45.5%;height:2px;background:linear-gradient(90deg,transparent,var(--pip),transparent);box-shadow:0 0 18px var(--pip);opacity:.6}.hud{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;font-family:var(--f-hud);font-size:10px;font-weight:700;letter-spacing:.16em;z-index:6}.side{display:flex;flex-direction:column;gap:5px}.side.r{align-items:flex-end}.bars{display:flex;gap:3px}.bar{width:14px;height:6px;border:1px solid currentColor;transform:skew(-20deg)}.bar.on{background:currentColor;box-shadow:0 0 8px currentColor}.side.p{color:var(--pip)}.side.d{color:var(--dealer)}.dealerFig{position:absolute;top:30px;left:50%;width:70%;transform:translate(-50%);z-index:1;filter:url(#lineOrange);opacity:.95}.taunt{position:absolute;top:50px;right:10px;max-width:46%;background:#0a0802d9;border:1px solid var(--dealer);color:var(--dealer);font-family:var(--f-hud);font-weight:600;font-size:11px;line-height:1.25;padding:6px 8px;border-radius:2px 10px;z-index:7;opacity:0;transform:translateY(-4px);transition:.3s;box-shadow:0 0 12px #ff9a2e59}.taunt.show{opacity:1;transform:none}.boardWrap{position:absolute;left:0;right:0;top:29%;height:46%;perspective:640px;perspective-origin:50% 0%;z-index:3}.board{position:absolute;left:8%;right:8%;top:0;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt));transform-origin:50% 62%;transition:transform .5s;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lane{--c:var(--pip);position:relative;transform-style:preserve-3d;border-radius:3px;display:grid;grid-template-rows:.8fr 1fr .3fr 1fr .8fr;padding:6px 8px;gap:4px;background:linear-gradient(180deg,#000000e6,#040c18e6),#000;border:1px solid var(--c);box-shadow:0 0 0 1px #000c,0 0 14px var(--c),inset 0 0 18px color-mix(in srgb,var(--c) 30%,transparent)}.lane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--c) 28%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--c) 18%,transparent) 1px,transparent 1px);background-size:100% 14px,12px 100%;pointer-events:none}.lane:after{content:"";position:absolute;left:0;right:0;height:22%;top:-22%;background:linear-gradient(transparent,color-mix(in srgb,var(--c) 45%,transparent),transparent);animation:pulseRun 2.8s linear infinite;pointer-events:none;opacity:.7}.lane:nth-child(2):after{animation-delay:.9s}.lane:nth-child(3):after{animation-delay:1.8s}@keyframes pulseRun{to{top:100%}}.terrain-circuit .lane.moss{--c:var(--moss)}.terrain-circuit .lane.ice{--c:var(--ice)}.terrain-circuit .lane.lava{--c:var(--lava)}.tTag{position:absolute;top:2px;left:50%;transform:translate(-50%);font-family:var(--f-hud);font-size:7px;font-weight:700;letter-spacing:.2em;color:var(--c);opacity:.9}.lane.shiftable{box-shadow:0 0 0 2px var(--gold),0 0 26px var(--gold);cursor:pointer}.mid{border-top:1px solid color-mix(in srgb,var(--c) 70%,transparent);align-self:center;height:0;box-shadow:0 0 6px var(--c)}.pad{position:relative;transform-style:preserve-3d;display:grid;place-items:center}.ring{position:absolute;top:8%;right:10%;bottom:8%;left:10%;border-radius:50%;border:2px solid}.ring:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;border:1px solid;border-color:inherit;opacity:.6}.trap .ring{border-radius:2px;top:14%;right:24%;bottom:14%;left:24%;transform:rotate(45deg) scale(.8)}.trap .ring:after{border-radius:1px}.pad.p .ring{border-color:var(--pip);box-shadow:0 0 8px var(--pip),inset 0 0 8px var(--pip)}.pad.d .ring{border-color:var(--dealer);box-shadow:0 0 8px var(--dealer),inset 0 0 8px var(--dealer)}.pad.valid{cursor:pointer}.pad.valid .ring{border-color:var(--gold);box-shadow:0 0 0 3px #ffd35a40,0 0 18px var(--gold);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.55}}.facedown{position:absolute;top:20%;right:30%;bottom:20%;left:30%;background:repeating-linear-gradient(90deg,rgba(255,154,46,.25) 0 2px,transparent 2px 5px);border:1px solid var(--dealer);box-shadow:0 0 8px var(--dealer)}.pad.p .facedown{border-color:var(--pip);background:repeating-linear-gradient(90deg,rgba(56,232,255,.25) 0 2px,transparent 2px 5px);box-shadow:0 0 8px var(--pip)}.fig{position:absolute;left:50%;bottom:45%;width:155%;transform-origin:50% 100%;transform:translate(-50%) rotateX(calc(-1 * var(--tilt)));pointer-events:none;transition:transform .35s}.fig img{width:100%;display:block}.fig .lbl{position:absolute;left:50%;bottom:-12px;transform:translate(-50%);font-family:var(--f-hud);font-weight:700;font-size:9px;background:#000c;border:1px solid currentColor;padding:0 5px;white-space:nowrap}.pad.p .lbl{color:var(--pip)}.pad.d .lbl{color:var(--dealer)}.fig.lunge{animation:lungeP .5s}.pad.d .fig.lunge{animation:lungeD .5s}@keyframes lungeP{50%{transform:translate(-50%) rotateX(calc(-1 * var(--tilt))) translateY(-26px) scale(1.12)}}@keyframes lungeD{50%{transform:translate(-50%) rotateX(calc(-1 * var(--tilt))) translateY(26px) scale(1.12)}}.trail{position:absolute;left:50%;width:6px;margin-left:-3px;bottom:52%;height:0;background:linear-gradient(var(--pip),transparent);box-shadow:0 0 12px var(--pip),0 0 24px var(--pip);border-radius:3px;pointer-events:none}.trail.go{animation:trail .55s ease-out forwards}@keyframes trail{0%{height:0;opacity:1}70%{height:150%;opacity:1}to{height:150%;opacity:0}}.r-lines .pad.p .fig img{filter:url(#lineCyan)}.r-lines .pad.d .fig img{filter:url(#lineOrange)}.r-holo .pad.p .fig img{filter:url(#holoCyan) drop-shadow(0 0 6px var(--pip));opacity:.9}.r-holo .pad.d .fig img{filter:url(#holoOrange) drop-shadow(0 0 6px var(--dealer));opacity:.9}.r-holo .fig{animation:flicker 3.2s infinite}.r-color .pad.p .fig img{filter:drop-shadow(0 0 1px var(--pip)) drop-shadow(0 0 6px var(--pip))}.r-color .pad.d .fig img{filter:drop-shadow(0 0 1px var(--dealer)) drop-shadow(0 0 6px var(--dealer))}@keyframes flicker{0%,92%,to{opacity:1}93%{opacity:.6}95%{opacity:1}97%{opacity:.75}}.pipFig{position:absolute;left:-14%;bottom:21%;width:38%;z-index:2;filter:url(#lineCyan);pointer-events:none}.bottom{position:absolute;left:0;right:0;bottom:0;height:26%;z-index:8;padding:8px 12px 14px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(transparent,#000000f0 32%)}.sparkRow{display:flex;align-items:center;justify-content:space-between;font-family:var(--f-hud);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--gold)}.spark{display:flex;gap:3px}.spark i{width:12px;height:12px;transform:rotate(45deg) scale(.75);border:1px solid var(--gold);opacity:.4}.spark i.on{background:var(--gold);box-shadow:0 0 8px var(--gold);opacity:1}.handRow{display:flex;align-items:flex-end;gap:6px;flex:1;min-height:0}.hand{flex:1;display:flex;justify-content:center;align-items:flex-end;min-width:0}.fight{flex:none;width:62px;height:62px;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle,#ffd35a40,#000000e6 70%);color:var(--gold);font-family:var(--f-display);font-weight:800;font-size:13px;letter-spacing:.08em;box-shadow:0 0 14px var(--gold),inset 0 0 14px #ffd35a80;cursor:pointer;text-shadow:0 0 8px var(--gold)}.fight:active{transform:scale(.95)}.fight:focus-visible,.card:focus-visible,button:focus-visible{outline:2px solid var(--pip);outline-offset:3px}.card{position:relative;flex:none;width:58px;height:84px;margin:0 -6px;border:0;padding:0;cursor:pointer;transition:transform .2s;transform-origin:50% 120%;background:none;color:inherit;font:inherit}.hand .card:nth-child(1){transform:rotate(-12deg) translateY(6px)}.hand .card:nth-child(2){transform:rotate(-6deg) translateY(1px)}.hand .card:nth-child(4){transform:rotate(6deg) translateY(1px)}.hand .card:nth-child(5){transform:rotate(12deg) translateY(6px)}.hand .card.sel{transform:translateY(-22px) scale(1.18)!important;z-index:3}.card.dim{filter:grayscale(.9) brightness(.5)}.cf{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column}.cost{position:absolute;top:-5px;left:-5px;width:18px;height:18px;transform:rotate(45deg);background:#000;border:1px solid var(--gold);box-shadow:0 0 6px var(--gold);z-index:2;display:grid;place-items:center}.cost b{transform:rotate(-45deg);color:var(--gold);font-family:var(--f-hud);font-weight:700;font-size:10px}.art{flex:1;display:grid;place-items:center;min-height:0;padding:3px}.art img{max-height:100%;max-width:100%;object-fit:contain;filter:url(#lineCyan)}.cname{font-family:var(--f-hud);font-weight:700;font-size:7.5px;text-align:center;letter-spacing:.06em;line-height:1.1;padding:2px 2px 0;text-transform:uppercase}.stats{display:flex;justify-content:space-between;font-family:var(--f-hud);font-weight:700;font-size:9px;padding:0 4px 3px}.type{font-size:7px;letter-spacing:.14em;opacity:.75}.glyph{font-family:var(--f-display);font-size:22px;color:var(--pip);text-shadow:0 0 10px var(--pip)}.fC .cf{background:#000;clip-path:polygon(12% 0,88% 0,100% 9%,100% 100%,0 100%,0 9%);box-shadow:inset 0 0 0 1px var(--pip),inset 0 0 14px #38e8ff59;color:var(--ink)}.fC .cf:before{content:"";position:absolute;left:10%;right:10%;top:0;height:2px;background:var(--pip);box-shadow:0 0 8px var(--pip)}.fC .type{display:none}.fA .cf{background:linear-gradient(170deg,#38e8ff2e,#000000eb);border-radius:6px;box-shadow:inset 0 0 0 1px #38e8ffb3,0 0 12px #38e8ff59;color:var(--ink)}.fB .cf{background:#02060d;border-radius:2px;box-shadow:inset 0 0 0 1px #2c4a70;color:var(--ink)}.fB .art{margin:4px 4px 0;background:repeating-linear-gradient(0deg,rgba(56,232,255,.08) 0 1px,transparent 1px 4px);border:1px solid #2c4a70}.fB .stats{color:var(--gold)}.screen.danger .lane{--c:var(--danger)!important}.screen.danger{animation:danger 1.2s infinite}.screen.danger .horizon{background:linear-gradient(90deg,transparent,var(--danger),transparent);box-shadow:0 0 18px var(--danger)}@keyframes danger{50%{box-shadow:inset 0 0 70px #ff315680}}.banner{position:absolute;left:0;right:0;top:46%;text-align:center;z-index:9;font-family:var(--f-display);font-weight:800;font-size:28px;letter-spacing:.18em;color:#fff;text-shadow:0 0 10px var(--pip),0 0 30px var(--pip);opacity:0;transform:scaleX(1.6);transition:.25s;pointer-events:none}.banner:before,.banner:after{content:"";display:block;height:1px;margin:6px 18%;background:linear-gradient(90deg,transparent,var(--pip),transparent)}.banner.show{opacity:1;transform:none}.dials{display:flex;flex-direction:column;gap:22px;min-width:0}.dial h3{font-size:17px;letter-spacing:.06em;text-transform:uppercase}.dial p{color:var(--mute);margin:2px 0 10px;max-width:58ch}.seg{display:flex;flex-wrap:wrap;gap:8px}.seg button{font-family:var(--f-hud);font-weight:600;font-size:13px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:8px 14px;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.seg button[aria-pressed=true]{background:var(--pip);color:#001a22;border-color:var(--pip);box-shadow:0 0 14px #38e8ff80}.seg button .rec{font-size:10px;letter-spacing:.12em;margin-left:6px;opacity:.75}.howto{background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--pip);padding:14px 16px}.howto ol{margin:6px 0 0;padding-left:20px;color:var(--mute)}.small{font-size:12px;color:var(--mute)}.ghost{font-family:var(--f-hud);font-weight:600;font-size:12px;color:var(--mute);background:transparent;border:1px solid var(--line);padding:6px 10px;cursor:pointer}.frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width:760px){.frames{grid-template-columns:minmax(0,1fr)}}.frameOpt{background:var(--panel);border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:12px;cursor:pointer;text-align:left;color:inherit;font:inherit}.frameOpt[aria-pressed=true]{border-color:var(--pip);box-shadow:0 0 0 1px var(--pip),0 0 24px #38e8ff40}.frameOpt .row{display:flex;justify-content:center;gap:14px;padding:10px 0}.frameOpt .card{width:86px;height:124px;margin:0;cursor:inherit}.frameOpt .cname{font-size:10px}.frameOpt .stats{font-size:12px}.frameOpt .type{font-size:9px}.frameOpt .cost{width:24px;height:24px}.frameOpt .cost b{font-size:13px}.frameOpt h3{font-size:16px;letter-spacing:.06em;text-transform:uppercase}.frameOpt p{margin:0;color:var(--mute);font-size:14px}.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}@media (max-width:820px){.screens{grid-template-columns:minmax(0,1fr)}}.shot{display:flex;flex-direction:column;gap:12px;align-items:center}.shot .phone{max-width:250px;border-radius:32px;padding:8px}.shot .screen{border-radius:25px}.shot figcaption{max-width:34ch;color:var(--mute);font-size:14px;text-align:center}.shot figcaption b{color:var(--ink);font-family:var(--f-hud)}figure{margin:0}.ctr{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center;z-index:2}.logo{font-family:var(--f-display);font-weight:800;font-size:38px;line-height:.95;letter-spacing:.1em;color:#eaffff;text-shadow:0 0 6px var(--pip),0 0 22px var(--pip),0 0 44px rgba(56,232,255,.6)}.logo small{display:block;font-size:11px;letter-spacing:.42em;color:var(--pip);text-shadow:none;margin-top:10px;font-family:var(--f-hud);font-weight:600}.btnS{font-family:var(--f-hud);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:11px 16px;width:86%;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.btnS.pri{background:var(--pip);color:#001a22;border:0;box-shadow:0 0 16px #38e8ff80}.btnS.sec{background:transparent;color:var(--ink);border:1px solid #ffffff40;letter-spacing:.06em;text-transform:none;font-weight:600}.pair{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:34%}.pair img{height:100%;width:auto}.pair .l{filter:url(#lineCyan)}.pair .r{filter:url(#lineOrange)}.winTitle{font-family:var(--f-display);font-weight:800;font-size:30px;letter-spacing:.14em;color:#fff;text-shadow:0 0 10px var(--pip),0 0 28px var(--pip);border-block:1px solid var(--pip);padding:4px 22px}.clip{width:60%;aspect-ratio:9/16;border:1px solid var(--pip);box-shadow:0 0 16px #38e8ff66;background:#000;position:relative;overflow:hidden}.clip .g{position:absolute;top:50%;right:-40%;bottom:-20%;left:-40%;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:14px 14px;transform:perspective(120px) rotateX(60deg)}.clip img{position:absolute;left:50%;bottom:18%;width:78%;transform:translate(-50%);filter:url(#lineCyan)}.clip .play{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;border:1px solid #fff;display:grid;place-items:center;color:#fff;font-size:12px;background:#0008}.clip .tag{position:absolute;left:6px;bottom:6px;font-family:var(--f-hud);font-size:8px;font-weight:700;color:var(--pip);border:1px solid var(--pip);padding:1px 4px}.lp{position:absolute;top:0;right:0;bottom:0;left:0}.lp img{position:absolute}.lp .toastF{width:56%;left:6%;bottom:22%;filter:url(#lineCyan);transform:rotate(-14deg)}.lp .slushF{width:42%;right:6%;top:25%;filter:url(#lineOrange);transform:scaleX(-1)}.lp .ribbon{position:absolute;left:26%;bottom:44%;width:6px;height:40%;background:linear-gradient(transparent,var(--pip));box-shadow:0 0 14px var(--pip),0 0 30px var(--pip);transform:rotate(40deg);transform-origin:bottom;border-radius:3px}.lp .bolt{position:absolute;width:14px;height:10px;border:1px solid var(--gold);box-shadow:0 0 10px var(--gold),inset 0 0 6px var(--gold);border-radius:4px 4px 2px 2px}.lp .shard{position:absolute;width:4px;height:4px;background:#fff;box-shadow:0 0 8px var(--dealer)}.lpBanner{position:absolute;top:10%;left:0;right:0;text-align:center;font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:.22em;color:#fff;text-shadow:0 0 10px var(--pip),0 0 24px var(--pip)}.lpSub{position:absolute;bottom:8%;left:0;right:0;text-align:center;font-family:var(--f-hud);font-weight:700;font-size:11px;letter-spacing:.16em;color:var(--gold);text-shadow:0 0 8px var(--gold)}.picks{background:var(--panel);border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}@media (max-width:760px){.picks{grid-template-columns:minmax(0,1fr)}}.picks dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-content:start}.picks dt{font-family:var(--f-hud);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.picks dd{margin:0;font-weight:700}textarea{width:100%;min-height:120px;background:#000;color:var(--ink);border:1px solid var(--line);padding:10px;font:inherit;resize:vertical}.copy{font-family:var(--f-hud);font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--pip);color:#001a22;border:0;padding:10px 16px;cursor:pointer;margin-top:10px}.note{font-size:13px;color:var(--mute);margin-top:8px;min-height:1.2em}.changes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-top:20px}.changes div{border:1px solid var(--line);padding:12px 14px;background:var(--deep)}.changes b{display:block;font-family:var(--f-hud);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--pip);margin-bottom:2px}.changes span{color:var(--mute);font-size:14px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.tiers3{position:absolute;right:8px;top:34%;z-index:7;display:flex;flex-direction:column;gap:6px}.tiers3 button{font-family:var(--f-hud);font-weight:700;font-size:9px;letter-spacing:.14em;color:var(--mute);background:#03060eb3;border:1px solid var(--line);padding:5px 7px;cursor:pointer;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.tiers3 button[aria-pressed=true]{color:#001a22;background:var(--pip);border-color:var(--pip);box-shadow:0 0 10px #38e8ff80}.ribbon3{position:absolute;left:50%;top:44px;transform:translate(-50%);z-index:7;display:flex;gap:4px;font-family:var(--f-hud);font-size:8.5px;font-weight:700;letter-spacing:.12em;opacity:0;transition:opacity .3s;pointer-events:none}.ribbon3.on{opacity:1}.ribbon3 span{padding:3px 7px;border:1px solid rgba(180,220,255,.25);border-radius:3px;color:#d2e6ff80;background:#040a148c;transition:.25s}.ribbon3 span.p.lit{color:#fff;border-color:var(--pip);box-shadow:0 0 8px var(--pip)}.ribbon3 span.d.lit{color:#fff;border-color:var(--dealer);box-shadow:0 0 8px var(--dealer)}.ribbon3 span.done{opacity:.45}.orders3{position:absolute;left:50%;bottom:calc(27% + 20px);transform:translate(-50%);z-index:8;display:none;gap:6px;align-items:center;font-family:var(--f-hud);font-size:9px;font-weight:700;letter-spacing:.12em;color:#d2e6ffb3}.orders3.on{display:flex}.orders3 button{font:inherit;color:#dff6ff;background:#040c18d9;border:1px solid rgba(56,232,255,.45);border-radius:4px;padding:6px 9px;cursor:pointer}.orders3 button[aria-pressed=true]{background:#38e8ff38;border-color:var(--pip);box-shadow:0 0 10px #38e8ff99;color:#fff}body.game{background:#000;overflow:hidden}body.game main,body.game .wrap{padding:0;margin:0;max-width:none}body.game #v3,body.game #v3 .stage{margin:0;padding:0;display:block}body.game .phone{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;aspect-ratio:auto;border-radius:0;padding:0;box-shadow:none}body.game .phone .screen{border-radius:0}@media (min-width:700px){body.game .phone{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,100vw);height:min(940px,100vh);border-radius:36px;padding:8px;box-shadow:0 0 0 1px #1d3354,0 0 60px #38e8ff26}body.game .phone .screen{border-radius:28px}}.menu3{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 22px;text-align:center;background:radial-gradient(80% 50% at 50% 40%,#081e38e0,#02030af5);font-family:var(--f-hud);color:var(--ink)}.menu3.on{display:flex}.m-title{display:flex;flex-direction:column;align-items:center;gap:14px}.m-logo{font-family:var(--f-display);font-weight:800;font-size:46px;line-height:.95;letter-spacing:.14em;color:#fff;text-shadow:0 0 14px var(--pip),0 0 40px var(--pip)}.m-logo.lost{text-shadow:0 0 14px var(--dealer),0 0 40px var(--dealer)}.m-tag,.m-sub{font-size:12px;letter-spacing:.08em;color:#d2e6ffcc;max-width:280px}.m-foot{font-size:9px;letter-spacing:.16em;color:#d2e6ff66;margin-top:16px}.m-head{font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:.16em;color:#fff;text-shadow:0 0 10px var(--pip)}.m-btn{font:700 13px var(--f-hud);letter-spacing:.2em;color:#fff;background:#38e8ff24;border:1px solid var(--pip);border-radius:6px;padding:13px 26px;min-width:220px;cursor:pointer;box-shadow:0 0 16px #38e8ff59}.m-btn.ghost{background:transparent;border-color:#b4dcff59;box-shadow:none;color:#dcecffd9}.m-map{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:300px}.m-node{display:grid;grid-template-columns:30px 1fr;text-align:left;gap:2px 10px;width:100%;padding:10px 12px;border:1px solid rgba(255,154,46,.3);border-radius:6px;background:#140a0480}.m-node b{grid-row:span 2;font-size:20px;color:var(--dealer);align-self:center}.m-node span{font-size:13px;letter-spacing:.14em;color:#fff}.m-node small{font-size:10px;color:#ffd2aab3}.m-node.now{border-color:var(--dealer);box-shadow:0 0 14px #ff9a2e73}.m-node.done{opacity:.4}.m-node.done span{text-decoration:line-through}.m-link{display:block;width:2px;height:14px;background:#ff9a2e66}.m-stat{font-size:11px;letter-spacing:.1em}.m-stat b{color:var(--pip)}.m-deck{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:300px}.m-deck span{font-size:9px;padding:3px 6px;border:1px solid rgba(56,232,255,.3);border-radius:3px;color:#d2f0ffcc}.m-cards{display:flex;gap:10px;justify-content:center}.m-card{position:relative;width:86px;height:124px;flex:none;cursor:pointer;margin:0}.coach3{position:absolute;left:14px;right:14px;bottom:calc(27% + 58px);z-index:25;display:none;padding:12px 14px;border:1px solid var(--pip);border-radius:8px;background:#030a16f0;box-shadow:0 0 18px #38e8ff4d;font-family:var(--f-hud);font-size:11.5px;line-height:1.45;color:#e8f6ff}.coach3.on{display:block}.coach3 p{margin:0 0 10px}.coach3 div{display:flex;gap:8px;justify-content:flex-end}.coach3 small{position:absolute;left:14px;bottom:12px;font-size:9px;color:#d2e6ff80;letter-spacing:.14em}.coach3 button{font:700 10px var(--f-hud);letter-spacing:.16em;color:#fff;background:#38e8ff29;border:1px solid var(--pip);border-radius:4px;padding:7px 12px;cursor:pointer}.coach3 button[data-c=skip]{background:transparent;border-color:#b4dcff4d}.hint3{position:absolute;left:12px;right:12px;bottom:27%;z-index:7;text-align:center;font-family:var(--f-hud);font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--ink);text-shadow:0 0 6px #000,0 0 2px #000;pointer-events:none}.vig3{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(120% 80% at 50% 45%,transparent 55%,rgba(0,0,0,.7))}.danger3 .vig3{animation:dz3 1.2s ease-in-out infinite;background:radial-gradient(120% 80% at 50% 45%,transparent 45%,rgba(255,49,86,.35))}@keyframes dz3{50%{opacity:.45}}#screen3 .hud{z-index:6}#screen3 .hud:before{content:"";position:absolute;left:-16px;right:-16px;top:-14px;height:70px;background:linear-gradient(#02030ad9,#02030a00);z-index:-1;pointer-events:none}.tiers3 button:not([aria-pressed=true]){opacity:.72}.cine3{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.cine3 i{position:absolute;left:0;right:0;height:0;background:#000;transition:height .35s ease}.cine3 i.t{top:0}.cine3 i.b{bottom:0}.cine3.on i{height:9%}.cine3 .cap{position:absolute;left:0;right:0;top:12%;text-align:center;font-family:var(--f-hud);font-weight:800;font-size:15px;letter-spacing:.22em;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;text-shadow:0 0 12px var(--cc,#38e8ff),0 0 2px var(--cc,#38e8ff)}.cine3 .cap small{display:block;font-size:9.5px;letter-spacing:.14em;font-weight:600;opacity:.8;margin-top:3px}.cine3 .cap em{display:block;font-style:normal;font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.02em;font-weight:500;max-width:80%;margin:7px auto 0;line-height:1.35;opacity:.9;text-shadow:0 1px 3px #000}.cine3.on .cap{opacity:1;transform:none}.dissolve3{animation:dis3 .65s steps(7) forwards}@keyframes dis3{0%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}30%{filter:brightness(1.8) saturate(1.4)}to{opacity:0;transform:translateY(-40px) scale(.92);filter:brightness(2.4) blur(2px)}}.px3{position:fixed;width:8px;height:8px;z-index:61;pointer-events:none;opacity:0;box-shadow:0 0 8px currentColor;animation:px3 .85s cubic-bezier(.3,.6,.4,1) forwards}@keyframes px3{0%{opacity:0;transform:translate(0) scale(1)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}.deck3{font-size:9px;letter-spacing:.12em;color:#dcecffbf}.deck3 b{color:#fff}.redraw3{display:none;font:700 9px var(--f-hud);letter-spacing:.14em;color:var(--pip);background:#38e8ff1a;border:1px solid var(--pip);border-radius:4px;padding:3px 8px;cursor:pointer}.redraw3.on{display:inline-block}.shoe3{display:block;font-size:8.5px;letter-spacing:.14em;color:#ffbe78cc;margin-top:2px}.dflip3{position:absolute;top:13%;right:14px;z-index:9;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .25s,transform .25s;perspective:600px}.dflip3.on{opacity:1;transform:none}.dflip3 small{font:700 9px var(--f-hud);letter-spacing:.18em;color:var(--dealer,#ff9a2e);text-shadow:0 0 6px #000}.dfc{position:relative;width:74px;height:106px;transform-style:preserve-3d}.dflip3.on .dfc{animation:dflip .7s cubic-bezier(.3,1.4,.5,1) forwards}.dfb,.dff{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:6px}.dfb{background:repeating-linear-gradient(45deg,#ff9a2e2e 0,#ff9a2e2e 6px,#0009 6px,#0009 12px);border:1px solid #ff9a2e;box-shadow:0 0 14px #ff9a2e80}.dff{transform:rotateY(180deg);margin:0;width:100%;height:100%;box-shadow:0 0 18px #ff9a2e8c}@keyframes dflip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.m-starters{display:flex;flex-direction:column;gap:10px;width:min(340px,92%)}.m-start{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border-radius:8px;background:#081424cc;border:1px solid rgba(56,232,255,.45);color:#fff;cursor:pointer;font-family:var(--f-hud)}.m-start b{font-size:13px;letter-spacing:.2em;color:var(--pip)}.m-start span{font-size:10px;letter-spacing:.14em;color:var(--gold)}.m-start small{font-size:11px;color:#dcecffd9}.m-start i{font-style:normal;font-size:15px;letter-spacing:.3em;color:#a0e6ffe6}.m-pick{display:flex;flex-direction:column;align-items:center;gap:4px}.m-arch{font:600 8.5px var(--f-hud);font-style:normal;letter-spacing:.12em;color:#dcecffbf;max-width:96px;text-align:center}.m-card.rR{box-shadow:0 0 0 1px #9fd4ff,0 0 14px #9fd4ff80}.m-card.rH{box-shadow:0 0 0 1px var(--gold),0 0 18px #ffd35ab3}.m-trim button{font:600 10px var(--f-hud);letter-spacing:.06em;color:#fff;background:#ff315614;border:1px solid rgba(255,120,140,.4);border-radius:4px;padding:4px 7px;cursor:pointer}.m-node em{display:block;font-style:normal;font-size:8.5px;letter-spacing:.14em;color:#ffbe78d9}.hand .card{width:64px;height:92px;margin:0 -7px;transition:transform .38s cubic-bezier(.34,1.56,.64,1),filter .2s}.hand .card .cf{transition:transform .14s ease-out;transform:perspective(320px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));animation:cardBob 3.4s ease-in-out infinite;will-change:transform}.hand .card:nth-child(2) .cf{animation-delay:-.7s}.hand .card:nth-child(3) .cf{animation-delay:-1.4s}.hand .card:nth-child(4) .cf{animation-delay:-2.1s}.hand .card:nth-child(5) .cf{animation-delay:-2.8s}.hand .card:nth-child(6) .cf{animation-delay:-1s}.hand .card:nth-child(7) .cf{animation-delay:-2.4s}@keyframes cardBob{50%{translate:0 -2px}}.hand .card:hover:not(.sel){transform:translateY(-9px) scale(1.06)!important;z-index:2}.hand .card:active .cf{scale:.95}.hand .card.sel .cf{animation:cardSnap .5s cubic-bezier(.34,1.56,.64,1)}@keyframes cardSnap{0%{rotate:0 0 1 -7deg}45%{rotate:0 0 1 4deg}to{rotate:0 0 1 0deg}}.hand .card.deal{animation:cardDeal .55s cubic-bezier(.2,1.3,.4,1) both}@keyframes cardDeal{0%{opacity:0;translate:-70px 70px;rotate:0 0 1 -35deg;scale:.5}}.fC .cf{clip-path:none;border-radius:8px;background:linear-gradient(168deg,#4678aa6b,#0a1220e6 46%,#02050bf7);box-shadow:inset 0 0 0 1px #38e8ffd9,inset 0 1px 0 1px #ffffff1f,inset 0 -10px 18px #38e8ff1f,0 6px 10px #0000008c}.fC .cf:before{left:14%;right:14%;top:1px;height:1px;border-radius:1px;opacity:.9}.fC .cf:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:6px;border:1px solid rgba(56,232,255,.18);pointer-events:none}.cf .art{position:relative;padding:4px 3px 0}.cf.hasArt .art:after{content:"";position:absolute;top:3px;right:3px;bottom:0;left:3px;pointer-events:none;border-radius:5px;background:repeating-linear-gradient(0deg,rgba(56,232,255,.16) 0 1px,transparent 1px 3px);mix-blend-mode:screen;animation:scan 2.6s linear infinite}@keyframes scan{to{background-position:0 12px}}.cf.hasArt .art:before{content:"";position:absolute;top:3px;right:3px;bottom:0;left:3px;pointer-events:none;z-index:1;background:linear-gradient(180deg,#b8f7ff,#38d8ff 70%);mix-blend-mode:multiply}.art img.holo{filter:grayscale(1) contrast(1.1) brightness(1.5) drop-shadow(0 0 2px rgba(56,232,255,.9));opacity:.96;-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent);transform:translateZ(0)}.hand .card .cname{font-size:7.5px;text-shadow:0 0 6px rgba(56,232,255,.6)}.hand .card .stats{font-size:9.5px}.cf .arch{position:absolute;top:4px;right:5px;width:7px;height:7px;border-radius:50%;z-index:2;background:var(--ac,#7fe7ff);box-shadow:0 0 6px var(--ac,#7fe7ff)}.a-blaze{--ac:#ff6a2a}.a-barrage{--ac:#ffb050}.a-lockdown{--ac:#bfe3ff}.a-glacier{--ac:#7fe7ff}.a-roots{--ac:#6fdc6f}.a-grove{--ac:#b6e45a}.a-sky{--ac:#c79bff}.a-house{--ac:#ffd35a}.cf .shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:8px;opacity:var(--sh,0);transition:opacity .2s;mix-blend-mode:screen;background:radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.42),rgba(160,240,255,.12) 30%,transparent 55%)}.cf .foil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:8px;display:none}.cf.rr-R{box-shadow:inset 0 0 0 1px #cfe9ff,inset 0 1px 0 1px #fff3,inset 0 -10px 18px #c8e6ff24,0 6px 10px #0000008c}.cf.rr-R .foil{display:block;background:linear-gradient(115deg,transparent 30%,rgba(230,245,255,.35) 46%,transparent 60%);background-size:260% 100%;background-position:var(--fx,100%) 0;mix-blend-mode:screen;animation:foilR 4.5s ease-in-out infinite}@keyframes foilR{0%,60%{background-position:120% 0}to{background-position:-40% 0}}.cf.rr-H{box-shadow:inset 0 0 0 1px var(--gold),inset 0 1px 0 1px #fff3,inset 0 -10px 18px #ffd35a29,0 0 10px #ffd35a59,0 6px 10px #0000008c}.cf.rr-H .foil{display:block;opacity:.5;mix-blend-mode:color-dodge;-webkit-mask:linear-gradient(115deg,transparent 25%,#000 45%,#000 55%,transparent 75%) var(--fx2,0%) 0/300% 100%;mask:linear-gradient(115deg,transparent 25%,#000 45%,#000 55%,transparent 75%) 0 0/300% 100%;animation:foilH 6s linear infinite,foilBand 3.8s ease-in-out infinite;background:conic-gradient(from var(--fa,0deg) at var(--mx,50%) var(--my,40%),#ff5ad1,#ffd35a,#5affc8,#5ab8ff,#c75aff,#ff5ad1);animation:foilH 6s linear infinite}@property --fa{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes foilH{to{--fa:360deg}}@keyframes foilBand{0%{-webkit-mask-position:110% 0;mask-position:110% 0}to{-webkit-mask-position:-10% 0;mask-position:-10% 0}}.cf.t-wild .glyph{color:#c79bff;text-shadow:0 0 10px #c79bff}.cf.t-tech .glyph{color:var(--gold);text-shadow:0 0 10px var(--gold)}.cf.t-trap .glyph{color:#ff8f6a;text-shadow:0 0 10px #ff8f6a}.hand .card .glyph{font-size:26px}@media (prefers-reduced-motion:reduce){.hand .card .cf,.cf .foil,.cf.hasArt .art:after,.hand .card.deal{animation:none}}.hand:has(.card:nth-child(6)) .card{margin:0 -11px}.hand .card:nth-child(6){transform:rotate(15deg) translateY(10px)}.hand .card:nth-child(7){transform:rotate(18deg) translateY(15px)}.tiers3{right:4px;top:31%;gap:4px}.tiers3 button{font-size:8px;letter-spacing:.1em;padding:5px;min-width:36px;background:#03060e73;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.tiers3 button:not([aria-pressed=true]){opacity:.5}.tiers3:hover button,.tiers3:focus-within button{opacity:1}.snd3{position:absolute;right:8px;top:calc(34% - 56px);z-index:7;font-family:var(--f-hud);font-weight:700;font-size:8px;letter-spacing:.14em;color:var(--mute);background:#03060eb3;border:1px solid var(--line);padding:4px 6px;cursor:pointer;opacity:.6}.snd3:hover,.snd3:focus-visible{opacity:1}.snd3[aria-pressed=true]{color:var(--pip);border-color:#38e8ff80}.hand .card:nth-child(n){transform:rotate(var(--fr,0deg)) translateY(var(--fy,0px))}.dflip3{top:calc(13% + 34px);right:58px}.duel3{position:absolute;left:50%;top:calc(12% + 64px);transform:translate(-50%,6px);display:flex;align-items:center;gap:10px;font-family:var(--f-hud);font-weight:800;font-size:13px;letter-spacing:.16em;opacity:0;transition:opacity .2s,transform .2s;white-space:nowrap}.duel3.on{opacity:1;transform:translate(-50%)}.duel3 b{padding:5px 9px;border:1px solid currentColor;border-radius:4px;background:#030810b8;text-shadow:0 0 10px currentColor}.duel3 b.p{color:#38e8ff}.duel3 b.d{color:#ff9a3c}.duel3 b small{opacity:.75;margin-left:6px;font-size:11px}.duel3 i{font-style:normal;color:#fff;font-size:11px;opacity:.8}.duel3 b.win{box-shadow:0 0 18px currentColor;transform:scale(1.12)}.duel3 b.lose{opacity:.35}.feed3{position:absolute;left:8px;top:calc(34% + 4px);z-index:6;display:flex;flex-direction:column;gap:3px;pointer-events:none;max-width:62%}.feed3 div{font-family:var(--f-hud);font-size:9.5px;font-weight:700;letter-spacing:.08em;color:#e8f4ff;background:#030810a8;border-left:2px solid var(--fc,#38e8ff);padding:3px 7px;border-radius:0 3px 3px 0;animation:feedIn .25s ease-out;transition:opacity .6s}.feed3 div.old{opacity:.45}.feed3 b{color:var(--fc,#38e8ff);font-weight:800}.feed3 em{font-style:normal;color:#ffd36a}.feed3 i{font-style:normal;color:#ff6a5a}@keyframes feedIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.cf{--el:#7fe7ff}.cf.el-moss{--el:#7be07b}.cf.el-ice{--el:#a6ecff}.cf.el-lava{--el:#ff8a3c}.fC .cf.hasArt:after{border:1px solid color-mix(in srgb,var(--el) 75%,transparent);box-shadow:inset 0 0 6px color-mix(in srgb,var(--el) 30%,transparent)}.cf.hasArt .art:after{background:repeating-linear-gradient(0deg,rgba(56,232,255,.13) 0 1px,transparent 1px 2px);animation:scan 3.4s linear infinite}.art img.holo{grid-area:1/1;position:relative;z-index:0;transform:translate(var(--px,0px),var(--py,0px));transition:transform .14s ease-out}.art img.holo.h2{filter:grayscale(1) brightness(2.2) blur(2.5px);opacity:.42;mix-blend-mode:screen;transform:translate(calc(var(--px,0px) * -1.4),calc(var(--py,0px) * -1.4)) scale(1.06)}.cf .hbase{position:absolute;left:16%;right:16%;bottom:0;height:9px;border-radius:50%;z-index:2;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--el) 85%,#fff),transparent);opacity:.7;mix-blend-mode:screen;animation:hbase 2.8s ease-in-out infinite}@keyframes hbase{50%{opacity:.4;transform:scaleX(.86)}}.cf.hasArt .art{background:linear-gradient(0deg,color-mix(in srgb,var(--el) 26%,transparent),transparent 45%) no-repeat 0 100%/100% 100%}.cf .stats:has(.gem){justify-content:flex-start;gap:4px;align-items:flex-end;padding:0 3px 3px;position:relative;z-index:3}.cf .gem{min-width:17px;height:17px;display:grid;place-items:center;font-family:var(--f-hud);font-weight:800;font-size:11px;line-height:1;color:#fff;background:#05080f;text-shadow:0 0 4px currentColor;box-shadow:0 0 0 1.5px var(--gc),0 0 7px var(--gc),inset 0 0 6px color-mix(in srgb,var(--gc) 40%,transparent)}.cf .gem.atk{--gc:#ff8a3c;border-radius:3px;clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%);padding-top:2px}.cf .gem.hp{--gc:#38e8ff;border-radius:50% 50% 45% 45%/40% 40% 60% 60%}.cf .rng{display:block;font-family:var(--f-hud);font-weight:700;font-size:6px;letter-spacing:.16em;text-align:center;line-height:1;margin:1px 0 2px;color:var(--el);text-shadow:0 0 5px var(--el)}.frameOpt .cf .rng{font-size:8px}.hand .card .cname{font-size:7.5px;color:#eafcff;text-shadow:0 0 6px rgba(56,232,255,.6),0 1px 0 #000}.cost{box-shadow:0 0 6px var(--gold),inset 0 0 5px #ffd35a59}.cost b{font-size:11px;text-shadow:0 0 5px rgba(255,211,90,.8)}@media (prefers-reduced-motion:reduce){.cf .hbase{animation:none}}.cf.hasArt .art{overflow:hidden}.cf .cname,.cf .rng{position:relative;z-index:3}.fb3{position:absolute;left:8px;top:calc(34% - 26px);z-index:7;font-family:var(--f-hud);font-weight:700;font-size:8px;letter-spacing:.14em;color:#ffd35a;background:#03060eb3;border:1px solid rgba(255,211,90,.45);padding:4px 6px;cursor:pointer;opacity:.75}.fb3:hover,.fb3:focus-visible{opacity:1}.fbp3{position:absolute;left:50%;top:22%;transform:translate(-50%);z-index:30;width:min(320px,86%);display:none;flex-direction:column;gap:8px;padding:12px;background:#040a14f0;border:1px solid rgba(56,232,255,.5);box-shadow:0 0 24px #38e8ff40;font-family:var(--f-hud)}.fbp3.on{display:flex}.fbp3 b{font-size:11px;letter-spacing:.16em;color:var(--pip)}.fbp3 textarea{height:110px;resize:none;background:#00000080;color:#e8f4ff;border:1px solid var(--line);font:13px/1.35 system-ui,sans-serif;padding:8px}.fbp3 small{font-size:9px;color:var(--mute);letter-spacing:.06em}.fbp3 div{display:flex;gap:8px;justify-content:flex-end}.fbp3 button{font-family:var(--f-hud);font-weight:700;font-size:10px;letter-spacing:.14em;padding:7px 12px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--mute)}.fbp3 button.pri{color:#04101a;background:var(--pip);border-color:var(--pip)}#panel3{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;opacity:0;transition:opacity .12s}#panel3.on{opacity:1;animation:panel3in .9s ease-out}#panel3:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:6px solid #05070d;outline:5px solid #fff6c8;outline-offset:-1px;background:radial-gradient(circle,rgba(255,246,200,.16) 1.4px,transparent 1.6px) 0 0/9px 9px,repeating-conic-gradient(from 0deg at 50% 46%,rgba(255,255,255,.07) 0 2deg,transparent 2deg 9deg);-webkit-mask:radial-gradient(ellipse 58% 52% at 50% 46%,transparent 55%,#000 80%);mask:radial-gradient(ellipse 58% 52% at 50% 46%,transparent 55%,#000 80%)}#panel3 b{position:absolute;left:22px;top:84px;transform:rotate(-4deg);font:400 clamp(30px,9vw,48px)/1 Bangers,Impact,sans-serif;letter-spacing:.04em;color:#05070d;background:#ffd35a;padding:6px 16px 4px;border:4px solid #05070d;box-shadow:6px 6px #05070d}#panel3.p b{background:#7ff1ff}#panel3 i{position:absolute;right:22px;bottom:200px;transform:rotate(-2deg);font:600 13px/1.2 var(--f-hud);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#05070d;background:#fff6c8;padding:5px 10px;border:3px solid #05070d}@keyframes panel3in{0%{transform:scale(1.06)}12%{transform:scale(.99)}20%{transform:scale(1)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){#panel3.on{animation:none}}