:root{color-scheme:dark;--ink:#f0fdf4}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,ui-rounded,system-ui,sans-serif;background:#052e16;color:var(--ink)}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:.28}#game{touch-action:none}.overlay{position:fixed;inset:0;z-index:7;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));background:#03210fe8;overflow:auto}.hidden{display:none!important}.card{width:min(710px,100%);padding:28px;border:1px solid #86efac55;border-radius:28px;background:#14532df2;box-shadow:0 25px 90px #001b0a;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:#14532d;text-decoration:none;font-size:24px}.top select{width:auto}.icon{font-size:58px;margin-top:10px}.kicker{color:#fde047;font-size:12px;font-weight:900;letter-spacing:.12em}h1{font-size:clamp(34px,7vw,58px);line-height:1;margin:10px 0}.settings{display:grid;grid-template-columns:repeat(2,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 #4d9b68;border-radius:14px;background:#fff;color:#14532d;font:inherit;font-weight:750;padding:10px 14px}select{width:100%}button{cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#16a34a,#0d9488);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}.camera-tip{padding:10px;border-radius:12px;background:#ffffff0c;font-size:13px}.progress{height:14px;overflow:hidden;border-radius:999px;background:#28663c}.progress i{display:block;width:0;height:100%;background:#fde047}.hud{position:fixed;z-index:5;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:#14532ded;box-shadow:0 8px 24px #001b0a99}.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}.touch-controls{position:fixed;z-index:6;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:12px;width:min(480px,calc(100% - 28px))}.touch-controls button{flex:1;min-height:64px;font-size:18px}.touch-controls button:first-child{border-color:#60a5fa;background:#dbeafe;color:#1e3a8a}.touch-controls button:last-child{border-color:#fb7185;background:#ffe4e6;color:#881337}.tracking{position:fixed;z-index:8;left:50%;bottom:100px;transform:translateX(-50%);padding:12px 18px;border-radius:999px;background:#9f1239;color:white;font-weight:800;white-space:nowrap}@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:33px}.tracking{white-space:normal;width:calc(100% - 30px);text-align:center}}