:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-top:#1a0f0a;--bg-bottom:#05070c;font-family:Segoe UI,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;padding:0}body{background:radial-gradient(ellipse at 50% 15%, var(--bg-top), var(--bg-bottom) 70%);color:#f2e9dc;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:100vh}#root{min-height:100vh}button{font-family:inherit}.app-root{max-width:720px;min-height:100vh;padding:env(safe-area-inset-top,0) 16px env(safe-area-inset-bottom,0);flex-direction:column;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 4px 8px;display:flex}.title-block h1{letter-spacing:.02em;color:#f6d98a;text-shadow:0 0 18px #ff962840;margin:0;font-size:clamp(1.2rem,4vw,1.6rem)}.subtitle{color:#b79c7a;margin:2px 0 0;font-size:.78rem}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.counter-pill{background:#ffffff0f;border:1px solid #f6d98a40;border-radius:14px;flex-direction:column;align-items:center;min-width:78px;padding:6px 14px;display:flex}.counter-num{color:#f6d98a;font-size:1.1rem;font-weight:700;line-height:1.1}.counter-label{color:#b79c7a;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.mute-btn{cursor:pointer;width:40px;height:40px;color:inherit;background:#ffffff0f;border:1px solid #f6d98a40;border-radius:50%;font-size:1.1rem}.mute-btn:active{transform:scale(.94)}.stage{flex-direction:column;flex:1;align-items:center;padding-bottom:24px;display:flex;position:relative}.bin-zone{aspect-ratio:200/140;width:clamp(140px,40vw,190px);margin-top:6px;position:relative}.burning-bin{width:100%;height:100%;position:relative}.bin-glow{filter:blur(6px);pointer-events:none;background:radial-gradient(at 50% 55%,#ff8c288c 0%,#ff5a1440 40%,#ff5a1400 70%);position:absolute;inset:-30%}.particle-burst{pointer-events:none;width:0;height:0;position:absolute;top:40%;left:50%}.particle{border-radius:50%;position:absolute;top:0;left:0}.particle-ash{background:#cfcfcf;box-shadow:0 0 3px #fff6}.particle-ember{background:#ff9a3c;box-shadow:0 0 6px 1px #ff8c28d9}.type-toast{color:#f6d98a;z-index:40;white-space:nowrap;background:#140c08e6;border:1px solid #f6d98a59;border-radius:999px;padding:8px 16px;font-size:.82rem;animation:.25s ease-out toast-in;position:absolute;top:4px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.current-type-label{text-align:center;flex-direction:column;align-items:center;gap:1px;margin-top:6px;display:flex}.type-name{color:#f2e9dc;font-size:1rem;font-weight:700}.type-subtitle{color:#a48e6f;font-size:.72rem}.type-remaining{color:#7c6b54;margin-top:2px;font-size:.68rem}.hands-zone{flex:1;width:100%;min-height:clamp(300px,55vh,420px);margin-top:8px;position:relative}.hands-svg{z-index:2;pointer-events:none;width:clamp(260px,70vw,380px);position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.paper-stack{aspect-ratio:200/260;z-index:5;width:clamp(160px,42vw,210px);position:absolute;bottom:clamp(64px,15vh,96px);left:50%;transform:translate(-50%)}.stack-card{cursor:grab;filter:drop-shadow(0 8px 14px #00000073);will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.stack-card:active{cursor:grabbing}.stack-empty-hint{text-align:center;color:#b79c7a;width:220px;font-size:.82rem;position:absolute;bottom:clamp(64px,15vh,96px);left:50%;transform:translate(-50%)}.hint-text{color:#7c6b54;text-align:center;margin-top:10px;font-size:.78rem}@media (width>=640px){.app-root{padding-left:24px;padding-right:24px}}