:root{--sand:#eadfcb;--paper:#f3ebdddb;--clay:#a85a36;--clay-deep:#8a4527;--ink:#3b3631;--granite:#6c665f;--lichen:#6f7a2e;--night:#2e3442;--on-sky:var(--ink);--on-sky-soft:var(--granite);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--font:"LXGW WenKai TC", "Kaiti TC", "STKaiti", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-sky=night]{--on-sky:#efe8da;--on-sky-soft:#c9c3b6}*{box-sizing:border-box}html,body{background:var(--sand);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;margin:0;font-size:16px;line-height:1.5;overflow:hidden}button,a,input,select{touch-action:manipulation}#stage,#stage canvas{touch-action:none;position:fixed;inset:0}#boot{color:var(--granite);place-items:center;margin:0;font-size:24px;display:grid;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui button,#ui a,#ui .tray,#ui .dock{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pebble{background:var(--clay);color:#f7efe2;letter-spacing:.02em;white-space:nowrap;border-radius:30px 24px 28px 22px/24px 28px 22px 30px;min-height:52px;padding:12px 30px 13px;font-size:18px;font-weight:700;transition:transform .12s,background-color .16s;box-shadow:inset 0 -4px #28120838,inset 0 2px #ffecd638,0 6px 14px -8px #3c1e0f99}.pebble:hover:not(:disabled){background:var(--clay-deep)}.pebble:active:not(:disabled){transform:translateY(2px)scale(.98)}.pebble:disabled{color:#f4ece0;background:#c2b5a2;box-shadow:inset 0 -3px #3c28141f}.text-btn{min-height:44px;color:var(--ink);white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:16px}.text-btn:hover{text-underline-offset:4px;text-decoration:underline}.text-btn.danger{color:#8f3b25}.text-btn:disabled{opacity:.4;text-decoration:none}.icon-btn{width:44px;height:44px;color:var(--on-sky);border-radius:50%;place-items:center;font-size:15px;text-decoration:none;display:grid}.icon-btn svg{fill:currentColor;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.chrome{top:calc(8px + var(--safe-t));z-index:5;gap:2px;display:flex;position:fixed;right:8px}.bar{padding:calc(8px + var(--safe-t)) 150px 0 8px;color:var(--on-sky);justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.bar .text-btn{color:var(--on-sky)}.bar-actions{display:flex}.hint{top:calc(60px + var(--safe-t));text-align:center;color:var(--on-sky);margin:0;font-size:18px;transition:color .3s;position:absolute;left:16px;right:16px}.hint[data-state=ready]{color:var(--lichen);font-weight:700}:root[data-sky=night] .hint[data-state=ready]{color:#c9d27a}.masthead{top:calc(28px + var(--safe-t));color:var(--on-sky);position:absolute;left:24px;right:150px}.masthead h1{letter-spacing:-.01em;margin:0;font-size:clamp(44px,13vw,72px);font-weight:700;line-height:1}.tagline{text-wrap:balance;max-width:22em;color:var(--on-sky-soft);margin:12px 0 0;font-size:18px;line-height:1.6}.ridge-empty{left:24px;right:24px;bottom:calc(150px + var(--safe-b));text-align:center;color:var(--on-sky);margin:0;font-size:18px;position:absolute}.dock{padding:14px 16px calc(16px + var(--safe-b));background:linear-gradient(to bottom, #f3ebdd00, var(--paper) 28%);flex-direction:column;align-items:stretch;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.dock>*{width:100%;max-width:560px;margin-inline:auto}.home-dock{background:0 0;align-items:center;padding-top:40px}.home-dock>.pebble{width:auto}.home-dock .pebble{min-width:220px}.age{text-align:center;color:var(--granite);margin:0;font-size:14px}.facts{grid-template-columns:auto 1fr;gap:2px 14px;margin:0;font-size:15px;line-height:1.5;display:grid}.facts dt{color:var(--granite)}.facts dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.someone{color:var(--granite);margin:0;font-size:16px}.empty-note{text-align:center;font-size:18px;position:absolute;inset:30% 24px auto}.tabs{justify-content:center;gap:4px;display:flex}.tab{min-height:44px;color:var(--granite);padding:6px 14px;font-size:17px;position:relative}.tab[aria-selected=true]{color:var(--ink);font-weight:700}.tab[aria-selected=true]:after{content:"";background:var(--clay);border-radius:3px 1px 3px 2px;height:3px;position:absolute;bottom:6px;left:30%;right:30%}.tray{padding:6px 12px calc(12px + var(--safe-b));background:var(--paper);-webkit-backdrop-filter:blur(8px);touch-action:none;border-radius:22px 26px 0 0/14px 18px 0 0;grid-template-columns:1fr auto;grid-template-areas:"head head""stones stones""foot done";gap:4px 12px;max-width:560px;margin:0 auto;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 24px -18px #3c281480}.tray-head{grid-area:head;justify-content:space-between;align-items:center;display:flex}.tray-head .tabs{justify-content:flex-start}.tray-head .tab{padding:6px 10px}.tray-stones{grid-area:stones;grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.slot{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;place-items:center;height:62px;display:grid}.slot img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px #3c281438);max-height:54px;transition:transform .18s}.slot:disabled img{opacity:.4}.slot.empty:before{content:"";background:#5e54481f;border-radius:50%;width:34px;height:12px}.tray-foot{grid-area:foot;align-items:center;gap:0;min-width:0;display:flex}.tray-foot .text-btn{padding:8px}.count{color:var(--granite);font-variant-numeric:tabular-nums;align-self:center;margin-right:4px;font-size:15px}.done{grid-area:done;min-width:112px}.done[hidden]{display:none}.editor{background:var(--paper);-webkit-backdrop-filter:blur(8px);visibility:hidden;opacity:0;border-radius:18px 22px 20px 16px/16px 20px 18px 22px;gap:2px;padding:4px;transition:opacity .14s;display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 18px -10px #3c1e0f99}#ui .editor.show{visibility:visible;opacity:1;pointer-events:auto}.editor .tool{width:44px;height:44px;color:var(--ink);box-shadow:none;background:0 0;border-radius:12px;place-items:center;font-size:22px;line-height:1;display:grid}.editor .tool:hover{background:#5e54481f}.editor .tool:active{transform:scale(.94)}.editor .tool.bin{color:#8f3b25}.editor .tool svg{width:22px;height:22px}.toast{left:50%;bottom:calc(200px + var(--safe-b));background:var(--night);color:#f1eadc;opacity:0;pointer-events:none;z-index:10;border-radius:14px;max-width:calc(100% - 32px);padding:10px 18px;font-size:16px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.debug{z-index:20;color:#e8e8e8;background:#1e2026db;border-radius:8px;max-width:300px;padding:6px 10px;font:12px/1.4 ui-sans-serif,system-ui,sans-serif;position:fixed;top:38%;left:8px}.debug summary{cursor:pointer}.debug .row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.debug input[type=range]{width:110px}.debug button{color:#eee;background:#444;border-radius:4px;padding:4px 8px}.debug select{font:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}