:root{--bg: #f3e7d8;--bg-deep: #e6d6c1;--fg: #3a2a20;--muted: #6f5d4d;--accent: #466f18;--card: #fdfcf9;--no-ink: #b03a0a;--yes-ink: #466f18;--spring: linear(0, .3 8%, .68 17%, .93 27%, 1.08 38%, 1.1 45%, 1.04 58%, .99 70%, 1);color:var(--fg);background:var(--bg);font-family:Lato,Fira Sans,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:var(--bg)}button,a{touch-action:manipulation}.app{height:100%;display:flex;flex-direction:column;position:relative}.canvas-wrap{position:fixed;inset:0;z-index:0}.canvas-wrap canvas{display:block;touch-action:none}.topbar,.dock,.stage{position:relative;z-index:2}.stage{pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.55rem .95rem .15rem}.logo{display:flex;align-items:center;gap:.55rem;color:var(--fg)}.logo svg{width:2.15rem;height:2.15rem;overflow:visible}.word{font-weight:500;font-size:1.35rem;letter-spacing:-.03em;line-height:1}.motto{margin-top:.18rem;font-size:.62rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.stage{flex:1;min-height:0;display:grid;place-items:center}.pack{position:relative;container-type:inline-size}.loading,.empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:.95rem}.empty{display:none;align-content:center;gap:.8rem;padding:1.5rem;pointer-events:auto}body[data-count="0"] .empty{display:grid}body[data-ready] .loading{display:none}.replay{border:0;background:var(--accent);color:#fdfcf9;font:700 .95rem/1 Lato,system-ui,sans-serif;padding:.75rem 1.1rem;border-radius:999px;cursor:pointer}.pack-stamp{position:absolute;top:6cqi;padding:.3em .65em;border:3px solid currentColor;border-radius:.3em;background:#ffffffeb;font:700 6.5cqi Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;opacity:0;z-index:4;pointer-events:none;box-shadow:0 6px 18px #00000038;transition:opacity .12s linear}.pack-stamp--left{left:5cqi;color:var(--no-ink);rotate:-8deg;opacity:clamp(0,calc(var(--p, 0) * -1.6),1)}.pack-stamp--right{right:5cqi;color:var(--yes-ink);rotate:8deg;opacity:clamp(0,calc(var(--p, 0) * 1.6),1)}.pack[data-side=back] .pack-stamp--front,.pack:not([data-side=back]) .pack-stamp--back{display:none}body[data-count="0"] .pack-stamp{opacity:0}.dock{padding:.35rem .8rem calc(.7rem + env(safe-area-inset-bottom));display:grid;gap:.45rem;justify-items:center}.hint{margin:0;font-size:.82rem;color:var(--muted);text-align:center}.hint-back,body[data-side=back] .hint-front{display:none}body[data-side=back] .hint-back{display:block}.modes{display:flex;gap:.35rem;max-width:100%;overflow-x:auto;padding-bottom:.1rem}.modes button{position:relative;border:1px solid rgba(58,42,32,.14);background:transparent;color:var(--muted);font:500 .78rem/1 Lato,system-ui,sans-serif;letter-spacing:.04em;padding:.42rem .7rem;border-radius:999px;cursor:pointer}.modes button .label{position:relative;z-index:1}.modes button.on{color:#fdfcf9;border-color:transparent}.pill{position:absolute;inset:0;border-radius:999px;background:var(--accent);z-index:0}.blurb{margin:0;max-width:34rem;min-height:2.2em;text-align:center;color:var(--muted);font-size:.84rem;line-height:1.35}