:root{--paper: #f3e5c8;--paper-card: rgba(255, 253, 248, .9);--ink: #2e2a38;--ink-soft: #6c6579;--line: rgba(46, 42, 56, .1);--amber: #e79a38;--coral: #d9553f;--mint: #4fb097;--edge: 20px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--gap: 10px;--radius: 18px;--radius-sm: 12px;--border: 2px;--shadow: 6px 6px 0 rgba(92, 70, 40, .1);color-scheme:light}*{box-sizing:border-box}.hud,.hint,.veil{user-select:none;-webkit-user-select:none}html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{position:relative;width:100%;height:100%}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#stage.is-erasing{cursor:cell}.hud{position:absolute;z-index:2}.hud--score{top:calc(var(--edge) + var(--safe-top));left:calc(var(--edge) + var(--safe-left));pointer-events:none;display:flex;flex-direction:column;gap:8px}.score{display:flex;align-items:center;gap:10px}.score__icon{width:22px;height:22px;border-radius:6px;background:var(--amber);box-shadow:inset 0 -3px #00000024,3px 3px #5c462821}.score__value{font-size:30px;font-weight:700;line-height:1;letter-spacing:-.02em}.cold{display:flex;align-items:center;gap:var(--gap)}.cold__bar{width:72px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.cold__fill{display:block;height:100%;width:0;border-radius:3px;background:var(--amber);transition:width .3s ease}.cold__text{font-size:11px;font-weight:600;color:var(--ink-soft)}.cold.is-critical .cold__fill{background:var(--coral);animation:blink .8s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.hud--clock{top:calc(var(--edge) + var(--safe-top));right:calc(var(--edge) + var(--safe-right));display:flex;flex-direction:column;align-items:flex-end;gap:var(--gap)}.clock{display:flex;align-items:center;gap:10px;pointer-events:none}.clock__ring{width:44px;height:44px;transform:rotate(-90deg)}.clock__track{fill:none;stroke:var(--line);stroke-width:5}.clock__fill{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round}.clock__text{display:flex;flex-direction:column;order:-1;text-align:right}.clock__day{font-size:15px;font-weight:700;letter-spacing:.08em}.clock__week{font-size:11px;font-weight:600;color:var(--ink-soft)}.rush{padding:4px 10px;border-radius:var(--radius-sm);background:var(--amber);color:#fffdf8;font-size:11px;font-weight:700;letter-spacing:.06em;box-shadow:3px 3px #5c462821;pointer-events:none;animation:nudge 1.4s ease-in-out infinite}.rush[hidden]{display:none}.speed{display:flex;gap:4px}.speed__btn{width:34px;height:34px;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .15s ease,color .15s ease}.speed__btn:hover{background:var(--line)}.speed__btn.is-active{background:var(--ink);color:#fffdf8}.glyph{display:block;background:currentColor}.glyph--pause{width:11px;height:12px;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65%)}.glyph--play{width:11px;height:12px;margin-left:2px;clip-path:polygon(0 0,100% 50%,0 100%)}.glyph--sound{width:14px;height:12px;clip-path:polygon(0 32%,30% 32%,62% 0,62% 100%,30% 68%,0 68%);position:relative}.speed__btn.is-muted .glyph--sound{opacity:.4}.speed__btn.is-muted:after{content:"";position:absolute;width:18px;height:var(--border);background:var(--coral);transform:rotate(-45deg)}.speed__btn{position:relative}.glyph--fast{width:15px;height:11px;clip-path:polygon(0 0,50% 50%,50% 0,100% 50%,50% 100%,50% 50%,0 100%)}.hud--tray{bottom:calc(var(--edge) + var(--safe-bottom));left:50%;transform:translate(-50%);display:flex;gap:var(--gap)}.tray__item{min-width:56px;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:10px;border:var(--border) solid transparent;border-radius:var(--radius);background:var(--paper-card);box-shadow:var(--shadow);color:var(--ink);cursor:pointer;transition:transform .12s ease,border-color .12s ease}.tray__item:hover{transform:translateY(-2px)}.tray__item.is-active{border-color:var(--ink)}.tray__item[hidden]{display:none}.tray__item--kitchen:not(.is-active){animation:nudge 1.4s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(-4px)}}.kitchen-icon{width:22px;height:22px;border-radius:6px;background:radial-gradient(circle at 45% 50%,#fffcf5 0 5px,transparent 6px),var(--amber);box-shadow:3px 3px #5c462821}.choice__icon--van{border-radius:var(--radius-sm);background:linear-gradient(var(--amber),var(--amber)) 8px 12px / 20px 16px no-repeat,linear-gradient(var(--ink),var(--ink)) 26px 18px / 10px 10px no-repeat,radial-gradient(circle,var(--ink) 0 4px,transparent 5px) 6px 24px / 12px 12px no-repeat,radial-gradient(circle,var(--ink) 0 4px,transparent 5px) 26px 24px / 12px 12px no-repeat}.tray__item--info{cursor:default}.tray__item--info:hover{transform:none}.bridge-icon{width:24px;height:18px;border-radius:6px;background:linear-gradient(#fffcf5,#fffcf5) center / 100% 6px no-repeat,linear-gradient(90deg,#b7a98c 0 3px,transparent 3px calc(100% - 3px),#b7a98c 0) center / 100% 100% no-repeat,#9fd8cc}.choice__icon--bridge{background:linear-gradient(#fffcf5,#fffcf5) center / 100% 12px no-repeat,linear-gradient(#b7a98c,#b7a98c) center / 100% 22px no-repeat,#9fd8cc}.tray__item.is-empty .tray__count{color:var(--coral)}.tray__count{font-size:20px;font-weight:700}.tile-icon{width:22px;height:22px;border-radius:6px;background:#fffcf5;box-shadow:0 0 0 var(--border) #e3d7c1,3px 3px 0 var(--border) #5c462821}.erase-icon{width:22px;height:22px;border:var(--border) dashed var(--ink);border-radius:6px}.hint{position:absolute;bottom:calc(var(--edge) + var(--safe-bottom) + 56px + var(--gap));left:50%;transform:translate(-50%);margin:0;padding:7px 14px;border-radius:999px;background:#fffdf8b8;color:var(--ink-soft);font-size:11px;letter-spacing:.02em;white-space:nowrap;z-index:2;pointer-events:none;transition:opacity .4s ease}.hint.is-faded{opacity:0}.veil{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#f3e5c8d1;backdrop-filter:blur(3px)}.veil--soft{background:#f3e5c88c;backdrop-filter:none}.veil[hidden]{display:none}.card{width:min(360px,calc(100vw - var(--edge) * 2));padding:28px;border-radius:var(--radius);background:#fffdf8;box-shadow:var(--shadow);text-align:center}.card--intro{padding:36px 30px 30px}.logo{display:block;width:56px;height:56px;margin:0 auto 14px;border-radius:16px;background:radial-gradient(circle at 50% 50%,#fffdf8 0 7px,transparent 8px),linear-gradient(#635c73,#635c73) center / 100% 14px no-repeat,linear-gradient(#635c73,#635c73) center / 14px 100% no-repeat,var(--amber)}.card__kicker{margin:0 0 6px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.card__title{margin:0 0 20px;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.01em}.card__title--big{margin-bottom:10px;font-size:34px;letter-spacing:-.03em}.card__lead{margin:0 0 24px;color:var(--ink-soft);font-size:14px;line-height:1.5}.tally{margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.tally div{padding:10px 12px;border-radius:var(--radius-sm);background:var(--paper)}.tally__wide{grid-column:1 / -1}.card__best{margin:var(--gap) 0 0;font-size:12px;font-weight:600;color:var(--ink-soft)}.tally dt{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.tally dd{margin:2px 0 0;font-size:19px;font-weight:700}.btn{width:100%;padding:13px 18px;border:none;border-radius:var(--radius-sm);background:var(--ink);color:#fffdf8;font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform .12s ease}.btn:hover{transform:translateY(-1px)}.upgrade{text-align:center}.upgrade .card__title{margin-bottom:6px}.upgrade__ask{margin:0 0 18px;color:var(--ink-soft);font-size:13px}.upgrade__choices{display:flex;justify-content:center;gap:var(--gap);flex-wrap:wrap}.choice{width:168px;padding:22px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;border:var(--border) solid transparent;border-radius:var(--radius);background:#fffdf8;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.choice:hover{transform:translateY(-4px);border-color:var(--ink)}.choice__icon{width:44px;height:44px;margin-bottom:4px;border-radius:var(--radius-sm)}.choice__icon--tiles{background:#fffcf5;box-shadow:0 0 0 var(--border) #e3d7c1,6px 6px #5c462821}.choice__icon--riders{border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--amber) 0 9px,transparent 10px),var(--ink)}.choice__icon--speed{background:var(--mint);clip-path:polygon(55% 0,15% 58%,46% 58%,38% 100%,85% 38%,54% 38%);border-radius:0}.choice__title{font-size:16px;font-weight:700}.choice__detail{font-size:12px;color:var(--ink-soft)}@media(max-width:620px){.score__value{font-size:24px}.hint{display:none}}
