:root{--bg:#08151c;--bg-soft:#0c1d26;--panel:#102630;--panel-2:#15313c;--line:#294550;--text:#edf6f4;--muted:#9bb0b2;--accent:#f4a340;--accent-2:#ffd181;--green:#4ecb9b;--danger:#ff7b6b;--shadow:0 24px 70px rgba(0, 0, 0, 0.3);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 4%,rgba(36,107,112,.25),transparent 34rem),var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}.topbar{height:82px;border-bottom:1px solid rgba(119,158,163,.2);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);background:rgba(8,21,28,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent-2),var(--accent));color:#172026;font-weight:900;box-shadow:0 8px 26px rgba(244,163,64,.22)}.brand small,.brand strong{display:block}.brand strong{font-size:18px;letter-spacing:.02em}.brand small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.16em;margin-top:2px}.session-summary{display:flex;align-items:center;gap:14px}.nav-link,.text-button{border:0;background:0 0;color:var(--muted);cursor:pointer}.nav-link{padding:10px 12px;border-radius:9px}.nav-link.active,.nav-link:hover{color:var(--text);background:rgba(255,255,255,.05)}.text-button:hover{color:var(--accent-2)}.tech-badge{background:var(--panel-2);border:1px solid var(--line);padding:9px 13px;border-radius:99px;font-weight:700;font-size:13px}main{width:min(1440px,calc(100% - 40px));margin:0 auto}.welcome-screen{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,520px);gap:clamp(44px,8vw,120px);align-items:center;padding:70px 0}.eyebrow,.game-kicker,.step-label{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.17em;font-size:12px}.section-heading h1,.welcome-copy h1{font-size:clamp(48px, 6vw, 86px);line-height:.94;letter-spacing:-.055em;margin:18px 0 26px}.welcome-copy h1 span{color:var(--accent)}.lead{color:#c0d0d0;line-height:1.8;font-size:18px;max-width:760px}.feature-row{display:flex;gap:42px;margin-top:46px}.feature-row div{display:flex;flex-direction:column}.feature-row strong{font-size:28px;color:var(--accent-2)}.feature-row span{font-size:12px;color:var(--muted);margin-top:5px}.login-card{background:linear-gradient(150deg,rgba(23,52,63,.96),rgba(11,30,39,.97));border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:var(--shadow)}.login-card h2{font-size:30px;margin:8px 0}.login-card>p:not(.step-label,.auth-status,.local-note){color:var(--muted);line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin:26px 0 24px}.auth-tab{border:0;border-bottom:2px solid transparent;background:0 0;color:var(--muted);padding:13px;cursor:pointer}.auth-tab.active{border-color:var(--accent);color:var(--text)}form{display:grid;gap:10px}label{font-size:12px;font-weight:800;color:#c4d3d3;margin-top:7px}input{width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:#07141a;color:var(--text);outline:0}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(244,163,64,.12)}.pin-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pin-fields div{display:grid;gap:10px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border:0;border-radius:10px;padding:14px 17px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#172026;font-weight:900;text-decoration:none;cursor:pointer;margin-top:12px}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-status{min-height:20px;margin:14px 0 0;color:var(--danger);font-size:13px}.auth-status.success{color:var(--green)}.local-note{color:#758d90;font-size:11px;line-height:1.5;margin:12px 0 0}.admin-dashboard,.dashboard{padding:72px 0 90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading h1{font-size:clamp(42px, 5vw, 68px);margin:10px 0 14px}.section-heading p{color:var(--muted)}.suite-progress{min-width:260px;background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:16px;display:grid;gap:5px}.suite-progress span{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.15em}.suite-progress strong{font-size:20px}.suite-progress small{color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.game-visual{height:210px;padding:24px;position:relative;display:flex;align-items:end;justify-content:space-between;overflow:hidden}.diagnosis-card .game-visual{background:linear-gradient(135deg,#183944,#0b1f29)}.relay-card .game-visual{background:linear-gradient(135deg,#152f39,#082029)}.gas-brains-card .game-visual{background:linear-gradient(135deg,#31250f,#102a24)}.gas-brains-icon{position:absolute;top:25px;right:38px;width:145px;height:145px;filter:drop-shadow(0 16px 25px rgba(244,163,64,.28))}.gas-brains-icon svg{width:100%;height:100%;overflow:visible}.gas-flame{fill:#f4a340;stroke:#ffd181;stroke-width:1.2}.gas-brain{fill:none;stroke:#102630;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.game-number{position:absolute;top:20px;left:24px;color:rgba(255,255,255,.35);font:700 12px ui-monospace,monospace}.game-visual p{position:relative;margin:0;color:#c6d7d7;font-size:12px;text-transform:uppercase;letter-spacing:.15em}.flame{font-size:120px;line-height:.7;color:var(--accent);text-shadow:0 0 80px rgba(244,163,64,.55)}.circuit{width:180px;height:90px;border:3px solid var(--green);border-left:0;position:relative;opacity:.85}.circuit:after,.circuit:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--accent);top:-11px;box-shadow:0 80px 0 var(--accent)}.circuit:before{left:-10px}.circuit:after{right:-10px}.game-card-body{padding:30px}.game-card-body h2{font-size:34px;margin:7px 0 12px}.game-card-body>p:not(.game-kicker){color:var(--muted);line-height:1.65;min-height:78px}.game-card dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0;padding:17px 0}.game-card dl div{display:grid;gap:5px}.game-card dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.game-card dd{margin:0;font-weight:800}.game-card .primary-button{width:100%}.scoreboard-card{margin-top:28px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px;display:grid;grid-template-columns:0.7fr 1.3fr;gap:36px}.scoreboard-card h2{font-size:30px;margin:8px 0}.scoreboard-card p{color:var(--muted)}.standings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.standings-grid>div{background:rgba(0,0,0,.14);border-radius:14px;padding:18px}.standings-grid h3{margin:0 0 14px}.standings-grid ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.standings-grid li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:9px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.standings-grid li span:first-child{color:var(--accent);font-weight:900}.standings-grid li small{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.metric{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:15px}.metric span{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:30px;margin-top:7px}.admin-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-top:20px}.admin-card{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:18px}.admin-card dl{display:grid;gap:14px}.admin-card dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.admin-card dt{color:var(--muted)}.admin-card dd{margin:0;font-weight:800}.skill-row{display:grid;grid-template-columns:1fr auto;gap:5px;border-bottom:1px solid var(--line);padding:12px 0}.skill-row small{color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px clamp(20px,4vw,64px);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer strong{color:var(--text)}[hidden]{display:none!important}@media (max-width:900px){.admin-grid,.game-grid,.scoreboard-card,.welcome-screen{grid-template-columns:1fr}.welcome-screen{padding:45px 0}.feature-row{gap:20px}.section-heading{align-items:start;flex-direction:column}.suite-progress{width:100%}.metric-grid{grid-template-columns:1fr 1fr}.session-summary .nav-link{display:none}}@media (max-width:560px){main{width:min(100% - 24px,1440px)}.topbar{height:auto;min-height:72px;padding:12px}.session-summary{gap:8px}.tech-badge{display:none}.welcome-copy h1{font-size:44px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.login-card{padding:23px}.metric-grid,.pin-fields,.standings-grid{grid-template-columns:1fr}.game-visual{height:160px}.scoreboard-card{padding:20px}footer{flex-direction:column;gap:8px}}.arcade-icon{position:absolute;top:20px;right:28px;width:180px;height:160px;filter:drop-shadow(0 14px 16px rgba(0, 0, 0, .38));transform:rotate(2deg);transition:transform .25s ease,filter .25s ease}.arcade-icon svg{display:block;width:100%;height:100%;overflow:visible}.game-card:hover .arcade-icon{transform:rotate(0) translateY(-4px) scale(1.035);filter:drop-shadow(0 18px 22px rgba(0, 0, 0, .48))}.icon-shadow{fill:#040b10;opacity:.65}.icon-cabinet{fill:#091820;stroke:url(#diagnosisCabinet);stroke-width:5}.relay-icon .icon-cabinet{stroke:url(#relayCabinet)}.icon-bezel{fill:#02090e;stroke:#40565e;stroke-width:3}.icon-screen{fill:#09222a;stroke:#172f37;stroke-width:2}.diagnosis-icon .icon-screen{fill:#24130b}.scan-grid{fill:none;stroke:#ff9d42;stroke-width:1;opacity:.2}.scan-line{fill:none;stroke:#ffe27a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:url(#diagnosisGlow)}.flame-mark{fill:#ff7138;stroke:#ffd75e;stroke-width:2;filter:url(#diagnosisGlow)}.relay-coil,.relay-trace{fill:none;stroke:#59f6c0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:url(#relayGlow)}.relay-node{fill:#baffdf;filter:url(#relayGlow)}.relay-bolt{fill:#fff46b;stroke:#54f5c0;stroke-width:1.5;filter:url(#relayGlow)}.icon-button{stroke:#08151c;stroke-width:2}.icon-button-one{fill:#ff5468}.icon-button-two{fill:#ffe65b}.icon-slot{fill:none;stroke:#62767c;stroke-width:5;stroke-linecap:round}.icon-spark{fill:none;stroke:#ffd56b;stroke-width:3;stroke-linecap:square}.relay-icon .icon-spark{stroke:#66f5c3}.diagnosis-icon .scan-line,.relay-icon .relay-bolt{animation:arcade-pulse 1.6s ease-in-out infinite}@keyframes arcade-pulse{50%{opacity:.62}}@media (prefers-reduced-motion:reduce){.diagnosis-icon .scan-line,.relay-icon .relay-bolt{animation:none}.arcade-icon{transition:none}}@media (max-width:560px){.arcade-icon{top:9px;right:10px;width:145px;height:138px}}
.game-grid .game-card dl{grid-template-columns:1fr}