@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d18;--panel:#101a2c;--line:#243450;--text:#eef4ff;--muted:#8b9bb6;--cyan:#59e1df;--orange:#ff8b54}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 10%, #152a44 0, var(--bg) 45%);color:var(--text);margin:0;font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}.page,.shell{min-height:100vh;padding:7vw 9vw}.hero{max-width:760px;padding-top:8vh}.eyebrow{color:var(--cyan);letter-spacing:.2em;font-size:12px;font-weight:700}h1{letter-spacing:-.06em;margin:24px 0;font-size:clamp(44px,7vw,92px);line-height:.98}h1 span{color:var(--orange)}.lede{max-width:540px;color:var(--muted);font-size:19px;line-height:1.6}.actions{gap:12px;margin-top:36px;display:flex}.button{cursor:pointer;font:inherit;border:0;border-radius:10px;justify-content:center;padding:15px 24px;font-weight:700;display:inline-flex}.primary{background:var(--cyan);color:#07151d}.secondary{border:1px solid var(--line);background:#111c31}.wide{width:100%}button:disabled{opacity:.5;cursor:not-allowed}.feature-grid{gap:64px;margin-top:14vh;display:flex}.feature-grid div,.stats div{gap:5px;display:grid}.feature-grid strong,.stats strong{font-size:32px}.feature-grid span,.stats span,.muted,.hint{color:var(--muted)}.panel{border:1px solid var(--line);background:#101a2cdb;border-radius:20px;max-width:560px;margin:10vh auto;padding:42px;box-shadow:0 20px 80px #0005}.panel h1{font-size:56px}.back{color:var(--muted)}.queue{border:1px solid var(--line);color:var(--cyan);border-radius:10px;margin:30px 0 16px;padding:22px}.hint{margin-top:20px;font-size:12px;line-height:1.5}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:34px;margin:25px 0;padding:25px 0;display:flex}.game-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.hud{width:min(900px,100%);color:var(--muted);letter-spacing:.08em;justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.game-root{border:1px solid var(--line);border-radius:14px;width:min(900px,100%);min-height:500px;overflow:hidden}@media (max-width:600px){.page,.shell{padding:32px 24px}.feature-grid{gap:24px}.feature-grid strong{font-size:24px}.hud{line-height:2;display:block}}.game-root{position:relative}.game-status{z-index:2;color:var(--muted);text-align:center;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.game-status small{margin-top:8px;font-size:12px;display:inline-block}.result-overlay{z-index:4;text-align:center;background:#080d18db;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.result-overlay h2{letter-spacing:-.06em;margin:8px 0 18px;font-size:56px}.result-overlay p{color:var(--muted);margin:5px 0}.result-overlay strong{color:var(--orange)}.result-overlay .result-time{margin-bottom:24px;font-size:13px}.countdown-overlay{z-index:3;pointer-events:none;background:#080d186b;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.countdown-overlay p{color:var(--cyan);letter-spacing:.12em;margin:0 0 8px;font-size:18px}.countdown-overlay strong{color:var(--text);text-shadow:0 0 30px var(--cyan);font-size:100px;line-height:1}.home-page,.lobby-page{background:#080e17;min-height:100vh;position:relative;overflow:hidden}.home-map{opacity:.78;filter:saturate(.72);background:linear-gradient(90deg,#080e17 0%,#080e17d1 22%,#080e176b 100%),linear-gradient(#080e171f,#080e17b8),url(/assets/arena-ground.png) 50%/cover;position:absolute;inset:0 0 0 34%}.home-map:after{content:"";background:repeating-linear-gradient(135deg,#0000 0 80px,#59e1df09 81px 82px);position:absolute;inset:0}.topbar{z-index:2;border-bottom:1px solid #8b9bb62e;justify-content:space-between;align-items:center;width:min(1240px,100% - 96px);margin:0 auto;padding:34px 0;display:flex;position:relative}.brand{color:#eef4ff;letter-spacing:.16em;font-size:20px;font-weight:700}.brand span{color:var(--cyan)}.topbar nav{color:#a5b3c8;letter-spacing:.12em;gap:32px;margin-left:auto;margin-right:42px;font-size:12px;display:flex}.topbar nav a:hover{color:var(--cyan)}.connection-badge{color:#9eafc3;letter-spacing:.15em;font-size:10px}.connection-badge i,.card-footer i{background:#7cf2bd;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #7cf2bd}.home-hero{z-index:1;justify-content:space-between;align-items:center;width:min(1240px,100% - 96px);min-height:610px;margin:0 auto;display:flex;position:relative}.hero-copy{max-width:620px}.hero-copy h1{text-transform:uppercase;margin:22px 0;font-size:clamp(58px,7vw,104px)}.hero-copy h1 em{color:var(--orange);font-style:normal}.hero-copy .lede{color:#aab8ca;font-size:16px}.actions .button span,.queue-panel .button span{margin-left:22px;font-size:18px}.briefing-card{border:1px solid #8b9bb661;border-left:3px solid var(--cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e17c2;width:280px;margin-top:110px;padding:26px;box-shadow:0 24px 70px #0008}.card-label{color:var(--cyan);letter-spacing:.16em;font-size:10px;font-weight:700}.operation-code{color:#eef4ff;letter-spacing:.08em;margin:16px 0;font-size:44px;font-weight:700}.card-line{background:#8b9bb640;height:1px;margin-bottom:8px}.briefing-row,.mission-rule{border-bottom:1px solid #8b9bb629;justify-content:space-between;gap:12px;padding:13px 0;font-size:10px;display:flex}.briefing-row span,.mission-rule span{color:#7d8ca2}.briefing-row strong,.mission-rule strong{color:#e8f0fb;letter-spacing:.04em;font-size:10px}.card-footer{color:#9eafc3;margin-top:20px;font-size:10px}.home-stats{z-index:1;border-top:1px solid #8b9bb640;gap:0;width:min(1240px,100% - 96px);margin:0 auto;display:flex;position:relative}.home-stats div{border-right:1px solid #8b9bb62e;min-width:150px;margin-right:42px;padding:22px 42px 24px 0}.home-stats strong{color:#eef4ff;font-size:28px;display:block}.home-stats span{color:#899ab1;letter-spacing:.12em;font-size:10px}.home-stats .unit{color:var(--cyan);margin-left:3px;font-size:11px}.lobby-page{background:radial-gradient(circle at 75% 25%,#172d3e,#080e17 48%)}.lobby-layout{z-index:1;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:90px;width:min(1120px,100% - 96px);min-height:calc(100vh - 100px);margin:0 auto;display:grid;position:relative}.lobby-main{max-width:600px}.lobby-main .back{color:#8fa1b8;margin-bottom:70px;font-size:12px;display:inline-block}.lobby-main h1{margin:18px 0 12px;font-size:clamp(52px,6vw,82px)}.lobby-lede{color:#9eafc3;font-size:17px;line-height:1.6}.queue-panel{background:#0c1824d1;border:1px solid #2a4058;margin-top:42px;padding:26px;box-shadow:0 20px 60px #0006}.queue-heading{color:#91a1b7;letter-spacing:.1em;justify-content:space-between;padding-bottom:20px;font-size:11px;display:flex}.queue-heading strong{color:var(--cyan);font-weight:500}.pulse{background:var(--orange);width:7px;height:7px;box-shadow:0 0 14px var(--orange);border-radius:50%;margin-right:8px;display:inline-block}.queue-slots{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;display:grid}.queue-slot{background:#09111bb3;border:1px solid #263b52;gap:8px;min-height:92px;padding:12px;display:grid}.queue-slot.active{border-color:var(--cyan);background:#2c646a2e}.queue-slot b{color:#52677e;font-size:10px}.queue-slot span{color:#dce7f5;font-size:12px}.queue-slot em{color:#71859c;letter-spacing:.1em;font-size:9px;font-style:normal}.queue-slot.active em{color:#7cf2bd}.mission-panel{background:#0a131de0;border:1px solid #2a4058;overflow:hidden;box-shadow:0 20px 80px #0008}.mission-image{filter:saturate(.72);background:linear-gradient(#0a131d0a,#0a131d33),url(/assets/arena-ground.png) 50%/cover;height:185px}.mission-content{padding:26px}.mission-content h2{letter-spacing:.05em;margin:14px 0 24px;font-size:42px;line-height:.95}.mission-content h2 span{color:var(--orange)}.mission-note{color:#8fa1b8;margin-top:22px;font-size:11px;line-height:1.7}@media (max-width:800px){.topbar,.home-hero,.home-stats,.lobby-layout{width:calc(100% - 48px)}.topbar nav{display:none}.home-map{opacity:.48;inset:30% 0 0}.home-hero{min-height:auto;padding:90px 0 60px;display:block}.briefing-card{margin-top:60px}.home-stats{flex-wrap:wrap}.home-stats div{min-width:110px;margin-right:18px;padding-right:18px}.lobby-layout{padding:48px 0;display:block}.lobby-main .back{margin-bottom:46px}.mission-panel{margin-top:60px}.queue-slots{grid-template-columns:repeat(2,1fr)}}