:root{--ink: #1a1426;--gold: #ffce4d;--paper: #f5ecd6;--crimson: #e0443a}*{box-sizing:border-box}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:Hiragino Sans,system-ui,sans-serif;z-index:10}.hud-item{position:absolute;top:max(14px,env(safe-area-inset-top));padding:8px 14px;background:#1a14268c;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-weight:700;line-height:1.15;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hud-label{display:block;font-size:11px;letter-spacing:.12em;opacity:.7;font-weight:600}.hud-value{display:block;font-size:22px}#hud-score{left:max(14px,env(safe-area-inset-left))}#hud-score .hud-value{color:var(--gold)}#hud-coins{right:max(14px,env(safe-area-inset-right));text-align:right}#hud-coins .hud-value{color:#ffe89a}#hud-level{left:50%;transform:translate(-50%);text-align:center}#hud-combo{position:absolute;top:22%;left:50%;transform:translate(-50%) scale(.6);font-weight:900;font-size:clamp(28px,8vw,56px);letter-spacing:.04em;color:#9fe8ff;text-shadow:0 2px 0 rgba(0,0,0,.5),0 0 18px currentColor;opacity:0;font-family:Hiragino Sans,system-ui,sans-serif}#hud-combo.show{animation:comboPop .9s ease-out forwards}@keyframes comboPop{0%{opacity:0;transform:translate(-50%) scale(1.4) rotate(-4deg)}15%{opacity:1;transform:translate(-50%) scale(1) rotate(0)}75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.9) translateY(-12px)}}#progress{position:absolute;left:50%;transform:translate(-50%);top:calc(max(14px,env(safe-area-inset-top)) + 56px);width:min(46%,320px);height:8px;background:#1a142680;border-radius:99px;overflow:visible}#progress-fill{width:0%;height:100%;border-radius:99px;background:linear-gradient(90deg,#9fe8ff,var(--gold));transition:width .12s linear}#progress-goal{position:absolute;right:-10px;top:-7px;font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}#boss-hp{position:absolute;left:50%;transform:translate(-50%);top:calc(max(14px,env(safe-area-inset-top)) + 78px);width:min(70%,460px);display:none;text-align:center}#boss-hp.show{display:block}#boss-hp-label{font-weight:900;font-size:13px;letter-spacing:.2em;color:#ff8a8a;text-shadow:0 1px 2px rgba(0,0,0,.6);margin-bottom:3px}#boss-hp-track{height:14px;background:#1a142699;border:2px solid rgba(255,255,255,.25);border-radius:99px;overflow:hidden}#boss-hp-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff4d4d,#ff8a3d);transition:width .18s ease-out}#cutin{position:absolute;left:0;right:0;top:38%;display:none;pointer-events:none}#cutin.show{display:block;animation:cutin 1.7s ease-out forwards}#cutin span{display:block;background:linear-gradient(90deg,#e0443a00,#e0443a 12%,#ff8a3d 88%,#ff8a3d00);color:#fff;font-weight:900;font-size:clamp(22px,6.5vw,44px);letter-spacing:.08em;text-align:center;padding:14px 0;transform:skewY(-4deg);text-shadow:0 2px 0 rgba(0,0,0,.5)}@keyframes cutin{0%{opacity:0;transform:translate(-30%) scale(1.1)}15%{opacity:1;transform:translate(0) scale(1)}80%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(30%) scale(1)}}#overlay .result-score{font-size:clamp(40px,12vw,76px);font-weight:900;color:var(--gold);letter-spacing:.02em;text-shadow:0 3px 0 rgba(0,0,0,.4),0 0 18px rgba(255,206,77,.4);line-height:1;margin:2px 0}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0f0b18b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;text-align:center;padding:24px}#overlay.show{display:flex}#overlay h1{margin:0;font-size:clamp(36px,9vw,72px);font-weight:900;letter-spacing:.04em;color:var(--paper);text-shadow:0 3px 0 var(--crimson),0 6px 18px rgba(0,0,0,.6)}#overlay .subtitle{margin:-8px 0 4px;font-size:clamp(14px,3.5vw,18px);color:var(--gold);letter-spacing:.3em}#overlay .result-line{font-size:clamp(18px,5vw,26px);color:#fff;font-weight:700}#overlay .result-line b{color:var(--gold)}#overlay .hint{font-size:13px;color:#ffffffa6;max-width:320px;line-height:1.6}#overlay .best{font-size:15px;color:#ffffffe6;letter-spacing:.08em;margin:2px 0}#overlay .best b{color:var(--gold)}#overlay .skins{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-size:13px;color:#ffffffb3;letter-spacing:.1em}#overlay .skin{pointer-events:auto;min-width:46px;margin:0;padding:8px 14px;font-size:15px;font-weight:800;letter-spacing:.05em;color:#fff;background:#ffffff24;border:2px solid transparent;border-radius:12px;box-shadow:none;cursor:pointer}#overlay .skin.sel{border-color:var(--gold);background:#ffce4d47;box-shadow:0 0 12px #ffce4d80}#overlay .skin.locked{opacity:.45;font-size:12px;cursor:not-allowed}#overlay .skin:active{transform:none;box-shadow:none}#overlay button{pointer-events:auto;margin-top:6px;padding:14px 42px;font-size:20px;font-weight:800;letter-spacing:.1em;color:var(--ink);background:linear-gradient(180deg,#ffe07a,var(--gold));border:none;border-radius:999px;box-shadow:0 5px #c9971f,0 8px 18px #0006;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}#overlay button:active{transform:translateY(3px);box-shadow:0 2px #c9971f,0 4px 10px #0006}