:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e14;--panel-bg:#141620db;--panel-border:#ffffff1f;--text:#f2f3f7;--text-dim:#9096a8;--danger:#ff5468;--success:#35d48a;--dig:#4ea8ff;font-family:system-ui,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:var(--bg);width:100%;height:100%;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow:hidden}#app{width:100%;height:100dvh;position:fixed;inset:0}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#topbar{top:max(10px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute;left:14px;right:14px}#stage-info{align-items:baseline;gap:8px;display:flex}#stage-label{letter-spacing:.08em;font-weight:700}#shape-label{color:var(--text-dim);font-size:11px}#score-info{align-items:center;gap:8px;display:flex}#score-value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}#combo-badge{background:var(--success);color:#06210f;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;transition:transform .15s}#combo-badge.hidden{display:none}#combo-badge.pop{transform:scale(1.25)}#hud{top:calc(max(10px, env(safe-area-inset-top)) + 26px);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;left:14px;right:14px}.hud-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;min-width:108px;padding:8px 12px 10px}.hud-label{letter-spacing:.06em;color:var(--text-dim);text-align:center;margin-bottom:6px;font-size:11px}.slots{justify-content:center;gap:6px;display:flex}.slot{background:#ffffff0a;border:2px solid #ffffff38;border-radius:6px;width:22px;height:22px;transition:background-color .2s,border-color .2s,transform .2s}.slot.filled{border-color:#ffffff8c;transform:scale(1.06)}#trash-box .slot.filled{background:var(--text-dim);border-color:var(--text-dim)}#trash-box.warning .slot{border-color:var(--danger)}#trash-box.warning .hud-label{color:var(--danger)}#trash-box.digging{box-shadow:0 0 0 1px var(--dig) inset}#trash-box.digging .slot{border-color:var(--dig)}#trash-box.digging .hud-label{color:var(--dig)}#trash-box.digging .slot.overflow{background:0 0;border-style:dashed}#target-area{flex-direction:column;align-items:flex-start;gap:6px;display:flex}#next-box{align-items:center;gap:6px;padding-left:4px;display:flex}.next-label{letter-spacing:.12em;color:var(--text-dim);font-size:9px}#next-slots{gap:4px;display:flex}.next-chip{opacity:.85;border-radius:4px;width:13px;height:13px}#bottombar{left:14px;right:14px;bottom:max(14px, env(safe-area-inset-bottom));align-items:center;gap:10px;display:flex;position:absolute}#progress-bar{border:1px solid var(--panel-border);background:#ffffff1a;border-radius:999px;flex:1;height:8px;overflow:hidden}#progress-fill{background:linear-gradient(90deg,#7fb2ff,#35d48a);width:0%;height:100%;transition:width .35s}#overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06070cb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#overlay.hidden{display:none}#overlay-card{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:20px;width:min(320px,84vw);padding:30px 26px 24px}#overlay-title{margin:0 0 8px;font-size:25px}#overlay-message{color:var(--text-dim);margin:0 0 16px;font-size:13px;line-height:1.6}#overlay-stats{justify-content:center;gap:22px;margin-bottom:20px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.stat-label{color:var(--text-dim);letter-spacing:.08em;font-size:10px}#overlay-card button{pointer-events:auto;appearance:none;color:#0d0e14;cursor:pointer;background:#f2f3f7;border:none;border-radius:12px;width:100%;padding:12px 22px;font-size:15px;font-weight:700}#overlay-card button:active{transform:scale(.97)}#overlay-card button.ghost{color:var(--text-dim);border:1px solid var(--panel-border);background:0 0;margin-top:8px;font-size:13px;font-weight:500}#overlay-card button.hidden{display:none}#hint-toast{border:1px solid var(--panel-border);color:var(--text);pointer-events:none;white-space:nowrap;opacity:1;background:#141620eb;border-radius:999px;padding:8px 16px;font-size:13px;transition:opacity .4s;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}#hint-toast.hidden{opacity:0}@keyframes box-swap{0%{opacity:0;transform:translateY(-6px)scale(.86)}60%{opacity:1;transform:translateY(0)scale(1.06)}to{opacity:1;transform:translateY(0)scale(1)}}#target-box.swapping{animation:.42s ease-out box-swap}@keyframes trash-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}#trash-box.shake{animation:.3s ease-in-out trash-shake}#next-box.hidden{display:none}#layer-dots{gap:3px;margin-left:2px;display:inline-flex}.layer-dot{--fill:0%;border:1px solid var(--text-dim);background:linear-gradient(to top, var(--success) var(--fill), #ffffff0f var(--fill));border-radius:50%;width:7px;height:7px;transition:background .35s}.layer-dot.done{border-color:var(--success)}#layer-banner{letter-spacing:.04em;color:var(--text);text-shadow:0 2px 18px #000c;pointer-events:none;white-space:nowrap;font-size:26px;font-weight:800;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}#layer-banner.hidden{display:none}@keyframes layer-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-62%)scale(1)}}#layer-banner.pop-in{animation:1.4s ease-out forwards layer-pop}@keyframes trash-reclaim{0%{transform:scale(1);box-shadow:0 0 #35d48a00}40%{transform:scale(1.08);box-shadow:0 0 0 4px #35d48a80}to{transform:scale(1);box-shadow:0 0 #35d48a00}}#trash-box.reclaim{animation:.5s ease-out trash-reclaim}#driver-switch{pointer-events:auto;flex:none;gap:6px;display:flex}#driver-switch.hidden{display:none}.driver{appearance:none;border:1px solid var(--panel-border);background:var(--panel-bg);width:58px;height:50px;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;justify-content:center;align-items:center;transition:background-color .15s,color .15s,transform .1s;display:flex}.driver .driver-icon{font-size:26px;font-weight:700;line-height:1}.driver.active{background:var(--text);color:#0d0e14;border-color:var(--text)}.driver:active{transform:scale(.94)}@keyframes driver-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}#driver-switch.shake{animation:.28s ease-in-out driver-shake}#time-left{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:14px;font-weight:700}#time-left.hidden{display:none}#time-left.urgent{color:var(--danger);animation:1s ease-in-out infinite time-pulse}@keyframes time-pulse{0%,to{opacity:1}50%{opacity:.45}}