*{margin:0;padding:0;box-sizing:border-box}:root{--sai-top: env(safe-area-inset-top, 0px);--sai-right: env(safe-area-inset-right, 0px);--sai-bottom: env(safe-area-inset-bottom, 0px);--sai-left: env(safe-area-inset-left, 0px)}html,body{width:100%;height:100%;overflow:hidden;background:#1a1530}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}#game{display:block;width:100vw;height:100vh}#hud,#screens{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*,#screens>*{pointer-events:auto}.hidden{display:none!important}.score-pill{position:fixed;top:calc(12px + var(--sai-top));left:50%;transform:translate(-50%);background:#00000073;color:#fff;padding:6px 16px;border-radius:999px;font-weight:700;font-size:16px;white-space:nowrap}.leaderboard{position:fixed;top:calc(12px + var(--sai-top));right:calc(12px + var(--sai-right));min-width:160px;background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;padding:8px 10px;font-size:14px;line-height:1.7;color:#2a2333}.leaderboard h4{font-size:13px;border-bottom:1px solid rgba(0,0,0,.15);margin-bottom:4px}.leaderboard .lb-row{display:flex;justify-content:space-between;gap:16px}.leaderboard .lb-score{font-variant-numeric:tabular-nums;font-weight:700}.leaderboard .you{color:#d2447a;font-weight:800}.name-input{position:fixed;top:12px;left:12px;width:132px;padding:6px 12px;border-radius:999px;border:none;background:#00000073;color:#fff;font-size:14px;font-weight:700}.name-input::placeholder{color:#fff9;font-weight:500}.mute-btn{position:fixed;top:calc(12px + var(--sai-top));left:calc(12px + var(--sai-left));width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;cursor:pointer;background:#ffffff29;color:#fff;font-size:17px;line-height:1;transition:background .15s ease,transform .1s ease}.mute-btn:hover{background:#ffffff4d}.mute-btn:active{transform:scale(.92)}.pause-btn{position:fixed;top:calc(12px + var(--sai-top));left:calc(56px + var(--sai-left));width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;cursor:pointer;background:#ffffff29;color:#fff;font-size:17px;line-height:1;transition:background .15s ease,transform .1s ease}.pause-btn:hover{background:#ffffff4d}.pause-btn:active{transform:scale(.92)}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;display:flex;align-items:center;justify-content:center}.pause-content{display:flex;flex-direction:column;align-items:center;gap:16px}.pause-title{font-size:48px;font-weight:900;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.3)}.powerup-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center}.powerup-slot{position:relative;width:180px;height:20px;border-radius:999px;overflow:hidden;background:#0006}.powerup-fill{height:100%;border-radius:999px;transition:width .1s linear}.powerup-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;background:radial-gradient(circle at 50% 35%,#1a15308c,#1a1530c7);color:#fff;padding:24px}.screen-title{font-size:clamp(38px,8vw,76px);font-weight:900;color:#ff5fa2;text-shadow:0 3px 0 #b3325f;line-height:1}.screen-tagline{font-size:clamp(20px,4vw,34px);font-weight:800;color:#ffe600;text-shadow:0 2px 0 #b39600;letter-spacing:1px;margin-top:-4px}.screen-sub{font-size:18px;opacity:.9}.screen-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.screen-hint{font-size:13px;opacity:.75;line-height:1.7;max-width:320px}.death-choices{display:flex;flex-direction:column;gap:10px;width:100%;max-width:380px}.death-row{display:flex;align-items:center;gap:14px}.death-row .btn{width:140px;flex-shrink:0}.death-desc{font-size:13px;opacity:.65;line-height:1.3;text-align:left}.btn{font-size:20px;font-weight:800;padding:12px 30px;border:none;border-radius:14px;background:#ff7eb3;color:#fff;cursor:pointer;box-shadow:0 4px #d2447a;transition:transform .1s ease}.btn:active{transform:translateY(2px);box-shadow:0 2px #d2447a}.btn.secondary{background:#4dabff;box-shadow:0 4px #2b7fcf}.btn.secondary:active{box-shadow:0 2px #2b7fcf}.btn.tertiary{background:#ffffff1f;box-shadow:none;font-size:16px;padding:10px 24px;opacity:.7}.btn.tertiary:active{transform:translateY(1px);opacity:1}.start-name{font-size:18px;font-weight:700;text-align:center;width:240px;max-width:80vw;padding:10px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff}.start-name::placeholder{color:#ffffff8c;font-weight:500}.start-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-top:2px}.start-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:360px}.chip{text-transform:capitalize;font-weight:700;font-size:15px;padding:8px 18px;cursor:pointer;border-radius:999px;border:2px solid transparent;background:#ffffff24;color:#fff}.chip.selected{border-color:#ffe600;background:#ffe60038}.chip.green.selected{border-color:#4ade80;background:#4ade8038}.chip.yellow.selected{border-color:#ffe600;background:#ffe60038}.chip.red.selected{border-color:#f87171;background:#f8717138}.start-skins{max-width:420px;gap:6px}.skin-btn{padding:4px;border-radius:12px;cursor:pointer;line-height:0;border:3px solid rgba(255,255,255,.2);background:#ffffff14;transition:transform .1s ease}.skin-btn canvas{display:block}.skin-btn.selected{border-color:#ffe600;transform:scale(1.08)}.start-panel{width:100%;max-width:420px;background:#ffffff14;border-radius:14px;border:1px solid rgba(255,255,255,.12);overflow:hidden}.start-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.12)}.tab{flex:1;font-size:15px;font-weight:700;padding:10px 0;cursor:pointer;border:none;border-bottom:3px solid transparent;background:none;color:#ffffff73;text-align:center;transition:all .15s ease;margin-bottom:-1px}.tab.selected{color:#fff;border-bottom-color:#ffe600}.tab-pane{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;height:380px}.skin-section{width:100%;background:#00000059;border-radius:10px;overflow:hidden}.skin-tabs{display:flex;gap:0;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.skin-tabs .tab{font-size:13px;padding:7px 0;text-transform:uppercase;letter-spacing:.5px}.skin-pane{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;min-height:60px;padding:12px 4px}.start-toggle{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.85;margin-top:8px}.king-flash{position:fixed;top:28%;left:50%;transform:translate(-50%);font-size:40px;font-weight:900;color:#ffd23f;text-shadow:0 2px 0 #b97e00;animation:kingpop 1.6s ease forwards;pointer-events:none}@keyframes kingpop{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%) scale(1.1)}80%{opacity:1}to{opacity:0}}.filler-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(50px,12vw,100px);font-weight:900;color:#ff5fa2;text-shadow:0 4px 0 #b3325f,0 0 40px rgba(255,95,162,.6);animation:fillerpop 2.4s ease forwards;pointer-events:none;white-space:nowrap}@keyframes fillerpop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}18%{transform:translate(-52%,-50%) scale(1.1)}22%{transform:translate(-48%,-50%) scale(1.12)}26%{transform:translate(-51%,-49%) scale(1.08)}30%{transform:translate(-49%,-51%) scale(1.1)}34%{transform:translate(-50%,-50%) scale(1.08)}38%{transform:translate(-51%,-50%) scale(1.06)}42%{transform:translate(-49%,-50%) scale(1.05)}46%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.credit-link{font-size:12px;opacity:.35;color:#fff;text-decoration:none;margin-top:4px;transition:opacity .2s ease}.credit-link:hover{opacity:.7}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;pointer-events:none;animation:toastfade 3s ease forwards}@keyframes toastfade{0%{opacity:0;transform:translate(-50%) translateY(10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.version{font-size:11px;opacity:.25;color:#fff;margin-top:2px}