*{box-sizing:border-box}body{margin:0;padding:24px 16px 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#f1f5f9;display:flex;justify-content:center}main{width:100%;max-width:480px;text-align:center}h1{font-size:1.5rem;margin-bottom:4px}#status{font-size:1.1rem;min-height:1.5em;margin-bottom:16px;color:#94a3b8}.quilt-boards{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:16px}.quilt-board-wrap{flex:1 1 200px;max-width:260px}.quilt-board-label{font-size:.85rem;font-weight:700;margin:0 0 6px;color:#94a3b8}.quilt-board{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;margin:0 auto}.quilt-cell{aspect-ratio:1 / 1;padding:0;min-height:0;background:#1e293b;border:1px solid #334155;border-radius:3px;transition:background-color .1s ease-out,border-color .1s ease-out}.quilt-cell.filled{background:#475569}.quilt-board.interactive .quilt-cell.highlight{background:#1d4ed8;border-color:#60a5fa;transition:none}.quilt-board.interactive .quilt-cell.highlight:active{background:#1e40af}.patch-shape-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.patch-shape{display:grid;gap:1px;margin:0 auto}.patch-shape-cell{background:transparent}.patch-shape-cell.filled{background:#f8fafc;border-radius:1px}.patch-shape-stats{display:flex;gap:3px}.patch-stat{min-width:16px;padding:1px 4px;border-radius:5px;font-size:.65rem;font-weight:700;line-height:1.3;color:#0f172a}.patch-stat-cost{background:#fbbf24}.patch-stat-time{background:#60a5fa}.patch-stat-income{background:#10b981}.patch-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;margin-bottom:16px;overflow-y:auto;padding:8px;border:1px solid #334155;border-radius:10px;background:#1e293b}.patch-tile{display:flex;align-items:center;justify-content:center;min-height:68px;padding:4px;background:#0f172a;border:2px solid #334155}.patch-tile.selected{border-color:#60a5fa}.patch-tile:disabled{opacity:.1}.patch-tile.marked{border:3px solid #60a5fa;opacity:.5}.patch-tile.pickable{border:3px solid white;opacity:1}.money-row{display:flex;gap:10px;justify-content:center;margin:12px 0}.money-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid #334155;background:#1e293b;font-size:.9rem}.money-pill.is-turn{background:#fff}.money-pill-slot{font-weight:700;color:#94a3b8}.money-pill-amount{font-weight:700;color:#fbbf24}.is-turn .money-pill-slot{color:#000}.is-turn .money-pill-amount{color:#dda004}.pill-slot-0{border:2px solid #eb5a17}.pill-slot-1{border:2px solid #01ff88}.time-track{margin:0 0 16px}.time-track-bar{position:relative;display:flex;flex-direction:column;background:#334155;border:1px solid #334155;border-radius:5px}.time-track-stack{position:relative;height:10px;width:100%;border:1px solid white;background:#60a5fa;margin:4px 0;border-radius:5px;overflow:hidden}.p0-time-track-tick{position:absolute;top:0;bottom:0;width:2px;background:#eb5a17;transform:translate(-1px)}.p1-time-track-tick{position:absolute;top:0;bottom:0;width:2px;background:#01ff88;transform:translate(-1px)}.time-track-marker{position:absolute;top:50%;width:18px;height:18px;margin-left:-9px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.65rem;font-weight:700;color:#0f172a;border:2px solid #0f172a}.time-track-marker.slot-0{background:#eb5a17}.time-track-marker.slot-1{background:#01ff88}.time-track-marker.nudge-up{top:25%}.time-track-marker.nudge-down{top:75%}.time-track-labels{display:flex;justify-content:space-between;padding:0 4px;font-size:.75rem;color:#94a3b8}.controls{display:flex;gap:10px;justify-content:center;margin-bottom:16px}button{padding:12px 16px;font-size:1rem;border-radius:10px;border:none;background:#2563eb;color:#fff;min-height:44px}button:disabled{opacity:.4;cursor:not-allowed}button:active{background:#1d4ed8}.hint{font-size:.85rem;color:#64748b}.invite-panel{margin-bottom:20px;padding:12px;border:1px solid #334155;border-radius:10px;background:#1e293b;text-align:left}.invite-panel p{margin:0 0 8px;font-size:.9rem}#inviteLinkInput{width:100%;margin-bottom:8px;padding:8px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#f1f5f9;font-size:.85rem}.lobby-status{margin:0 0 16px;padding:10px 12px;border:1px solid #334155;border-radius:10px;background:#1e293b;text-align:left}.my-role{margin:0 0 8px;font-weight:700;font-size:.95rem}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.player-list li{display:flex;justify-content:space-between;padding:4px 8px;border-radius:6px;font-size:.85rem;color:#94a3b8}.player-list li.is-you{color:#f1f5f9}.player-list li.is-turn{background:#334155;color:#f8fafc;font-weight:700}