:root{color-scheme:dark;--bg:#0b1423;--panel:#132138;--muted:#a8b9d0;--gold:#ffcf65;--line:#2b3d55;--cyan:#57d9d4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f6fb;font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}header{max-width:1500px;margin:auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:-1px;font-size:24px}.brand span{color:var(--gold)}nav{display:flex;gap:26px;font-size:14px}main{max-width:1500px;margin:auto}.arcade{display:grid;grid-template-columns:1fr minmax(300px,420px) .75fr;gap:44px;align-items:center;padding:40px 36px 60px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:800;color:var(--gold)}h1{font-size:clamp(32px,3.7vw,56px);line-height:1.05;letter-spacing:-2px;margin:22px 0}h2{font-size:30px;line-height:1.15}p{color:var(--muted)}.pills{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.pills span{font-size:12px;border:1px solid var(--line);padding:4px 10px;border-radius:30px}label{display:block;font-size:14px;color:var(--muted)}select{display:block;width:100%;background:var(--panel);border:1px solid var(--line);color:white;padding:12px;border-radius:6px;font:inherit;margin:6px 0}.small{font-size:13px}.controls{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.controls strong{color:var(--cyan);font-size:13px;letter-spacing:2px}.controls p{font-size:14px}.cabinet{background:#1b2b43;border:1px solid #3a4c64;border-radius:14px;padding:9px;box-shadow:0 20px 70px #0006}.hud,.bottom{display:flex;justify-content:space-between;align-items:center;padding:9px 4px;gap:8px;font-size:13px}.hud #health{color:#ff8787;white-space:nowrap}.hud strong{font-size:22px;font-variant-numeric:tabular-nums}.hud button{font-size:12px;padding:5px}.bottom{font-size:11px;letter-spacing:1px}.field{position:relative;aspect-ratio:420/640;background:#163953;overflow:hidden;border-radius:5px}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#071423b8;text-align:center;padding:20px}.overlay.hidden{display:none}.overlay h2{color:var(--gold);font-size:34px}.overlay p{color:#d7e2ef;font-size:15px}button{cursor:pointer;background:var(--panel);border:1px solid #486079;border-radius:6px;color:white;padding:10px 16px;font:inherit}button:hover{border-color:var(--gold)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--gold);color:#132138;border:0;font-weight:800;padding:13px 24px}.choices{display:grid;gap:12px}.choices button{text-align:left}.choices small{display:block;color:var(--muted)}.flight-notes{align-self:center}.flight-notes h2{font-size:34px}.note{display:flex;gap:18px;border-top:1px solid var(--line);padding:12px 0}.note span{font-size:28px;color:var(--cyan);font-weight:800}.note p{font-size:14px;margin:4px 0}.map-section{padding:35px 36px 50px;border-top:1px solid var(--line)}.map-section>div:first-child{max-width:700px}.map-controls{display:flex;gap:10px;margin:25px 0}.selected{border-color:var(--gold);color:var(--gold)}#mapView{min-height:180px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}#mapView svg{display:block;width:100%;max-width:750px;margin:auto}.region{display:grid;grid-template-columns:200px 200px 1fr;gap:20px;align-items:center;margin-top:22px}.world-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px}footer{max-width:1500px;margin:auto;border-top:1px solid var(--line);padding:25px 36px;font-size:13px;color:var(--muted)}footer div{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.document{max-width:800px;margin:50px auto;padding:0 24px}.document h1{font-size:42px}.document h2{font-size:23px}.document li{color:var(--muted)}@media(max-width:1100px){.arcade{grid-template-columns:1fr minmax(300px,420px);gap:28px}.flight-notes{display:none}}@media(max-width:700px){header{padding:16px;gap:15px}nav{gap:12px;font-size:12px}.brand{font-size:20px}.arcade{display:flex;flex-direction:column;padding:22px 16px 35px;gap:20px}.intro{width:100%}.intro h1{font-size:34px;margin:10px 0}.intro>p,.pills,.controls{display:none}.intro label{max-width:300px}.intro .small{display:block;margin:8px 0;font-size:12px}.cabinet{width:min(100%,420px)}.map-section{padding:25px 16px}.region{grid-template-columns:1fr 1fr}.region>p{grid-column:1/-1}footer{padding:20px 16px}}
/* Ocean arcade revision */
body{background:radial-gradient(ellipse at 50% 0,#1d4055 0,#0b1728 65%);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}header{align-items:center}.language-label{margin:0;width:128px;flex:none}.language-label select{padding:7px;font-size:13px}.session-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.session-settings label{font-size:12px}.session-settings select{font-size:12px;padding:8px}.cabinet{border:2px solid #648086;border-radius:16px;background:#101d2d;box-shadow:0 0 0 6px #081222,0 20px 70px #0008,0 0 40px #40d3d317;overflow:hidden}.hud{background:linear-gradient(#263d4d,#142b3d);padding:12px 9px;gap:7px}.hud button{font-size:11px;padding:6px 8px}.hud #health{color:#ff8b81;font-size:16px;letter-spacing:-1px}.hud #time{font-size:24px;color:#ffdf8e;font-variant-numeric:tabular-nums}.field{border-left:7px solid #182d3c;border-right:7px solid #182d3c}.field:after{content:"";pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(transparent 0px,transparent 3px,#07122310 3px,#07122310 4px)}.overlay{background:#081b2bcc;backdrop-filter:blur(2px)}.overlay h2{font-size:28px;text-shadow:0 3px #673e2d}.overlay p{font-size:14px}.overlay .eyebrow{color:#77e5de}.primary{box-shadow:0 4px 0 #a87831}.flight-progress{height:5px;background:#17364a}#progress{height:100%;width:0;background:linear-gradient(90deg,#38c2be,#ffcf65)}.bottom{background:#142b3d}.intro h1{font-size:clamp(30px,3.2vw,48px);line-height:1.15}.controls{background:#ffffff05;border:1px solid #375265;padding:15px;border-radius:9px}.controls p{font-size:13px}.choices button{background:linear-gradient(110deg,#284757,#172c42);padding:16px;border:1px solid #4d828c}.choices small{margin-top:7px}.map-section h2{font-size:30px}@media(max-width:700px){header{flex-wrap:wrap}nav{margin-left:auto}.language-label{width:115px}.session-settings{margin-top:8px}.intro .small{font-size:11px}.hud #health{font-size:14px}.hud #time{font-size:22px}.overlay h2{font-size:25px}.arcade{padding-top:12px}.intro h1{font-size:29px}.cabinet{max-width:390px}}
.bottom{gap:8px;align-items:center;font-size:11px}.bottom #bomb{padding:5px 9px;font-size:11px;background:#285363;color:#b7fff4;border-color:#59b5b5}.note span{font-size:23px;min-width:105px}.intro h1{max-width:380px}
/* Arcade lobby and boss mode */
.lobby-hero{max-width:1050px;padding:55px 36px 28px}.lobby-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.08;margin:18px 0}.lobby-hero p{max-width:630px}.game-gallery{padding:10px 36px 50px}.gallery-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.gallery-heading h2{margin:0;font-size:28px}.gallery-heading>span{font-size:13px;color:#93a7b7}.game-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.game-card{display:block;background:#17283b;border:1px solid #34556b;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit}.featured-game{transition:transform .2s,border-color .2s}.featured-game:hover{transform:translateY(-4px);border-color:#ffce68}.game-poster{position:relative}.game-poster svg{display:block;width:100%;aspect-ratio:600/310}.card-badge{position:absolute;top:14px;left:14px;background:#ffd67e;color:#17283b;border-radius:4px;padding:6px 9px;font-size:11px;font-weight:800}.card-copy{padding:20px}.card-copy h2{font-size:27px;margin:9px 0}.card-copy p{font-size:14px;min-height:48px}.play-link{display:inline-block;color:#ffda83;font-weight:800;margin-top:10px}.upcoming{opacity:.65}.soon{font-size:11px;color:#a8b7c8}.roadmap-art{height:0;padding-bottom:52%;position:relative;overflow:hidden;background:linear-gradient(140deg,#234356,#1c2c44)}.roadmap-art>span{position:absolute;left:40%;top:20%;font-size:80px;color:#72cbd0}.puzzle-art{background:linear-gradient(140deg,#4c3559,#26344e)}.puzzle-art>span{color:#d29acb}.roadmap-art i{position:absolute;inset:75% 0 0;background:repeating-linear-gradient(90deg,#183545 0,#183545 25px,#2c5263 25px,#2c5263 50px)}.back-lobby{display:block;font-size:13px;color:#8bddd9;margin-bottom:20px}.boss-label{text-align:center;color:#ffe8a5;font-size:12px;background:#172b3f;padding:7px}.flight-progress #progress{background:linear-gradient(90deg,#f1486e,#ffca76)}.hud #time{font-size:16px;letter-spacing:1px}.card-copy .eyebrow{font-size:10px}@media(max-width:900px){.game-grid{grid-template-columns:1fr 1fr}.featured-game{grid-column:1/-1}.featured-game .game-poster svg{max-height:270px;object-fit:cover}.gallery-heading{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.lobby-hero{padding:28px 16px 15px}.lobby-hero h1{font-size:38px}.game-gallery{padding:15px 16px 30px}.card-copy{padding:15px}.card-copy h2{font-size:21px}.card-copy p{font-size:12px}.roadmap-art>span{font-size:55px}.back-lobby{margin-bottom:12px}.gallery-heading h2{font-size:24px}}
.lobby-hero{padding-top:28px;padding-bottom:18px}.lobby-hero h1{font-size:clamp(32px,3.4vw,44px);margin:12px 0}.lobby-hero p{margin:10px 0}.lobby-hero .pills{margin:15px 0}.game-gallery .gallery-heading{margin-bottom:14px}
