:root{--ink: #f8f9ff;--ink-dim: #b8b7d4;--ink-muted: #8381a8;--surface: rgba(16, 21, 58, .88);--surface-solid: #12173f;--surface-raised: #192050;--surface-card: rgba(22, 28, 72, .72);--border: #3b3670;--border-focus: #ffd369;--aurora: #38d9f5;--aurora-deep: #4e40c6;--aurora-glow: rgba(56, 217, 245, .28);--solar: #ffc738;--solar-deep: #e86317;--solar-glow: rgba(255, 199, 56, .28);--success: #55e59a;--danger: #ff6b6b;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#080c20;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}html,body,#root{width:100%;height:100%;min-height:100%}body{margin:0;min-width:0;overflow:hidden;background:#080c20;color:var(--ink)}.platform-shell{--platform-bg: #070b12;--platform-panel: #0d131e;--platform-panel-soft: #111925;--platform-line: rgba(190, 211, 230, .14);--platform-text: #f5f7fa;--platform-muted: #99a7b8;--platform-blue: #53c8ff;--platform-blue-strong: #1598e5;--platform-lime: #b8f05b;position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;color:var(--platform-text);background:radial-gradient(circle at 82% 12%,rgba(37,139,196,.16),transparent 27rem),radial-gradient(circle at 12% 5%,rgba(91,70,177,.13),transparent 24rem),var(--platform-bg)}.platform-shell:before{position:absolute;z-index:-1;inset:0 0 auto;height:60rem;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;content:"";-webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%);mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}.platform-shell h1,.platform-shell h2,.platform-shell h3,.platform-shell p{margin-top:0}.platform-shell svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.7rem 1rem;border-radius:.65rem;color:#07111b;background:#fff;font-weight:800;text-decoration:none;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.platform-first-fold{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;position:relative}.platform-header{position:sticky;z-index:40;top:0;width:100%;height:4.25rem;border-bottom:1px solid var(--platform-line);background:#070b12e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.platform-header-inner{display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 3rem),84rem);height:100%;margin:0 auto;gap:2rem}.platform-brand{display:inline-flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none}.platform-brand>span:last-child{display:grid;gap:.05rem}.platform-brand strong{font-size:1.05rem;letter-spacing:-.03em}.platform-brand small{color:#8494a8;font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.platform-mark{position:relative;display:grid;width:2.25rem;height:2.25rem;place-items:center;overflow:hidden;border:1px solid rgba(83,200,255,.45);border-radius:.72rem;background:linear-gradient(145deg,#112a40,#0a1019);box-shadow:inset 0 1px #ffffff1f,0 .55rem 1.4rem #0c7bb533}.platform-mark:before{position:absolute;inset:.28rem;border:1px solid rgba(184,240,91,.55);border-radius:50%;content:"";transform:rotate(-24deg) scaleY(.48)}.platform-mark span{position:relative;z-index:1;color:#fff;font-size:.82rem;font-weight:950}.platform-nav{display:flex;align-items:center;gap:2.25rem}.platform-nav a{position:relative;padding:.5rem 0;color:#9eb1c7;font-size:.84rem;font-weight:700;text-decoration:none;transition:color .15s ease}.platform-nav a:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--platform-blue);content:"";transform:scaleX(0);transition:transform .18s ease}.platform-nav a:hover{color:#fff}.platform-nav a:hover:after{transform:scaleX(1)}.platform-header-auth{display:flex;align-items:center;justify-content:flex-end}.platform-header .identity-status{display:inline-flex;align-items:center;gap:.65rem;min-height:2.35rem;padding:.2rem .35rem .2rem .65rem;border:1px solid rgba(255,255,255,.12);border-radius:9999px;background:#101926d1;box-shadow:0 2px 10px #0000004d;margin:0}.platform-header .identity-avatar{display:grid;width:1.5rem;height:1.5rem;place-items:center;border-radius:50%;background:#53c8ff29;color:var(--platform-blue);font-size:.7rem;font-weight:900;flex-shrink:0}.platform-header .identity-status.is-authenticated .identity-avatar{background:#b8f05b33;color:var(--platform-lime)}.platform-header .identity-info{display:flex;flex-direction:column;line-height:1.2}.platform-header .identity-info strong{font-size:.74rem;font-weight:750;color:#e6eef8;white-space:nowrap}.platform-header .identity-info small{color:#7b8ea3;font-size:.6rem;font-weight:600;white-space:nowrap}.platform-header .identity-status>a{display:inline-flex;align-items:center;justify-content:center;height:1.85rem;padding:0 .85rem;border-radius:9999px;color:#061019;background:#fff;font-size:.72rem;font-weight:850;text-decoration:none;transition:transform .15s ease,background .15s ease;white-space:nowrap}.platform-header .identity-status>a:hover{background:#e2eeff;transform:scale(1.02)}.platform-alert{width:min(calc(100% - 3rem),84rem);margin:.75rem auto 0;padding:.65rem 1rem;border:1px solid rgba(255,196,74,.4);border-radius:.75rem;color:#ffe6a8;background:#513b0b6b;font-size:.82rem}.platform-hero{flex:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(26rem,1fr);align-items:center;gap:clamp(2rem,3.5vw,4rem);width:min(calc(100% - 3rem),84rem);margin:0 auto;padding:clamp(.75rem,1.8vh,1.75rem) 0 clamp(1rem,2.2vh,2.25rem);box-sizing:border-box}.platform-kicker,.section-kicker{color:#7ccfff;font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.platform-kicker{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.platform-kicker>span{width:.45rem;height:.45rem;border-radius:50%;background:var(--platform-lime);box-shadow:0 0 .7rem #b8f05bbf}.platform-hero h1{max-width:38rem;margin-bottom:.85rem;color:#f7f9fb;font-size:clamp(2.3rem,3.8vw,3.65rem);font-weight:880;letter-spacing:-.05em;line-height:1.02}.platform-hero h1 em{color:var(--platform-blue);font-style:normal}.platform-hero-copy>p{max-width:33rem;margin-bottom:1.35rem;color:#9caabd;font-size:clamp(.92rem,1.15vw,1.02rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.35rem}.platform-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.15rem;border:1px solid transparent;border-radius:.72rem;font-size:.82rem;font-weight:850;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.platform-button:hover{transform:translateY(-2px)}.platform-button-primary{color:#07111a;background:#fff;box-shadow:0 .85rem 2.5rem #0000004d}.platform-button-primary svg,.platform-button-light svg{color:var(--platform-blue-strong)}.platform-button-secondary{border-color:var(--platform-line);color:#d6dee8;background:#ffffff09}.platform-button-secondary:hover{border-color:#53c8ff73;background:#53c8ff14}.hero-proof{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.75rem,1.6vw,1.6rem);padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.08);color:#8295aa;font-size:.76rem;font-weight:700}.hero-proof span{display:inline-flex;align-items:center;gap:.42rem}.hero-proof svg{color:#73d7ff;font-size:1rem}.hero-showcase{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:35rem;margin:0 auto}.showcase-glow{position:absolute;inset:5% 8%;border-radius:50%;background:#2691ce29;filter:blur(50px);pointer-events:none}.showcase-window{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(153,198,226,.22);border-radius:1rem;background:#0b1420;box-shadow:0 1.5rem 3.5rem #0000008c,inset 0 1px #ffffff14}.showcase-window-bar,.showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .85rem;color:#8396a9;background:#0a111b;font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.showcase-window-bar{border-bottom:1px solid rgba(255,255,255,.08)}.showcase-brand{display:flex;align-items:center;gap:.4rem;color:#dbe8f2}.showcase-brand i,.showcase-footer i{width:.4rem;height:.4rem;border-radius:50%;background:var(--platform-lime);box-shadow:0 0 .6rem #b8f05bb3}.showcase-question{position:relative;display:grid;gap:.2rem;padding:.75rem 4rem .75rem .95rem;border-bottom:1px solid rgba(255,255,255,.08);background:#101b29}.showcase-question span{color:#66cfff;font-size:.55rem;font-weight:900;letter-spacing:.14em}.showcase-question strong{font-size:clamp(.85rem,1.15vw,1.05rem);line-height:1.3}.showcase-question b{position:absolute;top:50%;right:.85rem;display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:.6rem;color:#071018;background:#f4cf55;font-size:.95rem;font-weight:900;transform:translateY(-50%)}.showcase-stage{display:grid;grid-template-columns:1fr 3.5rem 1fr;min-height:clamp(8.5rem,14vh,12rem);background:linear-gradient(180deg,#14283b,#0b1724)}.showcase-side{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:.75rem .85rem}.showcase-side>span{display:grid;width:1.7rem;height:1.7rem;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:.48rem;background:#ffffff1a;font-size:.72rem;font-weight:950}.showcase-side>strong{align-self:flex-start;padding:.45rem .65rem;border-radius:.5rem;background:#040b12d1;font-size:.68rem}.showcase-side-a{background:linear-gradient(135deg,rgba(25,151,211,.28),transparent 60%)}.showcase-side-b{align-items:flex-end;background:linear-gradient(225deg,rgba(196,72,104,.24),transparent 60%)}.showcase-side-b>strong{align-self:flex-end}.showcase-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;border-inline:1px dashed rgba(255,255,255,.3);color:#c7d1db;background:#ffffff0d;font-size:.52rem;font-weight:900;letter-spacing:.16em;writing-mode:vertical-rl}.showcase-center i{width:1px;height:1.8rem;background:#ffffff38}.showcase-footer{border-top:1px solid rgba(255,255,255,.08)}.showcase-footer span{display:inline-flex;align-items:center;gap:.35rem}.showcase-footer strong{color:#dbe6ef;font-size:.6rem}.showcase-float{position:absolute;z-index:4;display:flex;align-items:center;gap:.55rem;padding:.48rem .72rem;border:1px solid rgba(255,255,255,.16);border-radius:.75rem;background:#0e1620f0;box-shadow:0 .8rem 2rem #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.showcase-float>svg{color:var(--platform-blue);font-size:1.25rem}.showcase-float>span:not(.showcase-score){display:grid;gap:.05rem}.showcase-float small{color:#75879a;font-size:.52rem;font-weight:900;letter-spacing:.12em}.showcase-float strong{font-size:.72rem}.showcase-float-top{top:-.75rem;right:1.25rem}.showcase-float-bottom{bottom:-.75rem;left:1.25rem}.showcase-score{display:grid;width:2.1rem;height:2.1rem;place-items:center;border-radius:.6rem;color:#08120b;background:var(--platform-lime);font-size:.75rem;font-weight:950}.platform-trust{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:min(calc(100% - 2rem),78rem);margin:0 auto;padding:1.15rem 0;border-block:1px solid var(--platform-line)}.platform-trust p{margin:0;color:#dce4ec;font-size:.75rem;font-weight:850}.platform-trust>div{display:flex;align-items:center;gap:1rem;color:#758597;font-size:.68rem;font-weight:750}.platform-trust i{width:.22rem;height:.22rem;border-radius:50%;background:#405063}.platform-section{width:min(calc(100% - 2rem),78rem);margin:0 auto;padding:clamp(5rem,10vw,8.5rem) 0;scroll-margin-top:5rem}.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:end;gap:3rem;margin-bottom:2.4rem}.section-heading h2,.teacher-copy h2,.platform-cta h2{max-width:44rem;margin:.65rem 0 0;color:#f3f6f9;font-size:clamp(2.25rem,4.5vw,4.4rem);letter-spacing:-.055em;line-height:1}.section-heading>p{max-width:29rem;margin:0;color:var(--platform-muted);font-size:.92rem;line-height:1.7}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.library-card{position:relative;cursor:pointer;overflow:hidden;border:1px solid var(--platform-line);border-radius:1.2rem;background:var(--platform-panel);box-shadow:0 1.4rem 4rem #0000003d;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.library-card:hover{transform:translateY(-5px);box-shadow:0 2rem 5rem #00000061}.library-card.theme-duel-rasi:hover{border-color:#5ac7ff8c;box-shadow:0 2rem 5rem #0e588559}.library-card.theme-pick-a-side:hover{border-color:#b8f05b80;box-shadow:0 2rem 5rem #4b80144d}.library-card:hover .duel-mascot{transform:scale(1.03);transition:transform .3s ease}.library-card:hover .duel-star{transform:translate(-50%,-50%) rotate(52deg) scale(1.06);transition:transform .3s ease}.library-card:hover .side-timer{transform:scale(1.08);transition:transform .2s ease}.game-visual{position:relative;min-height:clamp(18rem,29vw,24rem);overflow:hidden;border-bottom:1px solid var(--platform-line)}.game-visual-caption{position:absolute;z-index:7;right:1.1rem;bottom:1rem;left:1.1rem;color:#fffc;font-size:.68rem;font-weight:800;letter-spacing:.04em}.game-visual-duel{background:radial-gradient(circle at 22% 48%,rgba(64,211,255,.3),transparent 27%),radial-gradient(circle at 82% 48%,rgba(255,158,43,.32),transparent 28%),linear-gradient(145deg,#0d1731,#17122c)}.game-visual-duel:before{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.3px);background-size:33px 33px;content:"";opacity:.16}.duel-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.duel-orbit-one{width:66%;height:44%}.duel-orbit-two{width:86%;height:68%;transform:translate(-50%,-50%) rotate(18deg)}.duel-mascot{position:absolute;z-index:3;bottom:-9%;width:45%;height:88%;object-fit:contain;filter:drop-shadow(0 1.2rem 1.4rem rgba(0,0,0,.45))}.duel-mascot-aurora{left:-4%}.duel-mascot-solar{right:-4%}.duel-star{position:absolute;z-index:5;top:43%;left:50%;display:grid;width:6.2rem;height:6.2rem;place-items:center;align-content:center;border:1px solid rgba(255,226,114,.75);border-radius:1.5rem;color:#1b1403;background:linear-gradient(145deg,#fff0a8,#f2b73b);box-shadow:0 0 3rem #f6b93b66;transform:translate(-50%,-50%) rotate(45deg)}.duel-star span,.duel-star strong{transform:rotate(-45deg)}.duel-star span{font-size:.52rem;font-weight:900;letter-spacing:.13em}.duel-star strong{margin-top:-1.05rem;font-size:1rem}.game-visual-side{display:grid;grid-template-columns:1fr 4rem 1fr;grid-template-rows:auto 1fr;background:#0e1722}.side-question{grid-column:1 / -1;padding:1rem 4.5rem 1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.12);color:#dce8f0;background:#121f2d;font-size:.74rem;font-weight:800}.side-timer{position:absolute;z-index:4;top:.65rem;right:.85rem;display:grid;width:2.8rem;height:2.2rem;place-items:center;border-radius:.55rem;color:#0b131c;background:#f3cf54;font-size:.78rem;font-weight:950}.side-lane{display:flex;flex-direction:column;justify-content:space-between;padding:1.1rem 1rem 3rem}.side-lane strong{display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:.8rem;background:#050a10a6;font-size:1.45rem}.side-lane span{align-self:flex-start;padding:.5rem .65rem;border-radius:.55rem;color:#e9f1f6;background:#04090fbf;font-size:.67rem;font-weight:800}.side-lane-a{background:linear-gradient(135deg,#209ada59,#0f2f431f)}.side-lane-b{align-items:flex-end;background:linear-gradient(225deg,#d8527052,#4218231f)}.side-lane-b span{align-self:flex-end}.side-divider{display:flex;align-items:center;justify-content:center;border-inline:1px dashed rgba(255,255,255,.38);color:#aab8c6;background:#ffffff0f;font-size:.53rem;font-weight:900;letter-spacing:.12em;writing-mode:vertical-rl}.library-card-body{padding:1.35rem}.library-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.library-category{color:#7c8ea1;font-size:.65rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.library-card h3{margin:.35rem 0 0;color:#f4f7fa;font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:-.035em}.library-badge{flex:0 0 auto;padding:.34rem .55rem;border:1px solid rgba(255,255,255,.14);border-radius:.5rem;color:#b5c3d1;background:#ffffff0a;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.library-card-body>p{min-height:3rem;margin:.85rem 0 1.2rem;color:#91a0b1;font-size:.86rem;line-height:1.65}.library-facts{display:grid;grid-template-columns:.75fr .8fr 1.45fr;margin:0 0 1.2rem;padding:.9rem 0;border-block:1px solid var(--platform-line)}.library-facts>div{min-width:0;padding:0 .75rem;border-right:1px solid var(--platform-line)}.library-facts>div:first-child{padding-left:0}.library-facts>div:last-child{padding-right:0;border-right:0}.library-facts dt{margin-bottom:.25rem;color:#67788c;font-size:.56rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.library-facts dd{margin:0;color:#d5dee6;font-size:.7rem;font-weight:750;line-height:1.35}.library-launch{position:relative;display:flex;width:100%;min-height:2.85rem;align-items:center;justify-content:center;gap:.55rem;padding:.7rem 1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;font-size:.85rem;font-weight:850;text-decoration:none;box-shadow:0 4px 14px #00000040;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}.library-launch:after{position:absolute;inset:0;z-index:10;content:""}.theme-duel-rasi .library-launch{color:#041421;background:linear-gradient(135deg,#e4f6ff,#7ecfff);border-color:#7ecfff80}.theme-pick-a-side .library-launch{color:#0e1e03;background:linear-gradient(135deg,#f2ffdd,#bbf268);border-color:#bbf26880}.library-card:hover .library-launch{transform:translateY(-2px);box-shadow:0 8px 24px #00000073}.theme-duel-rasi.library-card:hover .library-launch{background:linear-gradient(135deg,#fff,#8dd7ff)}.theme-pick-a-side.library-card:hover .library-launch{background:linear-gradient(135deg,#fff,#c7f77c)}.library-launch svg{color:currentColor;transition:transform .18s ease}.library-card:hover .library-launch svg{transform:translate(3px,-3px)}.text-link{display:inline-flex;align-items:center;gap:.45rem;color:#eaf6fc;font-size:.78rem;font-weight:850;text-decoration:none}.text-link svg{color:var(--platform-blue);transition:transform .18s ease}.text-link:hover svg{transform:translate(2px,-2px)}.library-future{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.15rem;margin-top:1.25rem;padding:1.35rem;border:1px dashed rgba(141,166,190,.28);border-radius:1.1rem;background:#0f17229e}.future-icon{display:grid;width:3.4rem;height:3.4rem;place-items:center;border:1px solid rgba(83,200,255,.3);border-radius:.9rem;color:var(--platform-blue);background:#53c8ff12}.future-icon svg{width:1.45rem;height:1.45rem}.library-future h3{margin:.28rem 0;font-size:1.05rem}.library-future p{margin:0;color:#8292a4;font-size:.76rem;line-height:1.5}.future-status{padding:.5rem .7rem;border-radius:.58rem;color:#a5b4c4;background:#ffffff0b;font-size:.65rem;font-weight:800}.how-section{width:100%;max-width:none;padding-inline:max(1rem,calc((100% - 78rem)/2));border-block:1px solid var(--platform-line);background:#0a1018}.section-heading-compact{grid-template-columns:minmax(0,1fr)}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;overflow:hidden;border:1px solid var(--platform-line);border-radius:1.05rem;background:var(--platform-line);list-style:none}.steps-grid li{display:flex;min-height:13rem;gap:1rem;padding:1.5rem;background:#0d141e}.steps-grid li>span{color:#4fbdec;font-size:.7rem;font-weight:900;letter-spacing:.12em}.steps-grid h3{margin-bottom:.65rem;font-size:1rem}.steps-grid p{margin:0;color:#8291a3;font-size:.78rem;line-height:1.65}.teacher-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(28rem,1.1fr);align-items:center;gap:clamp(3rem,8vw,7rem)}.teacher-copy>p{max-width:34rem;margin:1.25rem 0 1.45rem;color:#8e9eaf;font-size:.9rem;line-height:1.75}.ecosystem-panel{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;padding:1.3rem;border:1px solid var(--platform-line);border-radius:1.15rem;background:linear-gradient(145deg,#111a26,#0b111a);box-shadow:0 1.5rem 4rem #0000004d}.ecosystem-panel>i{width:2rem;height:1px;background:linear-gradient(90deg,#3c4d5d,var(--platform-blue),#3c4d5d)}.ecosystem-node{display:flex;align-items:center;gap:.7rem;min-height:5.3rem;padding:.9rem;border:1px solid rgba(255,255,255,.11);border-radius:.85rem;background:#ffffff09}.ecosystem-node>span{display:grid;width:2.7rem;height:2.7rem;flex:0 0 auto;place-items:center;border-radius:.68rem;font-size:.72rem;font-weight:950}.ecosystem-node-class>span{color:#e7f2fb;background:#263c52}.ecosystem-node-play>span{color:#07111a;background:var(--platform-blue)}.ecosystem-node div{display:grid;gap:.18rem}.ecosystem-node small,.ecosystem-output small{color:#68798c;font-size:.5rem;font-weight:900;letter-spacing:.1em}.ecosystem-node strong{font-size:.88rem}.ecosystem-output{grid-column:1 / -1;display:grid;gap:.25rem;margin-top:.45rem;padding:.85rem 1rem;border-radius:.75rem;background:#b8f05b13}.ecosystem-output strong{color:#cdeaa1;font-size:.76rem}.platform-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:min(calc(100% - 2rem),78rem);margin:0 auto 4rem;padding:clamp(2rem,5vw,3.5rem);overflow:hidden;border-radius:1.25rem;color:#07111a;background:radial-gradient(circle at 90% 0,rgba(255,255,255,.8),transparent 26%),linear-gradient(125deg,#a7e8ff,#55c9ff 56%,#98df77)}.platform-cta .section-kicker{color:#0d5f85}.platform-cta h2{max-width:45rem;color:#07111a;font-size:clamp(2rem,4.2vw,3.8rem)}.platform-button-light{flex:0 0 auto;color:#07111a;background:#fff;box-shadow:0 1rem 2.5rem #05354d33}.platform-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:min(calc(100% - 2rem),78rem);margin:0 auto;padding:2rem 0;border-top:1px solid var(--platform-line);color:#67788b;font-size:.7rem}.platform-footer p{margin:0;text-align:center}.platform-footer>span{justify-self:end}.platform-brand-footer{opacity:.82}.platform-loading{display:grid;width:100%;min-height:100dvh;place-items:center;align-content:center;gap:.8rem;color:#dce7ef;background:#070b12}.platform-loading>span{width:2.2rem;height:2.2rem;border:2px solid rgba(255,255,255,.15);border-top-color:#53c8ff;border-radius:50%;animation:state-spin .8s linear infinite}.platform-loading p{margin:0;font-size:.8rem;font-weight:800}@media(max-width:1040px){.platform-first-fold{min-height:auto}.platform-nav{display:none}.platform-hero{grid-template-columns:minmax(0,1fr);min-height:auto;gap:2rem;padding:2.5rem 0 3rem}.platform-hero-copy{max-width:44rem}.hero-showcase{width:min(100%,36rem);margin:0 auto}.teacher-section{grid-template-columns:minmax(0,1fr)}.ecosystem-panel{width:min(100%,42rem)}}@media(max-width:760px){.platform-header{height:3.85rem}.platform-header-inner{width:calc(100% - 2rem)}.platform-header .identity-info small{display:none}.platform-hero{padding:1.5rem 0 2.5rem}.platform-hero h1{font-size:clamp(2.2rem,9vw,3.2rem)}.platform-trust{align-items:flex-start}.platform-trust>div{flex-wrap:wrap;justify-content:flex-end}.section-heading{grid-template-columns:minmax(0,1fr);gap:1rem}.library-grid{grid-template-columns:minmax(0,1fr)}.game-visual{min-height:min(72vw,24rem)}.steps-grid{grid-template-columns:minmax(0,1fr)}.steps-grid li{min-height:0}.platform-cta{align-items:flex-start;flex-direction:column}.platform-footer{grid-template-columns:1fr auto}.platform-footer p{display:none}}@media(max-width:560px){.platform-header-inner{width:calc(100% - 1.5rem)}.platform-brand small,.platform-header .identity-info{display:none}.platform-header .identity-status{gap:.35rem;padding-left:.35rem}.platform-hero,.platform-trust,.platform-section,.platform-cta,.platform-footer{width:min(calc(100% - 1.5rem),78rem)}.platform-hero h1{font-size:clamp(2rem,11vw,2.75rem)}.platform-hero-copy>p{font-size:.92rem;line-height:1.6}.hero-actions{flex-direction:column}.platform-button{width:100%}.hero-proof{display:grid;grid-template-columns:1fr;gap:.65rem}.hero-showcase{padding-block:.8rem}.showcase-window{transform:none}.showcase-float{display:none}.showcase-stage{grid-template-columns:1fr 3rem 1fr;min-height:10rem}.showcase-side{padding:.6rem .5rem}.showcase-side>span{width:1.6rem;height:1.6rem;font-size:.72rem}.showcase-side>strong{max-width:6.8rem;font-size:.62rem}.showcase-footer strong{display:none}.platform-trust{display:block}.platform-trust p{margin-bottom:.7rem}.platform-trust>div{justify-content:flex-start;gap:.6rem}.platform-trust i{display:none}.platform-section{padding-block:4.5rem}.section-heading h2,.teacher-copy h2{font-size:clamp(2.25rem,10vw,3.2rem)}.game-visual{min-height:19rem}.duel-star{width:5rem;height:5rem}.library-card-body{padding:1.1rem}.library-card-heading{display:grid}.library-badge{justify-self:start}.library-card-body>p{min-height:0}.library-facts{grid-template-columns:1fr;gap:.65rem}.library-facts>div{padding:0 0 .65rem;border-right:0;border-bottom:1px solid var(--platform-line)}.library-facts>div:last-child{padding-bottom:0;border-bottom:0}.library-future{grid-template-columns:auto minmax(0,1fr)}.future-status{grid-column:1 / -1;justify-self:start}.how-section{width:100%;padding-inline:1rem}.ecosystem-panel{grid-template-columns:1fr}.ecosystem-panel>i{width:1px;height:1.4rem;justify-self:center}.ecosystem-output{grid-column:auto}.platform-cta{margin-bottom:2rem}.platform-footer{padding-bottom:max(2rem,env(safe-area-inset-bottom))}.platform-brand-footer small{display:none}}.game-shell{position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;min-height:0;padding:clamp(.75rem,2vh,1.25rem) clamp(1rem,3.5vw,4rem);overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(56,217,245,.12),transparent 28%),radial-gradient(circle at 88% 18%,rgba(255,199,56,.12),transparent 28%),radial-gradient(circle at 50% -10%,#3e3384 0%,transparent 48%),#080c20}.game-shell:before{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(255,255,255,.6) 0 1px,transparent 1.5px);background-size:40px 40px;content:"";opacity:.12;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 80%);mask-image:linear-gradient(to bottom,#000 0%,transparent 80%)}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;width:100%;max-width:1440px;margin:0 auto clamp(.65rem,1.6vh,1.25rem);padding:.25rem 0;flex:0 0 auto}.topbar>.wordmark{grid-column:1;justify-self:start}.topbar>.view-switch{grid-column:2;justify-self:center}.topbar>.topbar-actions{grid-column:3;justify-self:end}.wordmark{display:inline-flex;align-items:center;gap:.2rem;color:#fff;font-size:1.4rem;font-weight:900;letter-spacing:-.05em;text-decoration:none;transition:transform .2s ease}.wordmark:hover{transform:scale(1.03)}.wordmark span{color:#ffd369}.view-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.3rem;border:1px solid var(--border);border-radius:999px;background:#12173ce6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-switch a{min-width:7.5rem;padding:.45rem 1rem;border-radius:999px;color:var(--ink-dim);font-size:.8rem;font-weight:700;text-align:center;text-decoration:none;transition:all .2s ease}.view-switch a.active{color:#fff;background:linear-gradient(135deg,#4f42b5,#3a2e96);box-shadow:0 2px 10px #00000059}.view-switch a:not(.active):hover{color:#fff;background:#ffffff0f}.topbar-actions{display:flex;align-items:center;gap:.65rem;min-width:0}.btn-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border:1px solid var(--border);border-radius:999px;color:var(--ink-dim);background:#12183ed9;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-chip:hover{color:#fff;border-color:#635b9f;background:#1c245c}.btn-chip.active{color:#ffd369;border-color:#f7c948}.connection-chip{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink-muted);font-size:.74rem;font-weight:600}.connection-chip i{width:.5rem;height:.5rem;border-radius:50%;background:var(--success);box-shadow:0 0 .6rem var(--success)}.connection-chip.warning i{background:#f7b731;box-shadow:0 0 .6rem #f7b731}.identity-status{display:inline-flex;align-items:center;gap:.65rem;padding:.35rem .8rem;border:1px solid var(--border);border-radius:999px;color:var(--ink);background:#141a44d9;font-size:.78rem}.identity-avatar{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:linear-gradient(135deg,#70e5a5,#2ecc71);color:#0b2214;font-weight:900;font-size:.7rem}.identity-info{display:flex;flex-direction:column;line-height:1.15}.identity-info strong{font-size:.78rem;font-weight:800;color:#fff}.identity-info small{font-size:.65rem;color:var(--ink-dim);text-transform:capitalize}.arena-header,.arena-card,.controller-card,.helper{max-width:1100px;margin-left:auto;margin-right:auto}.arena-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.eyebrow{margin:0 0 .4rem;color:#9f96f0;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.arena-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.04em;color:#fff}.subcopy{margin:.45rem 0 0;color:var(--ink-dim);font-size:.95rem;line-height:1.45}.phase-badge{padding:.45rem .95rem;border:1px solid #5d53a8;border-radius:999px;color:#dcd8ff;background:#2b255f99;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.phase-badge.phase-active,.phase-badge.phase-playing{border-color:var(--success);color:#a8f5c8;background:#1e5f3a73}.phase-badge.phase-lobby,.phase-badge.phase-draft{border-color:#ffd369;color:#fff1b8;background:#78551473}.phase-badge.phase-victory,.phase-badge.phase-finished{border-color:#f7b731;color:#201300;background:linear-gradient(135deg,#ffd369,#fa983a)}.arena-card,.controller-card{padding:clamp(1.25rem,3vw,2.25rem);border:1px solid var(--border);border-radius:1.75rem;background:var(--surface);box-shadow:0 1.5rem 4.5rem #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border:0;border-radius:.9rem;font:inherit;font-size:.9rem;font-weight:800;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.primary-button{color:#1a1002;background:linear-gradient(135deg,#ffe082,#f6b93b);box-shadow:0 .5rem 1.8rem #f6b93b47}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 .8rem 2.2rem #f6b93b6b}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.secondary-button{color:#d8d4f7;border:1px solid var(--border);background:#1e2455d9}.secondary-button:hover{color:#fff;border-color:#645da6;background:#2d3573e6}.online-lobby-card{margin-top:1rem}.lobby-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(1.5rem,4vw,3rem);align-items:stretch}.lobby-panel{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;border:1px solid rgba(82,74,148,.4);border-radius:1.25rem;background:#0e123299}.match-pin-box{text-align:center;padding:.75rem 0 1rem}.match-pin-box .prompt-kicker{color:#b3aaff;font-size:.75rem;font-weight:800;letter-spacing:.14em;margin-bottom:.25rem}.match-pin{display:block;font-size:clamp(3rem,6vw,4.5rem);font-weight:900;letter-spacing:.16em;color:#ffd369;text-shadow:0 0 1.8rem rgba(255,211,105,.45);line-height:1}.match-qr{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-top:.5rem;text-align:center}.qr-frame{display:grid;place-items:center;width:170px;height:170px;padding:8px;border:2px solid #ffd369;border-radius:1.25rem;background:#fff8dd;box-shadow:0 .75rem 2rem #0006}.qr-frame img{width:100%;height:100%;border-radius:.75rem;image-rendering:pixelated}.match-qr p{margin:0;color:var(--ink-dim);font-size:.85rem;font-weight:600}.match-qr code{display:block;max-width:240px;overflow-wrap:anywhere;color:var(--ink-muted);font-size:.65rem}.slot-list{display:grid;gap:.85rem;margin:1rem 0 1.5rem}.slot-card{display:flex;align-items:center;gap:1rem;padding:.85rem 1.1rem;border:1px solid var(--border);border-radius:1.1rem;background:#161c48b3;transition:all .25s ease}.slot-card.aurora{border-color:#38d9f559}.slot-card.solar{border-color:#ffc73859}.slot-card img{width:3.5rem;height:3.5rem;object-fit:contain;filter:drop-shadow(0 .3rem .6rem rgba(0,0,0,.3))}.slot-card div{display:grid;gap:.15rem}.slot-card strong{font-size:1.05rem;font-weight:800;color:#fff}.slot-card span{font-size:.78rem;color:var(--ink-dim)}.slot-badge{margin-left:auto;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.05em}.slot-badge.ready{background:#55e59a2e;color:#70e5a5;border:1px solid #55e59a}.slot-badge.waiting{background:#8c87b426;color:var(--ink-muted);border:1px solid #4a4574}.round-meta{display:flex;justify-content:space-between;align-items:center;color:#b0a9e8;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding-bottom:.75rem;border-bottom:1px solid rgba(82,74,148,.4)}.prompt-panel{display:flex;align-items:center;gap:1.5rem;max-width:800px;margin:1.25rem auto 1.5rem;text-align:left}.prompt-art{display:grid;flex:0 0 6rem;width:6rem;height:6rem;place-items:center;border:2px solid #6c61bf;border-radius:1.25rem;background:radial-gradient(circle,#3a2e8c,#161a48);font-size:3.2rem;box-shadow:0 0 2rem #6c61bf59;overflow:hidden}.prompt-art img{width:100%;height:100%;object-fit:cover}.prompt-kicker{margin:0 0 .35rem;color:#9f96f0;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.prompt-panel h2{margin:0;font-size:clamp(1.3rem,2.5vw,1.85rem);font-weight:800;line-height:1.2;color:#fff}.prompt-note{margin:.35rem 0 0;color:var(--ink-dim);font-size:.82rem}.stage-arena-container{width:min(100%,1440px);min-height:0;margin:0 auto;padding:clamp(.65rem,1.5vh,1rem) clamp(.8rem,1.8vw,1.4rem);border:1px solid var(--border);border-radius:1.5rem;background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1.5rem 4.5rem #0006;display:flex;flex-direction:column;gap:clamp(.4rem,1vh,.65rem)}.host-view{display:flex;flex-direction:column}.host-view.arena-live .stage-arena-container{flex:1 1 auto}.stage-hud-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid rgba(82,74,148,.35)}.hud-info{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.hud-tag{color:#ffd369;font-size:.75rem;font-weight:900;letter-spacing:.12em;margin-right:.25rem}.hud-pill{padding:.25rem .75rem;border-radius:999px;background:#6c61bf40;border:1px solid rgba(108,97,191,.45);color:#fff;font-size:.78rem;font-weight:800}.hud-pill.dim{color:var(--ink-dim);background:#ffffff0d;border-color:#ffffff1f}.stage-clue-box{display:flex;align-items:center;gap:1.15rem;width:min(100%,145vh);width:min(100%,145dvh);margin-inline:auto;padding:clamp(.45rem,1vh,.65rem) clamp(.25rem,.8vw,.75rem)}.clue-details{flex:1;text-align:left}.clue-text{margin:.15rem 0;font-size:clamp(1.15rem,2.2vw,1.55rem);font-weight:800;line-height:1.2;color:#fff}.stage-canvas-wrap{flex:1 1 auto;width:auto;height:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;aspect-ratio:8 / 3;align-self:center;margin:0 auto;display:flex;align-items:center;justify-content:center}.stage-canvas-wrap .phaser-arena{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:8 / 3;border-radius:1.25rem;overflow:hidden;box-shadow:0 .8rem 2.5rem #0006;background:#0a0f30;margin:0}.stage-canvas-wrap .phaser-arena canvas{width:100%!important;height:100%!important;object-fit:contain;display:block}.online-prompt-image{display:block;width:100%;height:100%;object-fit:cover}.online-prompt-fallback{display:grid;width:100%;height:100%;place-items:center;font-size:2.5rem}.stage-dock{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-top:.15rem}.arena-message{margin:0;color:#e4e1fa;font-size:.88rem;font-weight:600;text-align:center;line-height:1.4}.online-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:.35rem}.pilot-config{width:min(100%,38rem);margin:1rem auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(9rem,1fr);gap:.8rem;text-align:left}.pilot-config label{display:grid;gap:.4rem;color:var(--ink-dim);font-size:.78rem;font-weight:800}.pilot-config select{min-height:46px;padding:.65rem .8rem;border:1px solid var(--border);border-radius:.8rem;color:#fff;background:#171a42;font:inherit;font-size:1rem}.pack-readiness,.privacy-note{margin:.35rem 0 .8rem;color:var(--ink-dim);font-size:.8rem}.report-overlay{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:1rem;background:#050616e0}.report-card{width:min(100%,48rem);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--border);border-radius:1.5rem;background:#111433;box-shadow:0 2rem 6rem #0000008c}.report-heading,.report-teams>div{display:flex;justify-content:space-between;align-items:center;gap:1rem}.report-heading h2{margin:.15rem 0 0}.report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.25rem 0}.report-summary>div,.report-teams>div{padding:.85rem;border:1px solid var(--border);border-radius:.9rem;background:#ffffff0a}.report-summary span,.report-teams span{color:var(--ink-dim);font-size:.78rem}.report-summary strong{display:block;margin-top:.25rem}.report-teams{display:grid;gap:.65rem}.report-teams .aurora strong{color:var(--aurora)}.report-teams .solar strong{color:var(--solar)}.primary-button,.secondary-button{padding:.55rem 1.25rem;font-size:.84rem}.helper{flex:0 0 auto;margin:clamp(.25rem,.8vh,.4rem) 0 0;font-size:.78rem;color:var(--ink-dim);text-align:center}.helper a{color:#ffd369;text-decoration:underline;font-weight:700}.controller-view{display:flex;flex-direction:column}.controller-card{width:min(100%,640px);min-height:0;max-height:100%;margin-top:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.controller-view .controller-card{flex:0 1 auto;margin-block:auto}.controller-view .topbar{margin-bottom:0}.controller-heading{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.controller-heading img{width:clamp(4.2rem,12vw,5.5rem);height:clamp(4.2rem,12vw,5.5rem);flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 .5rem 1rem rgba(0,0,0,.3))}.controller-heading h1{margin:0;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:900;letter-spacing:-.03em}.team-aurora .controller-heading h1{color:var(--aurora)}.team-solar .controller-heading h1{color:var(--solar)}.controller-status{display:flex;align-items:center;gap:.65rem;padding:.65rem .95rem;border:1px solid var(--border);border-radius:.9rem;color:var(--ink);font-size:.82rem;font-weight:600;background:#10153899}.team-orb{width:.75rem;height:.75rem;border-radius:50%;background:var(--aurora);box-shadow:0 0 .8rem var(--aurora)}.team-orb.solar{background:var(--solar);box-shadow:0 0 .8rem var(--solar)}.controller-prompt{display:grid;place-items:center;gap:.85rem;margin:1.5rem 0;padding:1.75rem 1rem;border:1px solid var(--border);border-radius:1.25rem;background:var(--surface-raised);text-align:center}.controller-prompt>.online-prompt-image{width:clamp(5rem,13vh,6.5rem);height:clamp(5rem,13vh,6.5rem);border:2px solid #6c61bf;border-radius:1.1rem;box-shadow:0 0 1.5rem #6c61bf47}.controller-prompt>.controller-emoji{display:grid;width:clamp(5rem,13vh,6.5rem);height:clamp(5rem,13vh,6.5rem);place-items:center;border:2px solid #6c61bf;border-radius:1.1rem;background:radial-gradient(circle,#3a2e8c,#161a48);font-size:clamp(3rem,8vh,4.25rem);line-height:1;box-shadow:0 0 1.5rem #6c61bf47}.controller-prompt>.online-prompt-fallback{width:clamp(5rem,13vh,6.5rem);height:clamp(5rem,13vh,6.5rem)}.controller-prompt p{max-width:28rem;margin:0;color:#e4e1f7;font-size:1.15rem;font-weight:700;line-height:1.35}.answer-form{display:grid;gap:.65rem}.answer-form label{color:var(--ink-dim);font-size:.8rem;font-weight:800;letter-spacing:.05em}.answer-row{display:flex;gap:.65rem}.answer-row input{min-width:0;flex:1;border:1.5px solid #585098;border-radius:.9rem;padding:.85rem 1.1rem;color:#fff;background:#0d1231;font:inherit;font-size:max(1rem,16px);outline:none;transition:all .2s ease}.answer-row input:focus{border-color:#ffd369;box-shadow:0 0 0 .25rem #ffd36938}.controller-message{min-height:2.6rem;margin:1rem 0 .35rem;color:#f0edff;font-size:.9rem;font-weight:600;text-align:center}.cooldown-banner{padding:.65rem .9rem;border:1px solid #e67e22;border-radius:.85rem;color:#ffe6cc;background:#e67e2238;font-size:.85rem;font-weight:700;text-align:center;margin:.75rem 0}.connection-banner,.online-error{margin:0;padding:.65rem .85rem;border-radius:.85rem;font-size:.82rem;font-weight:700;line-height:1.35;text-align:center}.connection-banner{border:1px solid rgba(247,183,49,.65);color:#fff0bf;background:#79520b61}.online-error{border:1px solid rgba(255,107,107,.55);color:#ffd0d0;background:#7e232f61}.online-error a{color:#ffd369}.online-state-card,.online-create-card{align-self:center;text-align:center}.online-state-card h1,.online-state-card h2,.online-create-card h2{margin:.45rem 0}.online-icon,.state-icon{display:grid;width:3.2rem;height:3.2rem;margin:0 auto .75rem;place-items:center;border:1px solid #6c61bf;border-radius:1rem;color:#ffd369;background:#3c31847a;font-size:1.5rem;font-weight:900}.state-spinner{display:block;width:2.5rem;height:2.5rem;margin:0 auto 1rem;border:3px solid rgba(255,255,255,.14);border-top-color:#ffd369;border-radius:50%;animation:state-spin .8s linear infinite}@keyframes state-spin{to{transform:rotate(360deg)}}.ready-button{width:100%}.controller-view .helper{margin-top:1.25rem;color:var(--ink-muted);font-size:.82rem;text-align:center}.controller-view .helper a{color:#c7c1ff;font-weight:700}.team-select-grid{display:grid;gap:1rem;margin:1.5rem 0 1rem}.team-select-box{display:flex;align-items:center;gap:1.25rem;width:100%;padding:1.1rem 1.35rem;border:1.5px solid var(--border);border-radius:1.25rem;background:#161c48bf;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.team-select-box:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 .75rem 2.5rem #0006}.team-select-box.aurora:hover:not(:disabled){border-color:var(--aurora);background:#1a265ce6;box-shadow:0 .75rem 2.5rem #38d9f540}.team-select-box.solar:hover:not(:disabled){border-color:var(--solar);background:#2d2450e6;box-shadow:0 .75rem 2.5rem #ffc73840}.team-select-box:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.team-select-box img{width:4rem;height:4rem;object-fit:contain;filter:drop-shadow(0 .4rem .8rem rgba(0,0,0,.3))}.team-select-box strong{display:block;font-size:1.15rem;font-weight:800}.team-select-box.aurora strong{color:var(--aurora)}.team-select-box.solar strong{color:var(--solar)}.team-select-box small{color:var(--ink-dim);font-size:.8rem}.select-badge{margin-left:auto;padding:.45rem .9rem;border-radius:999px;font-size:.8rem;font-weight:800;white-space:nowrap}.select-badge.available{background:linear-gradient(135deg,#ffd369,#fa983a);color:#1a1002;box-shadow:0 .3rem 1rem #fa983a4d}.select-badge.locked{background:#ffffff14;color:var(--ink-muted);border:1px solid rgba(255,255,255,.12)}@media(max-height:780px)and (min-width:701px){.game-shell{padding-top:.55rem;padding-bottom:.55rem}.topbar{margin-bottom:.5rem}.wordmark{font-size:1.2rem}.btn-chip{padding:.38rem .68rem}.stage-arena-container{padding-top:.55rem;padding-bottom:.55rem;border-radius:1.2rem}.stage-hud-bar{padding-bottom:.35rem}.stage-clue-box{gap:.8rem}.stage-clue-box .prompt-art{width:4.6rem;height:4.6rem;flex-basis:4.6rem;border-radius:1rem}.stage-clue-box .prompt-kicker{margin-bottom:.2rem}.stage-dock{gap:.2rem}.online-actions{margin-top:.2rem}.host-view>.helper{margin-top:.2rem;font-size:.7rem}.host-view:not(.arena-live) .arena-header{margin-bottom:.65rem}.host-view:not(.arena-live) .arena-card{flex:1 1 auto;min-height:0;overflow-y:auto}.qr-frame{width:clamp(112px,20vh,150px);height:clamp(112px,20vh,150px)}.controller-view .controller-card{padding:1.25rem 1.75rem}.controller-view .controller-heading{gap:1rem;margin-bottom:.75rem}.controller-view .controller-heading img{width:4.5rem;height:4.5rem}.controller-view .controller-status{padding:.5rem .8rem}.controller-view .controller-prompt{gap:.5rem;margin:.7rem 0;padding:.75rem 1rem}.controller-view .controller-message{min-height:1.5rem;margin:.6rem 0 .25rem}.controller-view .controller-hint{margin:.5rem 0 0}}@media(max-height:620px)and (min-width:701px){.topbar{padding:0}.stage-clue-box .prompt-note{display:none}.stage-clue-box .prompt-art{width:3.8rem;height:3.8rem;flex-basis:3.8rem}.arena-message{font-size:.78rem}.host-view>.helper{display:none}}@media(max-width:1100px)and (min-width:701px){.host-view .identity-status{max-width:9rem}.host-view .identity-info{min-width:0}.host-view .identity-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-view .identity-info small{display:none}}@media(max-width:700px){.game-shell{padding:max(.625rem,env(safe-area-inset-top)) .75rem max(.625rem,env(safe-area-inset-bottom))}.topbar{gap:.5rem;margin-bottom:.6rem}.wordmark{font-size:1.2rem}.controller-view .view-switch{display:none}.view-switch a{flex:1;text-align:center}.arena-header{flex-direction:column;align-items:flex-start;gap:.5rem}.lobby-grid{grid-template-columns:1fr}.prompt-panel{flex-direction:column;text-align:center;margin:1rem auto}.prompt-art{align-self:center}.controller-card{padding:clamp(.9rem,3.5vw,1.25rem);border-radius:1.25rem}.controller-heading{gap:.8rem;margin-bottom:.8rem}.controller-heading img{width:clamp(3.8rem,17vw,4.8rem);height:clamp(3.8rem,17vw,4.8rem)}.controller-heading h1{font-size:clamp(1.45rem,7vw,2rem)}.controller-heading .subcopy{font-size:.8rem;line-height:1.3}.controller-status{padding:.55rem .75rem}.controller-prompt{gap:.5rem;margin:.65rem 0;padding:.7rem}.controller-prompt p{font-size:.95rem;line-height:1.25}.controller-message{min-height:1.5rem;margin:.65rem 0 0;font-size:.82rem}.team-select-grid{gap:.7rem;margin:.9rem 0 .7rem}.team-select-box{gap:.75rem;padding:.8rem}.team-select-box img{width:3.2rem;height:3.2rem}.select-badge{padding:.35rem .6rem;font-size:.72rem}.answer-row{flex-direction:column}.answer-row input,.answer-row button{min-height:48px}.pilot-config,.report-summary{grid-template-columns:1fr}.report-heading,.report-teams>div{align-items:flex-start}}@media(max-width:370px){.controller-view .connection-chip{font-size:0}.controller-view .connection-chip i{margin:0 .15rem}.btn-chip{padding-inline:.6rem}.select-badge{white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game-shell{background:radial-gradient(circle at 12% 12%,rgba(49,185,228,.11),transparent 27rem),radial-gradient(circle at 86% 8%,rgba(126,91,218,.14),transparent 30rem),linear-gradient(145deg,#06111c,#090d20 48%,#090b18)}.topbar{grid-template-columns:minmax(12rem,1fr) auto minmax(12rem,1fr);min-height:4rem;padding:.55rem .7rem;border:1px solid rgba(137,160,181,.16);border-radius:1rem;background:#070d18d6;box-shadow:0 .75rem 2.5rem #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.runtime-brand-lockup{display:flex;grid-column:1;align-items:center;justify-self:start;gap:.75rem;min-width:0}.runtime-brand-lockup>span{padding-left:.75rem;border-left:1px solid rgba(255,255,255,.14);color:#7f91a5;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.runtime-role-badge{grid-column:2;justify-self:center;padding:.45rem .8rem;border:1px solid rgba(91,203,237,.24);border-radius:999px;color:#8bdcf5;background:#1a698326;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.topbar .wordmark{font-size:1.16rem;letter-spacing:-.045em}.topbar .view-switch{gap:.2rem;padding:.22rem;border-color:#89a0b52e;background:#0e1623eb}.topbar .view-switch a{min-width:6.75rem;padding:.48rem .78rem;color:#8393a6;font-size:.72rem}.topbar .view-switch a.active{color:#07111c;background:#edf7f8;box-shadow:0 .35rem 1rem #0003}.topbar-actions{gap:.4rem}.topbar .btn-chip{min-height:2.3rem;padding:.45rem .65rem;border-color:#89a0b52e;color:#a7b4c1;background:#0e1623eb}.topbar .btn-chip.active{border-color:#ffd36957;color:#ffe29a}.topbar .connection-chip{padding:.42rem .55rem;border-radius:999px;color:#91a0af;background:#0e1623a6;font-size:.68rem}.connection-chip.is-practice i{background:#f8b84e;box-shadow:0 0 .55rem #f8b84ecc}.identity-status.is-compact{gap:.45rem;min-height:2.3rem;padding:.25rem .3rem .25rem .42rem;border-color:#89a0b52e;background:#0e1623eb}.identity-status.is-compact .identity-avatar{width:1.65rem;height:1.65rem}.identity-status.is-compact .identity-info strong{font-size:.68rem}.identity-status.is-compact .identity-info small{display:none}.identity-status.is-compact>a{min-height:1.75rem;margin-left:0;padding:.25rem .58rem;border-radius:.55rem;color:#07111c;background:#edf7f8;font-size:.68rem;text-decoration:none}.host-view:not(.arena-live) .arena-header{width:min(100%,1200px);align-items:end;padding:clamp(1rem,2.2vh,1.75rem) 0 .2rem}.host-view:not(.arena-live) .arena-header h1{font-size:clamp(2.25rem,4.8vw,4.2rem);line-height:.96}.host-view:not(.arena-live) .arena-header .subcopy{max-width:42rem;color:#91a1b3}.runtime-setup-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(26rem,1.08fr);width:min(100%,1200px);min-height:min(31rem,58vh);padding:0;overflow:hidden;border-color:#7b96ad2e;border-radius:1.4rem;background:#070d18e0;text-align:left}.runtime-setup-visual{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:clamp(1.5rem,3vw,2.7rem);overflow:hidden;background:radial-gradient(circle at 28% 28%,rgba(54,206,244,.22),transparent 30%),radial-gradient(circle at 76% 34%,rgba(255,182,72,.18),transparent 32%),linear-gradient(145deg,#101b35,#11132d 58%,#21142d)}.runtime-setup-visual:after{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.4px);background-size:30px 30px;content:"";opacity:.1;pointer-events:none}.runtime-visual-kicker,.runtime-step-label{color:#72d9f6;font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.runtime-step-label{display:flex;align-items:center;gap:.55rem}.runtime-step-label span{display:grid;width:1.65rem;height:1.65rem;place-items:center;border-radius:.5rem;color:#07111c;background:#72d9f6;letter-spacing:0}.runtime-mascot-duel{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:auto 0}.runtime-mascot-duel img{width:min(100%,12rem);max-height:15rem;justify-self:center;object-fit:contain;filter:drop-shadow(0 1rem 1.5rem rgba(0,0,0,.35))}.runtime-word-star{display:grid;width:4.2rem;height:4.2rem;place-items:center;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:#241500;background:linear-gradient(145deg,#ffeaa1,#f8b84e);box-shadow:0 0 2rem #f8b84e57;font-size:.66rem;font-weight:950}.runtime-visual-track{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;margin-bottom:1.35rem}.runtime-visual-track i{width:.55rem;height:.55rem;border-radius:50%;background:#72d9f6}.runtime-visual-track i:last-child{background:#f8b84e}.runtime-visual-track b{height:1px;background:#ffffff3d}.runtime-setup-visual>strong{position:relative;z-index:1;max-width:25rem;color:#f4f7f7;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.08}.runtime-setup-visual>small{position:relative;z-index:1;max-width:26rem;margin-top:.7rem;color:#9ba9b7;font-size:.78rem;line-height:1.5}.runtime-setup-form{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.6rem,3.4vw,3.2rem)}.runtime-setup-form h2{margin:1.05rem 0 .45rem;color:#f4f7f7;font-size:clamp(1.8rem,3vw,2.75rem);letter-spacing:-.045em;line-height:1}.runtime-setup-form>p{margin:0;color:#91a1b3;line-height:1.5}.runtime-setup-form .pilot-config{width:100%;margin:1.4rem 0 .7rem}.runtime-setup-form .pilot-config label{color:#9caab8;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.runtime-setup-form .pilot-config select{border-color:#8199ae40;color:#f4f7f7;background:#101a28;font-size:.9rem}.runtime-setup-form .pilot-config select:disabled{opacity:.45}.runtime-create-button{align-self:flex-start;min-width:11rem;margin-top:.35rem}.runtime-auth-gate{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-top:1.3rem;padding:.8rem;border:1px solid rgba(114,217,246,.25);border-radius:.9rem;background:#205e7021}.runtime-auth-icon{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:.72rem;color:#07111c;background:#72d9f6;font-weight:950}.runtime-auth-gate strong{color:#f4f7f7;font-size:.85rem}.runtime-auth-gate p{margin:.15rem 0 0;color:#91a1b3;font-size:.7rem;line-height:1.35}.runtime-auth-gate .primary-button{padding:.6rem .8rem;border-radius:.65rem;font-size:.72rem}@media(max-width:1050px){.topbar .chip-label,.host-view .identity-info{display:none}.runtime-setup-card{grid-template-columns:minmax(0,.82fr) minmax(25rem,1.18fr)}.runtime-mascot-duel img{max-height:11rem}}@media(max-width:760px){.host-view:not(.arena-live){height:auto;min-height:100dvh;overflow-y:auto}.host-view:not(.arena-live) .arena-card{flex:none;overflow:visible}.topbar{grid-template-columns:minmax(0,1fr) auto;min-height:3.5rem;padding:.4rem .45rem}.runtime-brand-lockup>span,.topbar>.view-switch,.topbar>.runtime-role-badge,.topbar .connection-chip{display:none}.topbar>.topbar-actions{grid-column:2}.topbar .btn-chip{min-width:2.25rem;justify-content:center}.identity-status.is-compact .identity-info{display:none}.runtime-setup-card{grid-template-columns:1fr;overflow:hidden}.runtime-setup-visual{min-height:19rem}.runtime-mascot-duel{margin-block:1rem}.runtime-mascot-duel img{max-height:8rem}.runtime-setup-form{padding:1.35rem}.runtime-auth-gate{grid-template-columns:auto minmax(0,1fr)}.runtime-auth-gate .primary-button{grid-column:1 / -1;width:100%}}