:root{--bg:#f6f4ef;--panel:#fffefb;--ink:#1d1c1a;--muted:#6b6862;--line:#d9d4c8;--accent:#2f6f4f;--accent-ink:#fff;--tile:#fbf9f4;--tile-edge:#cfc8b8;--pip:#23221f;--ok:#2f6f4f;--bad:#b03a2e;--r0:#e8eef6;--r1:#f3e9e2;--r2:#e6f0e8;--r3:#f4eede;--r4:#eee7f2;--r5:#e3f0f1;--free:#eceae4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app{flex-direction:column;flex:1;width:100%;max-width:78rem;margin:0 auto;padding:1rem .85rem 7rem;display:flex}.app.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.topbar{border-bottom:1px solid var(--line)}.topbar-inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:78rem;margin:0 auto;padding:1rem .85rem 1.25rem;display:flex}.brand{margin:0;font-size:1.25rem;font-weight:700}.controls{align-items:center;gap:.5rem;margin-left:auto;display:flex}.controls button{border-radius:.5rem;padding:.35rem .65rem;font-size:.85rem}button{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:.6rem;padding:.5rem .9rem}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}.segmented{background:var(--panel);border:1px solid var(--line);border-radius:.6rem;gap:.2rem;padding:.2rem;display:flex}.segmented button{text-transform:capitalize;color:var(--muted);background:0 0;border:none;border-radius:.45rem;padding:.35rem .75rem}.segmented button.active{background:var(--bg);color:var(--ink);font-weight:600}button.primary{background:var(--ink);color:var(--panel);border-color:#0000;padding:.55rem 1.4rem;font-weight:600}.play{flex-wrap:wrap;flex:1;align-content:center;align-items:center;gap:1.25rem;padding-top:1.75rem;display:flex}.board-wrap{flex-direction:column;flex:24rem;align-items:center;gap:1rem;display:flex}.side{flex-direction:column;flex-basis:100%;gap:1rem;display:flex}.board{width:min(82vw, calc(var(--cols) * 3.6rem));touch-action:none;position:relative}.cell{background:var(--free);border:0 solid var(--ink);border-color:var(--ink);position:absolute}.cell.region-0{background:var(--r0)}.cell.region-1{background:var(--r1)}.cell.region-2{background:var(--r2)}.cell.region-3{background:var(--r3)}.cell.region-4{background:var(--r4)}.cell.region-5{background:var(--r5)}.cell.failed{background:color-mix(in srgb, var(--bad) 22%, var(--panel));border-color:var(--bad)}.badge{z-index:3;background:color-mix(in srgb, var(--panel) 80%, transparent);color:var(--ink);pointer-events:none;border-radius:4px;padding:2px 4px;font-size:.72rem;font-weight:700;line-height:1;position:absolute;top:2px;left:3px}.preview-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.preview{border-radius:4px;position:absolute}.preview.ok{background:color-mix(in srgb, var(--ok) 32%, transparent)}.preview.bad{background:color-mix(in srgb, var(--bad) 28%, transparent)}.domino{background:var(--tile);border:1px solid var(--tile-edge);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:.5rem;display:flex;box-shadow:0 1px 2px #0000002e}.domino.h{flex-direction:row}.domino.v{flex-direction:column}.face{flex:1 1 0;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:13%;display:grid}.pip{aspect-ratio:1;border-radius:50%;place-self:center;width:66%}.pip.on{background:var(--pip)}.divider{background:color-mix(in srgb, var(--tile-edge) 90%, transparent);flex:none;align-self:center}.domino.h>.divider{width:1px;height:72%}.domino.v>.divider{width:72%;height:1px}.domino.placed{z-index:2;position:absolute;transform:scale(.955)}.domino.in-tray{width:4.6rem;height:2.3rem}.domino.in-tray.v{width:2.3rem;height:4.6rem}.domino.in-tray.dragging{opacity:.25}.domino.ghost{z-index:50;pointer-events:none;cursor:grabbing;position:fixed;transform:scale(1.04);box-shadow:0 8px 20px #0000004d}.verdict{background:var(--panel);border:1px solid var(--line);border-radius:.8rem;padding:.9rem 1rem}.tray{z-index:10;background:var(--panel);border-top:1px solid var(--line);padding:.9rem 1rem 1.75rem;position:fixed;bottom:0;left:0;right:0}.tray-pieces{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;max-width:78rem;min-height:3rem;margin:0 auto;display:flex}.tray-empty{color:var(--muted);margin:0;font-size:.9rem}.verdict p{margin:0;font-size:.92rem}.verdict.win{border-color:var(--ok);color:var(--ok);font-weight:600}.verdict.miss{border-color:var(--bad);color:var(--bad)}.sheet-overlay{z-index:60;background:0 0;justify-content:center;align-items:flex-end;transition:background .2s ease-out;display:flex;position:fixed;inset:0}.sheet-overlay.visible{background:#0006}.sheet{background:var(--panel);border:1px solid var(--line);border-bottom:none;border-radius:1rem 1rem 0 0;flex-direction:column;gap:1rem;width:100%;max-width:28rem;padding:.75rem 1.25rem 1.5rem;transition:transform .2s ease-out;display:flex;transform:translateY(100%);box-shadow:0 -8px 24px #0003}.sheet.visible{transform:translateY(0)}.sheet-grabber{background:var(--line);border-radius:999px;width:2.5rem;height:.28rem;margin:0 auto}.sheet h2{margin:0;font-size:1.05rem}.sheet-segmented{align-self:stretch}.sheet-segmented button{text-align:center;flex:1}.sheet-start{text-align:center;align-self:stretch}@media (width>=721px){.app{padding:1.5rem 1.25rem 4rem}.play{gap:2rem}.side{flex:0 21rem;min-width:17rem}.board{width:min(88vw, calc(var(--cols) * 4.4rem))}.domino.in-tray{width:5.6rem;height:2.8rem}.domino.in-tray.v{width:2.8rem;height:5.6rem}}