:root{--cream:#fff6df;--cream2:#ffecc7;--ink:#493245;--soft:#ffffffb8;--shadow:#4d2c4429;--danger:#ff5879;--good:#5abf9f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;color:var(--ink);background:#ffd8e5;margin:0;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}button,select{font:inherit}.ui-root{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));z-index:5;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(150px,230px) 1fr minmax(150px,230px);gap:12px;display:grid;position:fixed;inset:0}.panel{pointer-events:auto;box-shadow:0 12px 30px var(--shadow), inset 0 1px 0 #ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffffc7,#ffefcbd6);border:2px solid #ffffffb8;border-radius:24px}.score-stack{flex-direction:column;grid-area:1/1/span 2;align-self:start;gap:10px;display:flex}.score-card{padding:14px 16px}.label{letter-spacing:.08em;text-transform:uppercase;opacity:.62;font-size:11px;font-weight:800}.value{margin-top:4px;font-size:clamp(22px,3vw,34px);font-weight:950;line-height:1}.small-value{margin-top:4px;font-size:16px;font-weight:900}.preview-stack{flex-direction:column;grid-area:1/3/span 2;align-self:start;gap:10px;display:flex}.preview-card{min-height:84px;padding:12px}.preview-name{margin-top:4px;font-size:15px;font-weight:900}.preview-sub{opacity:.72;margin-top:2px;font-size:12px;line-height:1.25}.combo-pill{text-align:center;transform-origin:50%;padding:12px 14px;transition:transform .14s}.combo-pill.pop{transform:scale(1.08)}.combo-num{color:#f5638f;font-size:24px;font-weight:950}.challenge-card{padding:12px 14px}.challenge-title{font-size:15px;font-weight:950}.challenge-desc{opacity:.78;margin-top:4px;font-size:12px;line-height:1.32}.challenge-progress{background:#613b5c1a;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.challenge-progress>span{border-radius:inherit;background:linear-gradient(90deg,#63d9ad,#ffd05a,#ff7a9f);width:0%;height:100%;transition:width .22s;display:block}.top-center{pointer-events:none;grid-area:1/2;place-self:start center;align-items:center;gap:10px;display:flex}.mode-pill{pointer-events:auto;border-radius:999px;gap:6px;padding:6px;display:flex}.mode-pill button,.toolbar button,.drop-button,.game-over-card button,.help-card button{appearance:none;color:var(--ink);cursor:pointer;background:#ffffffbd;border:0;border-radius:999px;padding:9px 13px;font-weight:900;box-shadow:inset 0 -2px #512f4d14}.mode-pill button.active{background:linear-gradient(160deg,#fff0a8,#ff9bbd)}.toolbar{pointer-events:auto;border-radius:999px;grid-area:3/2;place-self:end center;gap:8px;padding:8px;display:flex}.toolbar button{min-width:42px;height:42px;padding:0 12px}.drop-button{font-size:16px;background:linear-gradient(#ffefa8,#ff9bbc)!important;min-width:128px!important}.warning-strip{pointer-events:none;color:#fff;opacity:0;background:#ff5879eb;border-radius:999px;grid-area:1/2;place-self:end center;margin-top:68px;padding:8px 14px;font-weight:950;transition:opacity .16s,transform .16s;transform:translateY(-10px)scale(.96);box-shadow:0 12px 28px #ff446e38}.warning-strip.show{opacity:1;transform:translateY(0)scale(1)}.game-over-layer,.help-layer{pointer-events:none;z-index:20;opacity:0;background:#4d324521;place-items:center;transition:opacity .18s;display:grid;position:fixed;inset:0}.game-over-layer.show,.help-layer.show{pointer-events:auto;opacity:1}.game-over-card,.help-card{border-radius:30px;width:min(420px,100vw - 32px);padding:22px;transition:transform .22s cubic-bezier(.2,1.3,.35,1);transform:translateY(18px)scale(.96)}.game-over-layer.show .game-over-card,.help-layer.show .help-card{transform:translateY(0)scale(1)}.game-over-title{letter-spacing:-.04em;font-size:34px;font-weight:950;line-height:.95}.game-over-text,.help-card p,.help-card li{opacity:.78;line-height:1.42}.game-over-actions,.help-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.score-float{pointer-events:none;z-index:30;color:#fff;text-shadow:0 2px #5b2d4d40,0 0 16px #ff729e66;font-weight:950;animation:.9s ease-out forwards scoreFloat;position:fixed}.combo-float{color:#ffe66f;font-size:30px}@keyframes scoreFloat{0%{opacity:0;transform:translate(-50%,12px)scale(.7)}18%{opacity:1;transform:translate(-50%,-6px)scale(1.12)}to{opacity:0;transform:translate(-50%,-70px)scale(.94)}}.vignette-layer,.grain-layer{pointer-events:none;z-index:2;position:fixed;inset:0}.vignette-layer{mix-blend-mode:multiply;background:radial-gradient(circle at 50% 42%,#0000 46%,#6b3b5b14 82%,#58345229 100%)}.grain-layer{opacity:.12;background-image:radial-gradient(circle at 20% 30%,#ffffffe6 0 1px,#0000 1px),radial-gradient(circle at 70% 60%,#6c475e66 0 1px,#0000 1px);background-size:7px 7px,11px 11px}@media (width<=760px){.ui-root{padding:max(8px, env(safe-area-inset-top)) 6px max(8px, env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.score-stack{grid-area:1/1/auto/span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.preview-stack{grid-area:1/3/auto/span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.top-center{top:max(70px, calc(env(safe-area-inset-top) + 70px));grid-area:1/1/auto/span 4;position:fixed;left:50%;transform:translate(-50%)}.toolbar{grid-area:3/1/auto/span 4;justify-content:center;gap:4px;width:min(100vw - 16px,470px);padding:7px}.toolbar button{min-width:38px;height:40px;padding:0 8px;font-size:13px}.drop-button{flex:106px;max-width:130px;min-width:106px!important}.score-card,.preview-card,.combo-pill{border-radius:14px;min-height:52px;padding:7px 8px}.value{font-size:20px}.small-value,.preview-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.label{font-size:9px}.combo-num{font-size:20px}.preview-sub,.challenge-card,.largest-card{display:none}.mode-pill{transform-origin:top;padding:4px;transform:scale(.72)}}@media (height<=620px){.preview-sub,.challenge-card,.largest-card{display:none}}