:root{--felt:#5e1527;--felt-deep:#1d0509;--gold:#dcb96e;--stock:#fbf9f4;--ink:#161311;--red:#c4182c;--ultra:#1f3d9c;--ivory:#f3ead7;--graphite:#5d5a55}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(120% 90% at 45% 40%, var(--felt) 0%, #3a0c17 55%, var(--felt-deep) 100%);color:var(--ivory);-webkit-font-smoothing:antialiased;font:400 16px/1.5 Literata,Georgia,serif;overflow:hidden}canvas.table{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.bar{z-index:3;padding:0 24px max(20px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.bar>*{pointer-events:auto}.tools{gap:8px;display:flex}.tools button,.held button{letter-spacing:.01em;color:var(--ink);background:var(--ivory);cursor:pointer;border:0;border-radius:3px;padding:11px 14px 12px;font:600 14px/1 Literata,Georgia,serif;transition:transform .12s,background-color .12s;box-shadow:0 1px #00000080,0 8px 18px -6px #0009}.tools button:hover,.held button:hover{background:#fff;transform:translateY(-1px)}.tools button:active,.held button:active{transform:translateY(1px)}.tools button[aria-pressed=false]{color:var(--ivory);background:0 0;box-shadow:inset 0 0 0 1px #f3ead773}.maker{text-align:right;text-shadow:0 1px 8px #0009;font-size:15px;line-height:1.45}.maker .lead{opacity:.82;font-style:italic}.maker a{color:var(--gold);text-underline-offset:3px;text-decoration-thickness:1px}.maker a:hover{color:#f1d699}.maker .row{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.hint{z-index:2;color:var(--ivory);opacity:.78;text-shadow:0 1px 8px #000000b3;white-space:nowrap;pointer-events:none;margin:0;font-size:15px;font-style:italic;transition:opacity .6s;position:fixed;top:22px;left:50%;transform:translate(-50%)}.hint.gone{opacity:0}.held{z-index:4;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.held[hidden]{display:none}.held button{white-space:nowrap}.held .step{width:42px;padding-left:0;padding-right:0;font-size:18px}.held .links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.held .links[hidden]{display:none}.held .links a{color:var(--ivory);background:#1d05098c;border-radius:3px;padding:11px 12px 12px;font:600 14px/1 Literata,Georgia,serif;text-decoration:none;box-shadow:inset 0 0 0 1px #dcb96ecc}.held .links a:hover{background:#1d0509d9}.index{margin:0;padding:0;list-style:none}.index button{z-index:5;color:var(--ink);background:var(--ivory);white-space:nowrap;border:0;border-radius:3px;padding:10px 14px;font:600 15px/1.2 Literata,Georgia,serif;position:fixed;top:18px;left:50%;transform:translate(-50%,-160%)}.index button:focus{transform:translate(-50%)}.index button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.flat{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.nogl canvas.table,.nogl .hint,.nogl .tools,.nogl .index{display:none}.nogl{flex-direction:column;min-height:100%;display:flex;overflow:auto}.nogl .flat{order:1}.nogl .bar{order:2;padding-top:8px;padding-bottom:32px;position:static}.nogl .flat{clip-path:none;width:100%;max-width:1200px;height:auto;margin:0 auto;padding:40px 24px 24px;position:static;overflow:visible}.flat h2{color:var(--gold);margin:0 0 6px;font:400 clamp(40px,7vw,76px)/1 Rozha One,Georgia,serif}.flat>p{max-width:60ch;margin:0 0 28px;font-style:italic}.flat ol{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.flat li{background:var(--stock);color:var(--ink);aspect-ratio:5/7;border-radius:12px;padding:18px 18px 22px;overflow:hidden;box-shadow:0 1px #0006,0 14px 26px -12px #000000b3}.flat .ix{font:400 30px/1 Rozha One,Georgia,serif}.flat .ix.red{color:var(--red)}.flat h3{margin:14px 0 8px;font:400 26px/1.1 Rozha One,Georgia,serif}.flat h3 small{margin-bottom:4px;font:italic 400 14px/1.3 Literata,Georgia,serif;display:block}.flat li p{margin:0 0 6px;font-size:15px;line-height:1.45}.flat .pencil{color:var(--graphite);font-family:Reenie Beanie,cursive;font-size:22px;line-height:1.1}.flat li a{color:var(--red)}@media (width<=760px){.bar{padding:0 16px max(14px, env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:stretch;gap:10px}.maker{text-align:left;font-size:14px}.maker .row{justify-content:flex-start}.tools button{padding:10px 11px 11px;font-size:13px}.hint{white-space:normal;text-align:center;width:calc(100% - 32px);font-size:14px;top:14px}.held{bottom:118px}.held .links a{padding:10px 9px 11px;font-size:13px}.held .links{flex-basis:100%;order:-1}}@media (width<=560px){.flat li{aspect-ratio:auto}}@media (prefers-reduced-motion:reduce){.tools button,.held button,.hint{transition:none}}