:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17181c;--surface:#23252b;--surface-2:#30333b;--border:#383b44;--text:#ecebe8;--muted:#9b9da6;--accent:#e3b23c;--on-accent:#1d1600;--danger:#f2686c;--online:#4cc38a;--sq-light:#ead9b8;--sq-dark:#a9805c;--radius:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f1ec;--surface:#fff;--surface-2:#e8e4dc;--border:#d9d4ca;--text:#1e1e21;--muted:#6c6c74;--accent:#c98a12;--on-accent:#fff;--danger:#c9343a;--online:#2a9d63}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-height:100dvh;color:var(--text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;flex-direction:column;margin:0;display:flex}p,h2,ol,ul{margin:0;padding:0}.muted{color:var(--muted)}.topbar{--bar:48px;height:var(--bar);flex:none;align-items:center;gap:12px;padding:0 16px;display:flex}.brand{letter-spacing:-.02em;color:var(--text);font-size:1.25rem;font-weight:700;text-decoration:none}.brand b{color:var(--accent)}.room-tag{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.offline-pill{background:var(--surface-2);color:var(--muted);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.8rem}.btn{appearance:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;padding:0 16px;font-weight:600}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn.danger{color:var(--danger)}.btn.big{min-height:56px;font-size:1.1rem}.btn.small{min-height:36px;padding:0 12px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen{flex:1;width:100%}.loading{color:var(--muted);place-items:center;display:grid}.lobby{flex-direction:column;gap:24px;max-width:440px;margin:0 auto;padding:8px 16px 32px;display:flex}.tagline{color:var(--muted)}.lobby-footer{color:var(--muted);text-align:center;margin-top:auto;font-size:.9rem}.lobby-footer a{color:var(--accent);font-weight:600;text-decoration:none}.new-game{flex-direction:column;gap:8px;display:flex}.new-game .btn.big{width:100%}.options summary{min-height:40px;color:var(--muted);cursor:pointer;touch-action:manipulation;align-items:center;gap:12px;padding:0 4px;font-size:.9rem;list-style:none;display:flex}.options summary::-webkit-details-marker{display:none}.options-toggle{color:var(--accent);white-space:nowrap;margin-left:auto;font-weight:600}.options-toggle:after{content:" ▾"}.options[open] .options-toggle:after{content:" ▴"}.options[open] summary{margin-bottom:4px}.option{border:0;min-width:0;margin:0 0 16px;padding:0}.option legend,.option-head{color:var(--muted);justify-content:space-between;margin-bottom:8px;padding:0;font-size:.9rem;display:flex}.option-head output{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.seg{border-radius:var(--radius);background:var(--surface-2);gap:3px;padding:3px;display:flex}.seg label{flex:1;min-width:0;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{height:38px;color:var(--muted);white-space:nowrap;pointer-events:none;border-radius:9px;place-items:center;padding:0 4px;font-size:.9rem;font-weight:600;display:grid}.seg input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000040}.seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}input[type=range]{width:100%;height:32px;accent-color:var(--accent);touch-action:pan-y;margin:0}.credits{font-size:.8rem}.credits a{color:inherit}.join label{color:var(--muted);margin-bottom:8px;font-size:.9rem;display:block}.join-row{gap:8px;display:flex}.join input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;height:48px;color:var(--text);letter-spacing:.3em;flex:1;padding:0 16px;font:600 1.25rem/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.join input::placeholder{color:var(--muted);opacity:.5}.join .btn{min-height:48px}.open-games h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.8rem;font-weight:600}.rooms{flex-direction:column;gap:8px;list-style:none;display:flex}.room{appearance:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:56px;color:var(--text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;align-items:center;gap:12px;padding:0 16px;display:flex}.room-code{letter-spacing:.1em;font:600 1.25rem/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.room-info{flex-direction:column;min-width:0;font-size:.85rem;line-height:1.3;display:flex}.room-join{color:var(--accent);margin-left:auto;font-weight:600}.game{--chrome:290px;--board:clamp(200px, min(100vw, 100dvh - var(--chrome)), 620px);flex-direction:column;align-items:center;display:flex}.board-col{width:var(--board)}.side{width:min(100vw, max(var(--board), 360px));flex-direction:column;gap:10px;padding:4px 12px 12px;display:flex}@media (orientation:landscape) and (height<=560px){.game{--board:clamp(160px, min(100dvh - 48px - 2 * 36px - 8px, 100vw - 320px), 620px);flex-direction:row;justify-content:center;align-items:flex-start;gap:8px}.side{width:300px;padding-top:40px}}.player{height:36px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;font-size:.9rem;display:flex}.player.to-move{color:var(--text);font-weight:600}.player .dot{background:var(--muted);opacity:.5;border-radius:50%;flex:none;width:8px;height:8px}.player[data-presence=online] .dot{background:var(--online);opacity:1}.player .who{white-space:nowrap}.captured{min-width:0;color:var(--muted);align-items:center;margin-left:auto;font-size:.8rem;font-weight:400;display:flex;overflow:hidden}.captured .piece{flex:none;width:18px;height:18px;margin-right:-6px}.captured .piece:last-of-type{margin-right:5px}.clock{background:var(--surface);min-width:64px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;border-radius:6px;flex:none;margin-left:8px;padding:3px 8px;font:600 1.05rem/1.2 ui-monospace,SF Mono,Menlo,Consolas,monospace}.clock.running{background:var(--text);color:var(--bg)}.clock.low{color:var(--danger)}.clock.running.low{background:var(--danger);color:#fff}.status{min-height:2.8em;color:var(--muted);align-items:center;display:flex}.status.attention{color:var(--text);font-weight:600}.prompt{border-radius:var(--radius);background:var(--surface);align-items:center;gap:8px;padding:8px 8px 8px 12px;font-size:.9rem;display:flex}.prompt span{flex:1}.moves{background:var(--surface);scrollbar-width:none;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:14px;height:32px;padding:0 12px;font-size:.9rem;list-style-position:inside;display:flex;overflow-x:auto}.moves::-webkit-scrollbar{display:none}.moves:empty:before{content:"No moves yet";color:var(--muted)}.moves li{flex:none}.moves li::marker{color:var(--muted)}.actions{gap:8px;display:flex}.actions .btn{flex:1;padding:0 8px}.board-wrap{width:var(--board);height:var(--board);position:relative}.board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.squares{grid-template:repeat(8,1fr)/repeat(8,1fr);display:grid;position:absolute;inset:0}@media (width>=640px){.squares{border-radius:6px;overflow:hidden}}.sq{position:relative}.sq.light{background:var(--sq-light);color:var(--sq-dark)}.sq.dark{background:var(--sq-dark);color:var(--sq-light)}.sq:before,.sq:after{content:"";pointer-events:none;position:absolute;inset:0}.sq.last:before{background:#f6d63c73}.sq.check:before{background:radial-gradient(circle,#eb281ef2 0%,#dc1e1499 45%,#0000 80%)}.sq.selected:before{background:#3c8c5099}.sq.target:after{background:#141e1447;border-radius:50%;inset:34%}.sq.target.occupied:after{box-shadow:inset 0 0 0 calc(var(--board) / 8 * .09) #141e1447;background:0 0;border-radius:50%;inset:0}.sq.hover:after{box-shadow:none;background:#3c8c5073;border-radius:0;inset:0}.coord{font-size:clamp(9px, calc(var(--board) / 8 * .2), 13px);opacity:.85;font-weight:700;line-height:1;position:absolute}.coord.rank{top:3px;left:3px}.coord.file{bottom:2px;left:3px}.pieces{pointer-events:none;position:absolute;inset:0}.piece{background:50%/cover no-repeat;display:block}.pieces .piece{will-change:transform;width:12.5%;height:12.5%;transition:transform .16s ease-out,opacity .16s;position:absolute;top:0;left:0}.pieces .piece.dragging{z-index:2;filter:drop-shadow(0 4px 6px #00000059);transition:none}.pieces .piece.gone{opacity:0}.board.no-anim .piece{transition:none}.piece.wp{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20width='45'%20height='45'%20viewBox='0%200%2045%2045'%3e%3cpath%20fill='%23fff'%20stroke='%23000'%20stroke-linecap='round'%20stroke-width='1.5'%20d='M22.5%209c-2.21%200-4%201.79-4%204%200%20.89.29%201.71.78%202.38C17.33%2016.5%2016%2018.59%2016%2021c0%202.03.94%203.84%202.41%205.03-3%201.06-7.41%205.55-7.41%2013.47h23c0-7.92-4.41-12.41-7.41-13.47%201.47-1.19%202.41-3%202.41-5.03%200-2.41-1.33-4.5-3.28-5.62.49-.67.78-1.49.78-2.38%200-2.21-1.79-4-4-4z'/%3e%3c/svg%3e")}.piece.wn{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20width='45'%20height='45'%20viewBox='0%200%2045%2045'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cpath%20fill='%23fff'%20d='M22%2010c10.5%201%2016.5%208%2016%2029H15c0-9%2010-6.5%208-21'/%3e%3cpath%20fill='%23fff'%20d='M24%2018c.38%202.91-5.55%207.37-8%209-3%202-2.82%204.34-5%204-1.042-.94%201.41-3.04%200-3-1%200%20.19%201.23-1%202-1%200-4.003%201-4-4%200-2%206-12%206-12s1.89-1.9%202-3.5c-.73-.994-.5-2-.5-3%201-1%203%202.5%203%202.5h2s.78-1.992%202.5-3c1%200%201%203%201%203'/%3e%3cpath%20fill='%23000'%20d='M9.5%2025.5a.5.5%200%201%201-1%200%20.5.5%200%201%201%201%200m5.433-9.75a.5%201.5%2030%201%201-.866-.5.5%201.5%2030%201%201%20.866.5'/%3e%3c/g%3e%3c/svg%3e")}.piece.wb{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20width='45'%20height='45'%20viewBox='0%200%2045%2045'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cg%20fill='%23fff'%20stroke-linecap='butt'%3e%3cpath%20d='M9%2036c3.39-.97%2010.11.43%2013.5-2%203.39%202.43%2010.11%201.03%2013.5%202%200%200%201.65.54%203%202-.68.97-1.65.99-3%20.5-3.39-.97-10.11.46-13.5-1-3.39%201.46-10.11.03-13.5%201-1.35.49-2.32.47-3-.5%201.35-1.94%203-2%203-2z'/%3e%3cpath%20d='M15%2032c2.5%202.5%2012.5%202.5%2015%200%20.5-1.5%200-2%200-2%200-2.5-2.5-4-2.5-4%205.5-1.5%206-11.5-5-15.5-11%204-10.5%2014-5%2015.5%200%200-2.5%201.5-2.5%204%200%200-.5.5%200%202z'/%3e%3cpath%20d='M25%208a2.5%202.5%200%201%201-5%200%202.5%202.5%200%201%201%205%200z'/%3e%3c/g%3e%3cpath%20stroke-linejoin='miter'%20d='M17.5%2026h10M15%2030h15m-7.5-14.5v5M20%2018h5'/%3e%3c/g%3e%3c/svg%3e")}.piece.wr{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20width='45'%20height='45'%20viewBox='0%200%2045%2045'%3e%3cg%20fill='%23fff'%20fill-rule='evenodd'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cpath%20stroke-linecap='butt'%20d='M9%2039h27v-3H9zm3-3v-4h21v4zm-1-22V9h4v2h5V9h5v2h5V9h4v5'/%3e%3cpath%20d='m34%2014-3%203H14l-3-3'/%3e%3cpath%20stroke-linecap='butt'%20stroke-linejoin='miter'%20d='M31%2017v12.5H14V17'/%3e%3cpath%20d='m31%2029.5%201.5%202.5h-20l1.5-2.5'/%3e%3cpath%20fill='none'%20stroke-linejoin='miter'%20d='M11%2014h23'/%3e%3c/g%3e%3c/svg%3e")}.piece.wq{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20width='45'%20height='45'%20viewBox='0%200%2045%2045'%3e%3cg%20fill='%23fff'%20fill-rule='evenodd'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cpath%20d='M8%2012a2%202%200%201%201-4%200%202%202%200%201%201%204%200m16.5-4.5a2%202%200%201%201-4%200%202%202%200%201%201%204%200M41%2012a2%202%200%201%201-4%200%202%202%200%201%201%204%200M16%208.5a2%202%200%201%201-4%200%202%202%200%201%201%204%200M33%209a2%202%200%201%201-4%200%202%202%200%201%201%204%200'/%3e%3cpath%20stroke-linecap='butt'%20d='M9%2026c8.5-1.5%2021-1.5%2027%200l2-12-7%2011V11l-5.5%2013.5-3-15-3%2015-5.5-14V25L7%2014z'/%3e%3cpath%20stroke-linecap='butt'%20d='M9%2026c0%202%201.5%202%202.5%204%201%201.5%201%201%20.5%203.5-1.5%201-1.5%202.5-1.5%202.5-1.5%201.5.5%202.5.5%202.5%206.5%201%2016.5%201%2023%200%200%200%201.5-1%200-2.5%200%200%20.5-1.5-1-2.5-.5-2.5-.5-2%20.5-3.5%201-2%202.5-2%202.5-4-8.5-1.5-18.5-1.5-27%200z'/%3e%3cpath%20fill='none'%20d='M11.5%2030c3.5-1%2018.5-1%2022%200M12%2033.5c6-1%2015-1%2021%200'/%3e%3c/g%3e%3c/svg%3e")}.piece.wk{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20viewBox='0%200%2045%2045'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cpath%20stroke-linejoin='miter'%20d='M22.5%2011.63V6M20%208h5'/%3e%3cpath%20fill='%23fff'%20stroke-linecap='butt'%20stroke-linejoin='miter'%20d='M22.5%2025s4.5-7.5%203-10.5c0%200-1-2.5-3-2.5s-3%202.5-3%202.5c-1.5%203%203%2010.5%203%2010.5'/%3e%3cpath%20fill='%23fff'%20d='M11.5%2037c5.5%203.5%2015.5%203.5%2021%200v-7s9-4.5%206-10.5c-4-6.5-13.5-3.5-16%204V27v-3.5c-3.5-7.5-13-10.5-16-4-3%206%205%2010%205%2010z'/%3e%3cpath%20d='M11.5%2030c5.5-3%2015.5-3%2021%200m-21%203.5c5.5-3%2015.5-3%2021%200m-21%203.5c5.5-3%2015.5-3%2021%200'/%3e%3c/g%3e%3c/svg%3e")}.piece.bp{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20width='45'%20height='45'%20viewBox='0%200%2045%2045'%3e%3cpath%20stroke='%23000'%20stroke-linecap='round'%20stroke-width='1.5'%20d='M22.5%209a4%204%200%200%200-3.22%206.38%206.48%206.48%200%200%200-.87%2010.65c-3%201.06-7.41%205.55-7.41%2013.47h23c0-7.92-4.41-12.41-7.41-13.47a6.46%206.46%200%200%200-.87-10.65A4.01%204.01%200%200%200%2022.5%209z'/%3e%3c/svg%3e")}.piece.bn{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20width='45'%20height='45'%20viewBox='0%200%2045%2045'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cpath%20fill='%23000'%20d='M22%2010c10.5%201%2016.5%208%2016%2029H15c0-9%2010-6.5%208-21'/%3e%3cpath%20fill='%23000'%20d='M24%2018c.38%202.91-5.55%207.37-8%209-3%202-2.82%204.34-5%204-1.04-.94%201.41-3.04%200-3-1%200%20.19%201.23-1%202-1%200-4%201-4-4%200-2%206-12%206-12s1.89-1.9%202-3.5c-.73-1-.5-2-.5-3%201-1%203%202.5%203%202.5h2s.78-2%202.5-3c1%200%201%203%201%203'/%3e%3cpath%20fill='%23ececec'%20stroke='%23ececec'%20d='M9.5%2025.5a.5.5%200%201%201-1%200%20.5.5%200%201%201%201%200m5.43-9.75a.5%201.5%2030%201%201-.86-.5.5%201.5%2030%201%201%20.86.5'/%3e%3cpath%20fill='%23ececec'%20stroke='none'%20d='m24.55%2010.4-.45%201.45.5.15c3.15%201%205.65%202.49%207.9%206.75S35.75%2029.06%2035.25%2039l-.05.5h2.25l.05-.5c.5-10.06-.88-16.85-3.25-21.34s-5.79-6.64-9.19-7.16z'/%3e%3c/g%3e%3c/svg%3e")}.piece.bb{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20width='45'%20height='45'%20viewBox='0%200%2045%2045'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cg%20fill='%23000'%20stroke-linecap='butt'%3e%3cpath%20d='M9%2036c3.4-1%2010.1.4%2013.5-2%203.4%202.4%2010.1%201%2013.5%202%200%200%201.6.5%203%202-.7%201-1.6%201-3%20.5-3.4-1-10.1.5-13.5-1-3.4%201.5-10.1%200-13.5%201-1.4.5-2.3.5-3-.5%201.4-2%203-2%203-2z'/%3e%3cpath%20d='M15%2032c2.5%202.5%2012.5%202.5%2015%200%20.5-1.5%200-2%200-2%200-2.5-2.5-4-2.5-4%205.5-1.5%206-11.5-5-15.5-11%204-10.5%2014-5%2015.5%200%200-2.5%201.5-2.5%204%200%200-.5.5%200%202z'/%3e%3cpath%20d='M25%208a2.5%202.5%200%201%201-5%200%202.5%202.5%200%201%201%205%200z'/%3e%3c/g%3e%3cpath%20stroke='%23ececec'%20stroke-linejoin='miter'%20d='M17.5%2026h10M15%2030h15m-7.5-14.5v5M20%2018h5'/%3e%3c/g%3e%3c/svg%3e")}.piece.br{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20width='45'%20height='45'%20viewBox='0%200%2045%2045'%3e%3cg%20fill-rule='evenodd'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cpath%20stroke-linecap='butt'%20d='M9%2039h27v-3H9zm3.5-7%201.5-2.5h17l1.5%202.5zm-.5%204v-4h21v4z'/%3e%3cpath%20stroke-linecap='butt'%20stroke-linejoin='miter'%20d='M14%2029.5v-13h17v13z'/%3e%3cpath%20stroke-linecap='butt'%20d='M14%2016.5%2011%2014h23l-3%202.5zM11%2014V9h4v2h5V9h5v2h5V9h4v5z'/%3e%3cpath%20fill='none'%20stroke='%23ececec'%20stroke-linejoin='miter'%20stroke-width='1'%20d='M12%2035.5h21m-20-4h19m-18-2h17m-17-13h17M11%2014h23'/%3e%3c/g%3e%3c/svg%3e")}.piece.bq{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20width='45'%20height='45'%20viewBox='0%200%2045%2045'%3e%3cg%20fill-rule='evenodd'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cg%20stroke='none'%3e%3ccircle%20cx='6'%20cy='12'%20r='2.75'/%3e%3ccircle%20cx='14'%20cy='9'%20r='2.75'/%3e%3ccircle%20cx='22.5'%20cy='8'%20r='2.75'/%3e%3ccircle%20cx='31'%20cy='9'%20r='2.75'/%3e%3ccircle%20cx='39'%20cy='12'%20r='2.75'/%3e%3c/g%3e%3cpath%20stroke-linecap='butt'%20d='M9%2026c8.5-1.5%2021-1.5%2027%200l2.5-12.5L31%2025l-.3-14.1-5.2%2013.6-3-14.5-3%2014.5-5.2-13.6L14%2025%206.5%2013.5z'/%3e%3cpath%20stroke-linecap='butt'%20d='M9%2026c0%202%201.5%202%202.5%204%201%201.5%201%201%20.5%203.5-1.5%201-1.5%202.5-1.5%202.5-1.5%201.5.5%202.5.5%202.5%206.5%201%2016.5%201%2023%200%200%200%201.5-1%200-2.5%200%200%20.5-1.5-1-2.5-.5-2.5-.5-2%20.5-3.5%201-2%202.5-2%202.5-4-8.5-1.5-18.5-1.5-27%200z'/%3e%3cpath%20fill='none'%20stroke-linecap='butt'%20d='M11%2038.5a35%2035%201%200%200%2023%200'/%3e%3cpath%20fill='none'%20stroke='%23ececec'%20d='M11%2029a35%2035%201%200%201%2023%200m-21.5%202.5h20m-21%203a35%2035%201%200%200%2022%200m-23%203a35%2035%201%200%200%2024%200'/%3e%3c/g%3e%3c/svg%3e")}.piece.bk{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='color-scheme:light%20only'%20viewBox='0%200%2045%2045'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cpath%20stroke-linejoin='miter'%20d='M22.5%2011.6V6'/%3e%3cpath%20fill='%23000'%20stroke-linecap='butt'%20stroke-linejoin='miter'%20d='M22.5%2025s4.5-7.5%203-10.5c0%200-1-2.5-3-2.5s-3%202.5-3%202.5c-1.5%203%203%2010.5%203%2010.5'/%3e%3cpath%20fill='%23000'%20d='M11.5%2037a22.3%2022.3%200%200%200%2021%200v-7s9-4.5%206-10.5c-4-6.5-13.5-3.5-16%204V27v-3.5c-3.5-7.5-13-10.5-16-4-3%206%205%2010%205%2010z'/%3e%3cpath%20stroke-linejoin='miter'%20d='M20%208h5'/%3e%3cpath%20stroke='%23ececec'%20d='M32%2029.5s8.5-4%206-9.7C34.1%2014%2025%2018%2022.5%2024.6v2.1-2.1C20%2018%209.9%2014%207%2019.9c-2.5%205.6%204.8%209%204.8%209'/%3e%3cpath%20stroke='%23ececec'%20d='M11.5%2030c5.5-3%2015.5-3%2021%200m-21%203.5c5.5-3%2015.5-3%2021%200m-21%203.5c5.5-3%2015.5-3%2021%200'/%3e%3c/g%3e%3c/svg%3e")}.overlay{z-index:5;background:#0a0a0c8c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay.fullscreen{z-index:20;position:fixed}.card{background:var(--surface);text-align:center;border-radius:16px;flex-direction:column;gap:12px;max-width:320px;padding:20px;display:flex;box-shadow:0 12px 32px #00000059}.card .code{letter-spacing:.12em;margin-top:-10px;margin-right:-.12em;font:700 2.75rem/1.1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.promo-card{flex-direction:row;gap:4px;padding:8px}.promo-card button{appearance:none;width:clamp(48px, calc(var(--board) / 6), 84px);aspect-ratio:1;background:var(--surface-2);cursor:pointer;border:0;border-radius:10px;padding:4px}.promo-card .piece{width:100%;height:100%}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;border-radius:var(--radius);background:var(--text);width:max-content;max-width:calc(100vw - 32px);color:var(--bg);padding:10px 16px;font-size:.9rem;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}