.sound-toggle{background:var(--btn,#00000040);width:36px;min-width:36px;height:36px;color:var(--ink,#fff);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed=true]{opacity:.7}.sound-toggle:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:2px}:root{--lamp:radial-gradient(ellipse 70% 50% at 50% 42%, #fffae121, transparent 70%);--vignette:radial-gradient(ellipse 120% 90% at 50% 45%, transparent 55%, #00000080);--ink:#f2f5ef;--btn:#ffffff1f;--btn-on:#ffd54a;--btn-on-ink:#2b2100;--focus:#ffd54a;--dialog:#fdfdfb;--dialog-ink:#16181a;--win:#1f7a45;--ivory-a:#fffdf6;--ivory-b:#ece2c8;--pip:#1d1a17;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--dialog:#1d2620;--dialog-ink:#eef3ee;--win:#5fd893}}:root[data-theme=dark]{--dialog:#1d2620;--dialog-ink:#eef3ee;--win:#5fd893}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--lamp), var(--vignette), var(--felt-texture,none), radial-gradient(ellipse 75% 60% at 50% 42%, #2f8a55, #145233 70%, #0b2e1c);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app.dm{grid-template-rows:auto auto auto 1fr auto auto auto;justify-items:center;gap:5px;height:100dvh;padding:12px 14px 14px;display:grid;box-shadow:inset 0 0 0 clamp(6px,1.6vw,12px) #4a2c14,inset 0 0 0 calc(clamp(6px,1.6vw,12px) + 2px) #00000073,inset 0 0 0 calc(clamp(6px,1.6vw,12px) + 3px) #ffdca01f}.dm-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.group{align-items:center;gap:3px;display:flex}.glabel{opacity:.8;margin-right:2px;font-size:12px}.btn{font:inherit;color:var(--ink);background:var(--btn);cursor:pointer;border:0;border-radius:9px;min-width:34px;min-height:34px;padding:7px 11px;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #0000004d}.btn[aria-pressed=true]{background:var(--btn-on);color:var(--btn-on-ink);font-weight:700}.btn.primary{color:#2b1d00;background:#e0a526;font-weight:800}.btn:focus-visible,.tile:focus-visible,.slot:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sound-toggle{width:34px;height:34px}.dm-scores{flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;display:flex}.dm-scores .score{background:#00000040;border-radius:999px;gap:5px;padding:3px 9px;display:flex}.dm-scores .score.turn{box-shadow:0 0 0 2px var(--btn-on)}.dm-scores .target{opacity:.75;padding:3px 4px}.dm-opps{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:34px;display:flex}.opp,.boneyard{background:#00000038;border-radius:10px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;display:flex}.opp.turn{box-shadow:0 0 0 2px var(--btn-on)}.opp .backs{gap:2px;display:flex}.opp .backs i{background:linear-gradient(160deg,#3b2a1a,#1d130b);border-radius:2px;width:9px;height:17px;box-shadow:inset 0 0 0 1px #fff3}.boneyard b{font-size:15px}.dm-table{background:radial-gradient(at 50% 40%,#ffffff14,#0000 70%);border-radius:16px;width:100%;min-height:0;position:relative;box-shadow:inset 0 0 0 2px #ffffff0f,inset 0 10px 30px #00000040}.dm-chain{--cell:26px;width:100%;height:100%;position:relative}.dm-empty{opacity:.8;text-align:center;place-items:center;margin:0;padding:0 20px;display:grid;position:absolute;inset:0}.dm-chain .tile{position:absolute}.dm-chain .tile.h{width:calc(var(--cell) * 2);height:var(--cell)}.dm-chain .tile.v{width:var(--cell);height:calc(var(--cell) * 2)}.dm-chain .tile.new{animation:.35s ease-out dm-drop}@keyframes dm-drop{0%{opacity:0;filter:drop-shadow(0 12px 10px #00000080);transform:scale(1.35)}}.slot{cursor:pointer;background:#ffd54a40;border:2px dashed #ffd54a;border-radius:6px;padding:0;animation:.8s ease-in-out infinite alternate dm-pulse;position:absolute}.slot.h{width:calc(var(--cell) * 2);height:var(--cell)}.slot.v{width:var(--cell);height:calc(var(--cell) * 2)}@keyframes dm-pulse{to{background:#ffd54a8c}}.tile{font:inherit;color:inherit;background:var(--domino-v,linear-gradient(160deg, var(--ivory-a), var(--ivory-b))) center / 100% 100% no-repeat;border:0;border-radius:12%/6%;padding:0;display:flex;position:relative;box-shadow:0 1px #c9b98f,0 2px #a8956a,0 5px 9px #0000006b}.tile.v{border-radius:14%/7%;flex-direction:column}.tile.h{background-image:var(--domino-h,linear-gradient(160deg, var(--ivory-a), var(--ivory-b)));border-radius:7%/14%}.tile .half{flex:1;grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center;padding:8%;display:grid}.tile.v .half+.half{border-top:1.5px solid #3c2d1973}.tile.h .half+.half{border-left:1.5px solid #3c2d1973}.tile.v .half{padding:10% 12%}.tile .pip{aspect-ratio:1;background:radial-gradient(circle at 60% 65%, #4a4540, var(--pip) 70%);border-radius:50%;width:74%;box-shadow:inset 0 1px 1.5px #000000b3,0 .5px #fffc}.tile:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#ffe9a8,#a77a1e);border-radius:50%;width:9%;position:absolute;top:50%;left:50%;translate:-50% -50%}.tile.v:after{width:16%}.dm-actions{gap:8px;min-height:0;display:flex}.dm-actions:empty{display:none}.dm-status{text-align:center;text-shadow:0 1px 2px #0009;min-height:1.3em;margin:0;font-weight:700}.dm-hand{--tw:min(46px, calc((100vw - 40px) / 8));flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;padding:2px 4px 6px;display:flex}.dm-hand .tile{width:var(--tw);height:calc(var(--tw) * 2);cursor:pointer;background-image:var(--domino-hand,linear-gradient(160deg, var(--ivory-a), var(--ivory-b)));padding-bottom:calc(var(--tw) * .13);transition:transform .15s;box-shadow:0 4px 8px #0000006b}.dm-hand .tile:after{top:46.7%}.dm-hand .tile:not(.playable){filter:brightness(.72)saturate(.7)}.dm-hand .tile.playable{box-shadow:0 0 0 2px #ffd54acc,0 6px 12px #00000073}.dm-hand .tile.picked{transform:translateY(-10px);box-shadow:0 0 0 3px #ffd54a,0 10px 18px #00000080}.overlay{z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay.later{animation:.9s step-end both dm-later}@keyframes dm-later{0%{visibility:hidden}}.dialog{background:var(--dialog);color:var(--dialog-ink);text-align:center;border-radius:14px;flex-direction:column;gap:10px;width:100%;max-width:380px;max-height:92dvh;padding:18px 20px;display:flex;overflow:auto;box-shadow:0 10px 40px #00000073}.dialog h2{margin:0;font-size:19px}.dialog p{margin:0}.sum{border-collapse:collapse;width:100%;font-size:14px}.sum th,.sum td{text-align:left;padding:4px 6px}.sum td{text-align:right;font-variant-numeric:tabular-nums}.sum tr.win th,.sum tr.win td{color:var(--win);font-weight:800}.sum tr.tilesrow td{text-align:left;padding-top:0}.sum .tiles{flex-wrap:wrap;gap:3px;display:flex}.sum .tiles .tile{width:34px;height:17px}.sum .tiles .tile:after{width:10%}@media (max-height:520px) and (min-aspect-ratio:1){#app.dm{grid-template:"bar bar""scores opps""table table"1fr"status status""hand hand"/1fr auto;gap:3px 8px;padding:4px 8px}.dm-bar{grid-area:bar}.dm-scores{grid-area:scores;justify-self:start}.dm-opps{grid-area:opps;justify-self:end;min-height:0}.dm-table{grid-area:table;height:100%}.dm-status{grid-area:status;font-size:12px}.dm-actions{grid-area:status;justify-self:end}.dm-hand{--tw:min(30px, calc((100vw - 40px) / 12));flex-wrap:nowrap;grid-area:hand}.btn{min-width:28px;min-height:28px;padding:4px 8px}.glabel{display:none}}@media (prefers-reduced-motion:reduce){.slot,.dm-chain .tile.new,.overlay.later{animation:none}}.af-count{background:#00000059;border-radius:999px;padding:3px 9px;font-weight:700}.af-count:empty{display:none}.af-count.five{background:var(--btn-on);color:var(--btn-on-ink)}.af-float{color:var(--btn-on);pointer-events:none;z-index:3;background:#000000b8;border-radius:999px;padding:2px 14px;font-size:24px;font-weight:900;animation:1.4s ease-out forwards af-float;position:absolute;top:10px;left:50%;translate:-50%}@keyframes af-float{0%{opacity:0;transform:translateY(10px)scale(.7)}20%{opacity:1;transform:none}to{opacity:0;transform:translateY(-30px)}}.dm-chain .tile.spinner{box-shadow:0 0 0 2px #ffd54ab3,0 5px 9px #0000006b}@media (prefers-reduced-motion:reduce){.af-float{opacity:0;animation:none}}.slot:before{content:"";position:absolute;inset:-8px}@media (max-height:520px) and (min-aspect-ratio:1){#app.dm{grid-template-columns:minmax(0,1fr) auto;padding:calc(clamp(6px,1.6vw,12px) + 4px)}.dm-scores{flex-wrap:nowrap;gap:4px;font-size:12px}.dm-scores>*,.opp,.boneyard{white-space:nowrap}.dm-scores .score,.af-count{padding:2px 7px}.dm-scores .target{display:none}}@media (max-height:300px){#app.dm{grid-template-columns:minmax(0,1fr) auto;gap:1px 4px;padding:10px;font-size:10px}.btn{min-width:20px;min-height:20px;padding:1px 6px;font-size:10px}.sound-toggle{width:20px;height:20px}.dm-scores{gap:3px;font-size:10px}.dm-scores .score,.af-count{padding:0 5px}.dm-scores .target{display:none}.dm-opps{gap:3px}.opp,.boneyard{gap:3px;padding:0 4px;font-size:9px}.opp .name{display:none}.opp .backs i{width:4px;height:8px}.dm-status{min-height:0;font-size:10px}.dm-empty{padding:0 6px;font-size:10px}.dm-hand{--tw:min(18px, calc((100vw - 30px) / 12));gap:3px;padding:0 2px 2px}.af-float{font-size:14px;top:2px}}