:root{color-scheme:dark;--ink:#fff7ed;--accent:#fb7185}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,ui-rounded,system-ui,sans-serif;background:#180f2d;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:.42}#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:#160d2cdd;overflow:auto}.hidden{display:none!important}.card{width:min(730px,100%);padding:28px;border:1px solid #ffffff35;border-radius:28px;background:#291a48f2;box-shadow:0 25px 90px #05020a;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:#291a48;text-decoration:none;font-size:24px}.top select{width:auto}.icon{font-size:58px;margin-top:10px}.kicker{color:#fda4af;font-size:12px;font-weight:900;letter-spacing:.12em}h1{font-size:clamp(34px,7vw,60px);line-height:1;margin:10px 0}.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 #765f9e;border-radius:14px;background:#fff;color:#291a48;font:inherit;font-weight:750;padding:10px 14px}select{width:100%}button{cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#f43f5e,#8b5cf6);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:#513b74}.progress i{display:block;width:0;height:100%;background:#fb7185}.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:#291a48e8;box-shadow:0 8px 24px #05020a88}.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}}