body.booting{background:#07101d}
body.booting::before{content:"";position:fixed;inset:0;z-index:1000;background:#07101d url('./app-splash.png') center/contain no-repeat}
body.booting::after{content:"";position:fixed;z-index:1001;left:50%;bottom:max(34px,calc(env(safe-area-inset-bottom) + 24px));width:46px;height:46px;margin-left:-23px;border:5px solid #ffffff55;border-top-color:#4ade80;border-radius:50%;box-shadow:0 4px 18px #0009;animation:paBootSpin .85s linear infinite}
@keyframes paBootSpin{to{transform:rotate(360deg)}}
body.booting #intro,body.booting #hud,body.booting #controls,body.booting #settingsButton,body.booting #versionBadge,body.booting #updatePanel{visibility:hidden!important}
body.menu-open #settingsButton,body.menu-open #hud,body.menu-open #controls,body.menu-open #versionBadge{display:none!important}
#intro{background:#09111ef4}
#intro .card{width:min(88vw,390px);padding:26px 22px 22px}
#intro .card h1{margin:0 0 20px;font-size:clamp(29px,7vw,38px)}
#intro .card>p:not(.installHint),#intro .card>.rules,#intro .installHint{display:none!important}
#intro .modeButton{margin-top:10px;min-height:72px}
#intro .modeButton:first-of-type{margin-top:0}
#intro .introInfoButton{margin-top:12px;background:#172033;border-color:#ffffff2b;color:#dbeafe}
#intro .modeButton:disabled{filter:saturate(.55);cursor:wait}
#infoPanel{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#050b14e8;overflow:auto}
#infoPanel.hidden{display:none!important}
.infoCard{width:min(94vw,560px);max-height:min(90vh,820px);overflow:auto;padding:18px;border:1px solid #ffffff28;border-radius:22px;background:#111827;color:#fff;box-shadow:0 24px 70px #000b}
.infoHeader{display:flex;align-items:center;gap:12px;justify-content:space-between;position:sticky;top:-18px;margin:-18px -18px 12px;padding:16px 18px 12px;background:#111827f5;backdrop-filter:blur(8px);z-index:2}
.infoHeader h2{margin:0;font-size:21px}
#infoCloseTop{width:42px;height:42px;border-radius:13px;border:1px solid #ffffff2d;background:#1f2937;color:#fff;font:800 20px system-ui}
.infoLead,.infoPwa{color:#cbd5e1;line-height:1.45;margin:10px 0 14px}
.infoRules{padding:14px 15px;border-radius:16px;background:#ffffff09;text-align:left;font-size:14px;line-height:1.45}
.infoPwa{font-size:12px;color:#94a3b8}
@media(max-height:620px){#intro .card{padding:18px 20px}#intro .card h1{margin-bottom:12px}.modeButton{min-height:58px!important}.infoCard{max-height:94vh}}