:root{color-scheme:light;--ink:#12324a;--glass:#c8f4ff;--accent:#0f9f9a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,ui-rounded,system-ui,sans-serif;color:var(--ink);background:#0d3d58}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#camera,#game{position:fixed;inset:0;width:100%;height:100%;object-fit:cover}#camera{transform:scaleX(-1);opacity:.6}#game{touch-action:none}.overlay{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));background:#062b3bcc;overflow:auto}.hidden{display:none!important}.card{width:min(720px,100%);padding:28px;border:1px solid #fff8;border-radius:28px;background:#effcffed;box-shadow:0 24px 80px #001b2a88;text-align:center}.card.compact{width:min(460px,100%)}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.top a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#12324a;text-decoration:none;font-size:24px}.top select{width:auto}.icon{font-size:56px;margin-top:10px}.kicker{color:#087b79;font-size:12px;font-weight:900;letter-spacing:.12em}h1{font-size:clamp(34px,7vw,60px);line-height:1;margin:10px 0}p{line-height:1.55}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;text-align:left}label span{display:block;margin-bottom:6px;font-size:13px;font-weight:800}select,button{min-height:48px;border:1px solid #87cdd6;border-radius:14px;background:#fff;color:#12324a;font:inherit;font-weight:750;padding:10px 14px}select{width:100%}button{cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#13b9ab,#167cc4);color:#fff}.actions{display:flex;gap:12px;margin:18px 0}.actions button{flex:1}.check{display:flex;align-items:center;justify-content:center;gap:9px}.check span{margin:0}.progress{height:14px;overflow:hidden;border-radius:999px;background:#bfdce2}.progress i{display:block;width:0;height:100%;background:#13b9ab}.hud{position:fixed;z-index:4;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.hud>div,.hud>label,.hud>button{min-height:48px;padding:8px 12px;border-radius:14px;background:#effcfff0;box-shadow:0 8px 24px #001b2a55}.hud span{display:block;font-size:10px;font-weight:900}.hud b{font-size:20px}.hud label{display:flex;align-items:center;gap:7px}.hud label span{margin:0}.hud select{width:auto;min-height:32px;padding:4px 8px}@media(max-width:600px){.card{padding:20px 16px;border-radius:22px}.settings{grid-template-columns:1fr}.actions{flex-direction:column}.hud{justify-content:flex-start}.hud>div{flex:1;text-align:center}.hud>label{order:2;width:100%;justify-content:center}.icon{font-size:44px}h1{font-size:34px}}