:root{--bg:#f7f5f0;--panel:#fff;--text:#2b2a33;--muted:#6f6b78;--border:#dedad2;--board:#efe8d8;--board-alt:#e8dfcb;--grid:#d6ccb5;--accent:#2f6fde;--bad:#d23c3c;--shadow:0 1px 2px #0000000f, 0 4px 12px #0000000f;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#17171c;--panel:#212128;--text:#ececf1;--muted:#9d9aa8;--border:#34343d;--board:#2b2a30;--board-alt:#313037;--grid:#3d3c45;--shadow:0 1px 2px #0000004d, 0 4px 12px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,select{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.4rem .8rem}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:.55rem 1.6rem;font-weight:600}.muted{color:var(--muted)}.app{max-width:1200px;margin:0 auto;padding:0 16px 24px}header h1{letter-spacing:.02em;margin:16px 0 12px;font-size:1.5rem}.game{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}@media (width<=820px){.game{grid-template-columns:minmax(0,1fr)}}aside{flex-direction:column;gap:14px;display:flex}.hint{margin:0;font-size:.85rem}.board{aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;max-height:calc(100svh - 80px);display:block}.board-touch{touch-action:pinch-zoom;-webkit-touch-callout:none}@media (pointer:coarse){.board{max-height:calc(100svh - 140px)}}.board-wrap{min-width:0}.place-bar{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:.85rem;display:flex}.rotate-badge circle{fill:var(--panel);stroke:var(--text);stroke-width:.05px}.rotate-badge path{fill:none;stroke:var(--text);stroke-width:.07px;stroke-linecap:round;stroke-linejoin:round}.cell{fill:var(--board);stroke:var(--grid);stroke-width:.03px}.cell-alt{fill:var(--board-alt)}.tile{stroke:#00000059;stroke-width:.05px}.tile-last{stroke:var(--text);stroke-width:.1px}.preview{opacity:.6;stroke:var(--text);stroke-width:.06px;stroke-dasharray:.2 .12}.preview-bad{fill:#0000;stroke:var(--bad);stroke-width:.1px;opacity:.9}.win-dot{fill:#fff;stroke:#00000080;stroke-width:.04px}.status,.tray,.setup{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:14px}.headline{flex-wrap:wrap;align-items:center;gap:6px;font-size:1.05rem;font-weight:600;display:flex}.headline .muted{font-size:.9rem;font-weight:400}.headline.win{font-size:1.3rem}.thinking{color:var(--muted);font-style:italic;font-weight:400}.chip{border-radius:4px;flex:none;width:14px;height:14px;display:inline-block}.players,.seats{margin:12px 0;padding:0;list-style:none}.players li,.seats li{border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.players li.active{background:color-mix(in srgb, var(--accent) 12%, transparent)}.pname{min-width:3.8em;font-weight:600}.pcount{font-variant-numeric:tabular-nums;margin-left:auto}.actions{gap:8px;display:flex}.tray{flex-direction:column;gap:8px;display:flex}.tray-tile{text-align:left;grid-template-columns:76px 1fr auto;align-items:center;gap:10px;display:grid}.tray-tile.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent)}.mini-tile{justify-self:start;height:15px}.tray-count{font-variant-numeric:tabular-nums;color:var(--muted)}.setup{max-width:520px;margin:12px auto}.setup h2{margin:0 0 12px;font-size:1.2rem}.seats .goal{flex:1;font-size:.85rem}.rules{margin-top:16px;font-size:.9rem}.rules summary{cursor:pointer;font-weight:600}.rules ul{padding-left:1.2em}@media (width<=480px){.seats li{flex-wrap:wrap}.seats select{width:100%}}.online-heading{border-top:1px solid var(--border);padding-top:20px;margin-top:28px!important}.online-blurb{margin:0 0 12px;font-size:.9rem}.online-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.connection{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:10px 14px;font-size:.9rem}.connection p{margin:0}.connection-opponent-left,.connection-waiting{border-color:color-mix(in srgb, #e6b400 60%, var(--border))}.connection-unreachable,.connection-insecure{border-color:color-mix(in srgb, #d33 60%, var(--border))}.invite{flex-direction:column;gap:6px;margin-top:10px;display:flex}.invite-row{gap:6px;display:flex}.invite-row input{min-width:0;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;flex:1;padding:.4rem .6rem;font-size:.85rem}.find{text-align:center}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:16px auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}