:root{--bg:#05060a;--bg-soft:#0b1020;--panel:#101626d1;--panel-edge:#8cb4ff24;--text:#e8eefc;--text-dim:#93a3c4;--accent:#6fe3ff;--accent-soft:#6fe3ff29;--danger:#ff5c7a;--gold:#ffd479;--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);--font:"Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--ui-scale:1;--radius:14px;--tap:48px}:root[data-large-text=true]{--ui-scale:1.18}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-size:calc(16px * var(--ui-scale));overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow:hidden}#app{place-items:stretch stretch;display:grid;position:fixed;inset:0}#game-root,#game-root canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.boot-failure{text-align:center;place-content:center;gap:10px;min-height:100dvh;padding:28px;display:grid}.boot-failure h2{font-family:var(--font);font-weight:800;font-size:calc(24px * var(--ui-scale));margin:0}.muted{max-width:34ch;font-size:calc(14px * var(--ui-scale));color:var(--text-dim,#8d7663);margin:0;line-height:1.5}:root[data-game=tilt]{--bg:#efe3d0;--text:#43342a;--text-dim:#8d7663;--panel:#241c18e6;--panel-edge:#43342a40;--gold:#ffb638}:root[data-game=tilt] body{color:#43342a;background:#efe3d0}.tilt-shell{pointer-events:none;position:absolute;inset:0}.tilt-score{top:calc(var(--safe-top) + 10px);text-align:center;font-family:var(--font);font-weight:800;font-size:calc(clamp(30px, 8vw, 46px) * var(--ui-scale));letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1;position:absolute;left:0;right:0}.tilt-best{top:calc(var(--safe-top) + 10px);right:calc(var(--safe-right) + 16px);font-family:var(--font);font-weight:600;font-size:calc(clamp(11px, 3vw, 14px) * var(--ui-scale));color:var(--text-dim);font-variant-numeric:tabular-nums;position:absolute}.tilt-best.is-beaten{color:#2f241d;background:var(--gold);letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-weight:800;animation:.26s cubic-bezier(.22,1,.36,1) tilt-beaten-in}.tilt-chain{left:0;right:0;top:max(calc(var(--safe-top) + 62px), calc(var(--jar-top,120px) - 38px));pointer-events:none;transform:scale(var(--chain-scale,1));transform-origin:bottom;flex-direction:column;align-items:center;gap:5px;animation:.26s cubic-bezier(.22,1,.36,1) tilt-chain-in;display:flex;position:absolute}.tilt-chain[hidden]{display:none}.tilt-chain-marks{align-items:center;gap:6px;display:flex;position:relative}.tilt-chain-marks:before{content:"";background:#ffb63880;border-radius:2px;height:1.5px;position:absolute;top:50%;left:3.5px;right:3.5px;transform:translateY(-50%)}.tilt-chain-mark{background:var(--gold);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #ffb63840}.tilt-chain-word{font-family:var(--font);font-weight:800;font-size:calc(clamp(13px, 3.6vw, 17px) * var(--ui-scale));letter-spacing:.18em;color:var(--text)}@keyframes tilt-chain-in{0%{opacity:0;transform:scale(calc(var(--chain-scale,1) * .7))}to{opacity:1;transform:scale(var(--chain-scale,1))}}@keyframes tilt-beaten-in{0%{transform:scale(.8)}to{transform:scale(1)}}.tilt-over{text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#efe3d0db;place-content:center;justify-items:center;gap:14px;padding:24px;animation:.22s cubic-bezier(.22,1,.36,1) tilt-over-in;display:grid;position:absolute;inset:0}.tilt-over[hidden]{display:none}.tilt-over h2{font-family:var(--font);font-weight:800;font-size:calc(clamp(26px, 8vw, 40px) * var(--ui-scale));letter-spacing:-.02em;color:#2f241d;margin:0}.tilt-over p{max-width:28ch;font-size:calc(15px * var(--ui-scale));color:#6d5a4a;margin:0;line-height:1.5}.tilt-again{font-family:var(--font);font-weight:700;font-size:calc(19px * var(--ui-scale));color:#2f241d;background:var(--gold);cursor:pointer;border:0;border-radius:999px;padding:14px 36px;transition:transform .12s,box-shadow .12s;box-shadow:0 5px #d18f1e}.tilt-again:active{transform:translateY(4px);box-shadow:0 1px #d18f1e}.tilt-again:focus-visible{outline-offset:3px;outline:3px solid #3fc9a3}@keyframes tilt-over-in{0%{opacity:0}to{opacity:1}}:root[data-contrast=high][data-game=tilt]{--text:#2b1d14;--text-dim:#4a3627}:root[data-contrast=high] .tilt-over p{color:#43342a}:root[data-contrast=high] .tilt-chain-mark{box-shadow:0 0 0 2px #43342a8c}.reduced-motion .tilt-over,.reduced-motion .tilt-chain,.reduced-motion .tilt-best.is-beaten{animation:none}.tilt-menu{pointer-events:none;position:absolute;inset:0}.tilt-menu-btn{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 10px);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:12px;place-content:center;gap:0;width:44px;height:44px;padding:0;transition:background .14s;display:grid;position:absolute}.tilt-menu-btn:hover{background:#43342a1f}.tilt-menu-btn:focus-visible{outline-offset:2px;outline:3px solid #3fc9a3}.tilt-menu-bars{gap:4px;display:grid}.tilt-menu-bars span{background:var(--text-dim);border-radius:2px;width:18px;height:2px;display:block}.tilt-menu-btn:hover .tilt-menu-bars span{background:var(--text)}.tilt-panel{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#efe3d0f7;animation:.2s cubic-bezier(.22,1,.36,1) tilt-over-in;display:flex;position:absolute;inset:0;overflow-y:auto}.tilt-panel-body{text-align:center;width:min(360px,100%);padding:calc(var(--safe-top) + 26px) 22px calc(var(--safe-bottom) + 26px);flex-direction:column;align-items:center;gap:13px;margin:auto;display:flex}.tilt-panel-title{font-family:var(--font);font-weight:800;font-size:calc(clamp(26px, 8vw, 38px) * var(--ui-scale));letter-spacing:-.02em;color:#2f241d;margin:0}.tilt-tagline{font-size:calc(15px * var(--ui-scale));color:var(--text-dim);margin:-6px 0 0}.tilt-muted{font-size:calc(13px * var(--ui-scale));color:var(--text-dim);margin:0;line-height:1.5}.tilt-stack{flex-direction:column;gap:9px;width:100%;margin-top:4px;display:flex}.tilt-btn{font-family:var(--font);font-weight:700;font-size:calc(16px * var(--ui-scale));color:#2f241d;cursor:pointer;background:#43342a14;border:0;border-radius:999px;padding:13px 24px;transition:transform .12s,background .14s}.tilt-btn:hover{background:#43342a26}.tilt-btn:focus-visible{outline-offset:3px;outline:3px solid #3fc9a3}.tilt-btn-primary{font-size:calc(18px * var(--ui-scale));background:var(--gold);padding:14px 30px;box-shadow:0 5px #d18f1e}.tilt-btn-primary:hover{background:#ffc155}.tilt-btn-primary:active{transform:translateY(4px);box-shadow:0 1px #d18f1e}.tilt-settings{flex-direction:column;gap:2px;width:100%;display:flex}.tilt-setting{border-bottom:1px solid #43342a1a;justify-content:space-between;align-items:center;gap:14px;padding:9px 2px;display:flex}.tilt-setting:last-child{border-bottom:0}.tilt-setting-label{font-size:calc(15px * var(--ui-scale));color:var(--text);text-align:left}.tilt-switch{min-width:62px;font-family:var(--font);font-weight:700;font-size:calc(13px * var(--ui-scale));color:var(--text-dim);cursor:pointer;background:#43342a14;border:0;border-radius:999px;padding:8px 14px;transition:background .14s,color .14s}.tilt-switch[data-on=true]{background:var(--gold);color:#2f241d}.tilt-switch:focus-visible{outline-offset:2px;outline:3px solid #3fc9a3}.tilt-setting input[type=range]{width:132px;accent-color:var(--gold);cursor:pointer}.tilt-setting input[type=range]:focus-visible{outline-offset:3px;outline:3px solid #3fc9a3}.tilt-record-head{flex-direction:column;align-items:center;gap:1px;display:flex}.tilt-record-best{font-family:var(--font);font-weight:800;font-size:calc(clamp(34px, 11vw, 52px) * var(--ui-scale));letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.tilt-list{flex-direction:column;gap:1px;width:100%;display:flex}.tilt-list-row{border-bottom:1px solid #43342a1a;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 2px;display:flex}.tilt-list-row:last-child{border-bottom:0}.tilt-list-score{font-weight:700;font-size:calc(15px * var(--ui-scale));color:var(--text);font-variant-numeric:tabular-nums}.tilt-colophon{text-align:center;margin:.9rem 0 0;font-size:.8rem}.tilt-colophon a{color:inherit;text-underline-offset:3px}:root[data-contrast=high] .tilt-panel{background:#f3e9dafc}:root[data-contrast=high] .tilt-setting,:root[data-contrast=high] .tilt-list-row{border-bottom-color:#2b1d1452}:root[data-contrast=high] .tilt-switch{color:#2b1d14;background:#2b1d1424}:root[data-contrast=high] .tilt-btn{background:#2b1d1424}:root[data-contrast=high] .tilt-muted{color:#4a3627}.reduced-motion .tilt-panel{animation:none}.reduced-motion .tilt-btn,.reduced-motion .tilt-btn-primary,.reduced-motion .tilt-switch,.reduced-motion .tilt-menu-btn{transition:none}.tilt-row{gap:9px;width:100%;display:flex}.tilt-row .tilt-btn{flex:1}.tilt-btn-quiet{font-weight:600;font-size:calc(14px * var(--ui-scale));color:var(--text-dim);background:#43342a0f;padding:11px 14px}.tilt-btn-quiet:hover{color:var(--text);background:#43342a21}.tilt-panel:focus{outline:none}.tilt-menu[data-panel=title] .tilt-panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#efe3d0d6}:root[data-contrast=high] .tilt-menu[data-panel=title] .tilt-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f3e9dafc}.tilt-score[hidden],.tilt-best[hidden]{display:none}.tilt-menu-bars,.tilt-menu-bars span{pointer-events:none}.tilt-over .tilt-over-chase{font-family:var(--font);font-weight:700;font-size:calc(17px * var(--ui-scale));letter-spacing:-.01em;color:#2f241d;margin:-4px 0 0}.tilt-over .tilt-over-chase[hidden]{display:none}