:root{--text:#f2f6ff;--dim:#aeb9cc;--accent:#ffd23f;--good:#4ade80;--bad:#ef4444;--panel:rgba(10,14,22,0.78)}body:has(#game){height:100%;overflow:hidden;background:#0e1116;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}#game{position:fixed;inset:0;display:block}body:has(#game) svg{display:inline-block;vertical-align:middle}#topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:clamp(16px,2.5vw,34px);padding:clamp(12px,2vw,22px) clamp(16px,2.5vw,30px);pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.7)}#score{font-size:clamp(34px,5vw,64px);font-weight:900;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}#cal,#coins,#dist,#time{font-size:clamp(18px,2.2vw,30px);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px}#coins svg{color:var(--accent)}#cal svg,#coins svg{width:1.1em;height:1.1em}#cal svg{color:#ff7b3a}#cal b{color:#ff9d5c}#cal.hidden{display:none}#coins b{color:var(--accent)}#topbar .spacer{flex:1 1}#speedBlock{text-align:right}#speedWrap{width:clamp(180px,22vw,340px);height:clamp(14px,1.6vw,22px);border-radius:999px;background:rgba(0,0,0,.55);overflow:hidden;border:2px solid rgba(255,255,255,.2)}#speedFill{height:100%;width:0;background:linear-gradient(90deg,#22c55e,#ffd23f,#ef4444)}#speedLabel{font-size:clamp(11px,1.2vw,15px);color:var(--dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}#stateChip{font-size:clamp(16px,1.8vw,26px);font-weight:800;padding:clamp(6px,.8vw,10px) clamp(14px,1.6vw,24px);border-radius:999px;min-width:clamp(90px,10vw,150px);text-align:center}#fsBtn,#stateChip{background:rgba(0,0,0,.55);border:2px solid rgba(255,255,255,.2)}#fsBtn{pointer-events:auto;cursor:pointer;border-radius:12px;color:var(--dim);width:clamp(42px,4vw,58px);height:clamp(42px,4vw,58px);display:flex;align-items:center;justify-content:center}#fsBtn:hover{color:var(--text);border-color:rgba(255,255,255,.45)}#fsBtn svg{width:60%;height:60%}#center{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}#center.hidden{display:none}#banner{width:100%;background:linear-gradient(180deg,rgba(10,14,22,0) 0,var(--panel) 12%,var(--panel) 88%,rgba(10,14,22,0) 100%);border-top:3px solid rgba(255,210,63,.55);border-bottom:3px solid rgba(255,210,63,.55);padding:clamp(28px,4.5vh,56px) 24px;flex-direction:column;gap:clamp(10px,1.6vh,20px);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#banner,#bannerMain{display:flex;align-items:center}#bannerMain{gap:clamp(18px,2.5vw,40px);max-width:min(94vw,1500px)}#centerIcon{color:var(--accent);line-height:0;flex-shrink:0}#centerIcon svg{width:clamp(64px,9vw,150px);height:clamp(64px,9vw,150px);stroke-width:2.2;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}#centerIcon.spin svg{animation:rr-spin 1.2s linear infinite}@keyframes rr-spin{to{transform:rotate(1turn)}}#centerTitle{font-size:clamp(44px,7.5vw,120px);font-weight:900;letter-spacing:.01em;line-height:1.05;text-shadow:0 4px 18px rgba(0,0,0,.6);text-transform:uppercase}#centerText{font-size:clamp(20px,2.6vw,36px);color:var(--dim);line-height:1.45;max-width:min(92vw,1200px)}#centerText b{color:var(--text)}#stepProgress{width:min(70vw,800px);height:clamp(14px,1.8vh,22px);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.12);display:none;border:2px solid rgba(255,255,255,.15)}#stepFill{height:100%;width:0;background:var(--good);transition:width 60ms linear}#stepDots{display:none;justify-content:center;gap:clamp(10px,1.2vw,18px)}#stepDots span{width:clamp(14px,1.5vw,22px);height:clamp(14px,1.5vw,22px);border-radius:50%;background:rgba(255,255,255,.18)}#stepDots span.done{background:var(--good)}#stepDots span.now{background:var(--accent);transform:scale(1.25)}#centerHint{font-size:clamp(15px,1.7vw,24px);color:var(--dim);letter-spacing:.03em}#banner.compact{padding:clamp(14px,2vh,24px) 24px}#banner.compact #centerTitle{font-size:clamp(26px,3.2vw,48px)}#banner.compact #centerIcon svg{width:clamp(36px,4vw,64px);height:clamp(36px,4vw,64px)}#banner.compact #centerText{font-size:clamp(15px,1.7vw,24px)}#banner.compact #centerHint{font-size:clamp(12px,1.2vw,17px)}#preview{position:fixed;right:clamp(14px,1.8vw,28px);bottom:clamp(14px,1.8vw,28px);width:clamp(160px,15vw,260px);aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:3px solid rgba(255,255,255,.25);background:#000;box-shadow:0 10px 36px rgba(0,0,0,.55)}#preview canvas,#preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#preview canvas{z-index:2}#preview.alert{border-color:var(--bad);box-shadow:0 0 0 4px rgba(239,68,68,.35),0 10px 36px rgba(0,0,0,.55)}#previewTag{position:absolute;z-index:3;left:10px;top:8px;font-size:clamp(11px,1.1vw,15px);font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:rgba(0,0,0,.6);border-radius:8px;padding:3px 10px;color:var(--dim)}#footHint{position:fixed;left:clamp(14px,1.8vw,28px);bottom:clamp(14px,1.8vw,28px);font-size:clamp(13px,1.4vw,19px);color:var(--dim);background:var(--panel);border-radius:12px;padding:clamp(8px,1vw,14px) clamp(12px,1.4vw,20px);border:1px solid rgba(255,255,255,.12);max-width:min(46vw,760px);line-height:1.5}#footHint b{color:var(--text)}#footHint a{color:#60a5fa}#weightPanel{position:fixed;right:clamp(14px,1.8vw,28px);bottom:calc(clamp(14px, 1.8vw, 28px) + clamp(160px, 15vw, 260px) * .75 + 14px);display:flex;align-items:center;gap:8px;font-size:clamp(13px,1.3vw,18px);color:var(--dim);background:var(--panel);border-radius:12px;padding:clamp(6px,.8vw,10px) clamp(10px,1.2vw,16px);border:1px solid rgba(255,255,255,.12)}#weightPanel.hidden{display:none}#weightPanel svg{width:1.2em;height:1.2em;color:var(--accent)}#weightPanel input{width:4.5em;text-align:center;font-size:inherit;font-weight:700;color:var(--text);background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:3px 6px}