:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f1e8;--surface:#fffdf8;--ink:#1c211d;--muted:#667068;--line:#c9c7bd;--accent:#315f4a;--accent-dark:#244737;--good:#28734d;--good-soft:#dcece1;--bad:#a4443f;--bad-soft:#f3dedb;--accent-contrast:#fff;--tile-border:#777b75;--correct-ink:#174d32;--incorrect-ink:#742d29;--warning:#745929;--dialog-copy:#414942;--focus:#d69c3e;--tile-shadow:#1c211d12;--drag-shadow:#1c211d29;--dialog-shadow:#1c211d3d;--backdrop:#14191585}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#111612;--surface:#19201b;--ink:#f2eee4;--muted:#a7b0a9;--line:#3b463e;--accent:#79b594;--accent-dark:#92c7a8;--good:#70c794;--good-soft:#193729;--bad:#ee8f87;--bad-soft:#452523;--accent-contrast:#102018;--tile-border:#69736b;--correct-ink:#b4ebc6;--incorrect-ink:#ffc0b9;--warning:#d4b36e;--dialog-copy:#c9d0ca;--focus:#efb85c;--tile-shadow:#0003;--drag-shadow:#00000073;--dialog-shadow:#0000008c;--backdrop:#020503b8}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;transition:background-color .2s,color .2s}body{min-height:100vh;margin:0;overflow-x:clip}a{color:inherit;text-underline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}main{min-height:100vh}.theme-toggle{z-index:20;top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);box-shadow:0 3px 14px var(--tile-shadow);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .2s,background-color .2s,border-color .2s,transform .15s;display:grid;position:fixed}.theme-toggle:hover{border-color:var(--ink);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-icon-moon{display:none}.theme-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}:root[data-theme=dark] .theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-moon{display:block}.game-page{padding:clamp(64px,10vw,112px) 16px 48px}.game-card{width:min(100%,760px);margin:0 auto}.game-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.heading-actions{align-items:center;gap:16px;display:flex}.archive-link{min-height:44px;color:var(--ink);align-items:center;gap:7px;font-weight:750;text-decoration:none;display:flex}.archive-link-icon{fill:currentColor;flex:none;width:18px;height:18px}.archive-link-icon.calendar-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:800}h1,h2,h3,p{text-wrap:pretty}.game-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.25rem,7vw,4rem);line-height:.95}.hint-button{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-weight:700;display:flex}.hint-button span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:18px;height:18px;font-size:.72rem;display:grid}.instruction{margin:76px 0 30px}.instruction h2{letter-spacing:-.015em;margin:0 0 5px;font-size:1.05rem}.instruction p{color:var(--muted);margin:0;font-size:.93rem}.tile-scroll{width:100%;overflow:visible}.tile-row{gap:clamp(4px,1vw,10px);width:100%;height:84px;display:flex}.domino-tile{border:1.5px solid var(--tile-border);background:var(--surface);min-width:0;height:84px;color:var(--ink);letter-spacing:.01em;cursor:grab;touch-action:none;box-shadow:0 1px 0 var(--tile-shadow);border-radius:8px;flex:1 1 0;padding:0 clamp(2px,.7vw,6px);font-size:clamp(.58rem,1.6vw,.94rem);font-weight:800;position:relative}.domino-tile:not(:disabled):hover{border-color:var(--ink);transform:translateY(-1px)}.domino-tile.dragging{cursor:grabbing;box-shadow:0 10px 24px var(--drag-shadow);opacity:.92}.domino-tile:disabled{opacity:1;cursor:default}.domino-tile.correct{border:2px solid var(--good);background:var(--good-soft);color:var(--correct-ink)}.domino-tile.incorrect{border:2px dashed var(--bad);background:var(--bad-soft);color:var(--incorrect-ink)}.position-mark{font-size:.84rem;line-height:1;position:absolute;top:5px;right:6px}.attempts{justify-content:center;align-items:center;gap:10px;height:36px;margin-top:42px;display:flex}.attempts-label{color:var(--muted);font-size:.82rem;font-weight:700}.attempt-dots{align-items:center;gap:8px;display:flex}.attempt-dots i{border:1px solid var(--accent);border-radius:50%;width:8px;height:8px;transition:background-color .2s,transform .2s}.attempt-dots .remaining{background:var(--accent)}.attempt-dots .used{opacity:.4;background:0 0;transform:scale(.8)}.action-slot{text-align:center;min-height:91px;margin-top:20px}.primary-button,.secondary-button{cursor:pointer;border-radius:6px;min-height:48px;padding:0 28px;font-weight:800;transition:background-color .15s,transform .15s}.primary-button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast)}.primary-button:hover:not(:disabled){background:var(--accent-dark)}.primary-button:active:not(:disabled),.secondary-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:wait;opacity:.68}.submit-button{min-width:150px}.secondary-button{border:1px solid var(--ink);color:var(--ink);background:0 0}.status-message{min-height:23px;color:var(--muted);margin:12px 0 0;font-size:.88rem}.save-warning{text-align:center;color:var(--warning);font-size:.8rem}.result-panel{border-top:1px solid var(--line);margin-top:28px;padding:32px 0 0}.result-kicker{color:var(--good);text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:.72rem;font-weight:800}.result-panel.lost .result-kicker{color:var(--bad)}.result-panel>h2{letter-spacing:-.035em;margin:0 0 24px;font-size:1.8rem}.solution-block{margin:30px 0}.solution-block h3{text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.76rem}.solution-block .domino-tile{background:var(--surface);border-color:var(--ink)}.connections{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:28px 0;padding:0;list-style:none;display:grid}.connections li{background:var(--surface);flex-direction:column;gap:4px;min-height:68px;padding:14px;display:flex}.connections strong{letter-spacing:.03em;font-size:.76rem}.connections span{color:var(--muted);font-size:.72rem}.help-dialog{border:1px solid var(--line);background:var(--surface);width:min(100% - 32px,600px);max-height:min(88vh,720px);color:var(--ink);box-shadow:0 30px 80px var(--dialog-shadow);border-radius:10px;padding:clamp(24px,5vw,42px);overflow-y:auto}.help-dialog[open]{animation:.22s ease-out both dialog-enter}.help-dialog::backdrop{background:var(--backdrop);animation:.18s ease-out both backdrop-enter}.dialog-top{justify-content:space-between;align-items:center;display:flex}.dialog-top h2{letter-spacing:-.035em;margin:0;font-size:1.7rem}.icon-button{cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:1.8rem}.help-dialog>p{color:var(--dialog-copy);line-height:1.55}.example-chain{border-block:1px solid var(--line);letter-spacing:.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:24px 0 18px;padding:18px 12px;font-size:.74rem;font-weight:800;display:flex}.example-chain span{color:var(--accent)}.example-list{padding-left:22px;font-size:.85rem;line-height:1.7}.muted{font-size:.86rem;color:var(--muted)!important}.stats-dialog{border:1px solid var(--line);background:var(--surface);width:min(100% - 32px,460px);color:var(--ink);box-shadow:0 30px 80px var(--dialog-shadow);border-radius:10px;padding:30px}.stats-dialog[open]{animation:.22s ease-out both dialog-enter}.stats-dialog:focus{outline:none}.stats-dialog::backdrop{background:var(--backdrop);animation:.18s ease-out both backdrop-enter}.stats-dialog .dialog-top{align-items:flex-start}.stats-dialog .dialog-top h2{font-size:1.8rem}.stats-summary{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0 32px;display:grid}.stats-summary div{gap:5px;display:grid}.stats-summary strong{letter-spacing:-.04em;font-size:1.75rem}.stats-summary span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:750}.guess-distribution h3{letter-spacing:.1em;text-transform:uppercase;margin:0 0 15px;font-size:.78rem}.distribution-row{grid-template-columns:20px 1fr;align-items:center;gap:8px;margin:7px 0;font-size:.78rem;font-weight:800;display:grid}.distribution-row i{background:var(--good-soft);min-width:27px;height:27px;color:var(--ink);justify-content:flex-end;align-items:center;padding-right:8px;font-style:normal;transition:width .35s ease-out;display:flex}.distribution-row i.current{background:var(--accent);color:var(--accent-contrast)}.stats-share{width:auto;margin:30px 0 0 auto;display:block}.archive-nav{justify-content:center;align-items:center;gap:7px;width:min(100%,760px);margin:0 auto 34px;display:flex}.archive-nav-button,.archive-choose{white-space:nowrap;border:1px solid var(--line);background:var(--surface);width:max-content;min-height:36px;color:var(--ink);border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0 10px;font-size:.75rem;font-weight:800;text-decoration:none;display:flex}.archive-nav-button.disabled{color:var(--muted);opacity:.45}.archive-choose{cursor:pointer;position:relative}.archive-choose>span{align-items:center;gap:5px;display:flex}.archive-choose strong{color:var(--muted)}.archive-choose select{opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;inset:0}.archive-choose select:focus{outline:none}.loading-state,.unavailable-state{text-align:center;min-height:410px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.loader{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:23px;height:23px;margin-bottom:15px;animation:.8s linear infinite spin}.unavailable-state h1{color:var(--ink);letter-spacing:-.04em;margin:4px 0}.unavailable-state .primary-button{margin-top:16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}.shake{animation:.28s ease-out shake}@media (max-width:640px){.theme-toggle{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.game-page{padding-top:62px}.game-heading{align-items:center}.heading-actions{gap:8px}.archive-link{font-size:0}.archive-link-icon{width:20px;height:20px}.hint-button{font-size:0}.hint-button span{width:20px;height:20px;font-size:.78rem}.archive-nav{gap:3px}.archive-nav-button,.archive-choose{padding-inline:7px;font-size:.65rem}.instruction{margin-top:64px}.domino-tile{height:76px}.tile-row{gap:3px;height:76px}.attempts{margin-top:36px}.connections{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
