.room-lifecycle-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.participants{border-top:1px solid var(--border);margin-top:1rem;padding-top:.5rem}.participants h3{font-size:1rem;margin:.5rem 0}.participants ul{list-style:none;padding:0;margin:0}.participants li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0}.participant-label{font-weight:600}.participant-badges{display:flex;flex-wrap:wrap;gap:.3rem;flex:1}.participant-badges span{background:var(--surface-raised);border-radius:.25rem;padding:.15rem .35rem;font-size:.8rem}.room-sidebar{display:flex;flex-direction:column;gap:1rem;min-width:0}.setup-panel{padding:1rem;border-radius:var(--panel-radius);background:var(--surface);border:1px solid var(--border)}.setup-panel h2{font-size:1.125rem;margin-bottom:.75rem}.setup-panel fieldset{display:flex;flex-direction:column;gap:.75rem;border:0;padding:0;margin-bottom:.75rem}.setup-panel label{display:flex;align-items:center;gap:.5rem}.setup-panel input[type=number]{min-width:0;width:6rem}.setup-panel button{min-height:2.5rem}.setup-panel dt{font-weight:600;margin-top:.5rem}.setup-panel dd{margin-left:0}.setup-panel [role=alert]{color:var(--error)}.removal-panel{padding:1rem;border:1px solid var(--border);border-radius:var(--panel-radius)}.removal-panel h2{margin-top:0}.removal-panel ul{padding-left:1.25rem}.removal-panel li{margin:.5rem 0}.removal-panel li button{margin-left:.5rem}.match-actions{padding:1rem;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface)}.match-actions h2{margin-top:0}.match-action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.game-result-dialog{margin:auto;padding:1.5rem;width:min(26rem,calc(100% - 2rem));border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface);color:inherit}.game-result-dialog::backdrop{background:#0006}.game-result-dialog h2{font-size:1.25rem;margin-bottom:.75rem}.game-result-dialog p{margin-bottom:1.25rem}.room-invite{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.room-invite .room-heading{margin:0;font-size:1.1rem}.room-invite input{min-width:0;max-width:100%}.room-tabs{display:flex;gap:.25rem}.room-tabs button{flex:1;min-width:0;padding:.5rem;overflow-wrap:anywhere}.room-tabs [aria-selected=true]{background:var(--surface);border-color:var(--gold)}.room-tab-content{min-height:0;min-width:0;overflow:auto}.room-tab-content [hidden]{display:none}.room-start{padding:.5rem}.room-sidebar{display:flex;flex-direction:column;gap:.5rem;min-width:0}.room-action-region{display:flex;flex-wrap:wrap;gap:.5rem}.room-action-region .match-actions{padding:.5rem;flex:1;min-width:0}.room-action-region h2{font-size:.9rem;margin:0 0 .25rem}.room-action-region p{margin:.25rem 0;overflow-wrap:anywhere}.room-request-region:empty,.room-action-region:empty{display:none}.room-request-region .match-actions{padding:.25rem .5rem}.room-request-region p{overflow-wrap:anywhere}.room-sidebar .status-region{padding:.5rem}.room-sidebar .status-region h2{display:none}.room-sidebar .status-fields{gap:.25rem}.room-sidebar .status-field{flex-wrap:wrap}.room-sidebar button,.room-sidebar p{overflow-wrap:anywhere}.room-sidebar .setup-panel label{flex-wrap:wrap}@media(min-width:80rem){.game-page>.game-header{margin-bottom:.5rem}.game-page:has(.room-workspace){height:100dvh}.room-workspace{display:flex;flex-direction:column;flex:1;min-height:0}.room-invite{flex-shrink:0}.room-workspace .game-layout{grid-template-columns:minmax(0,1fr) 360px;flex:1;min-height:37rem;width:100%;max-width:1400px;margin:auto}.room-workspace .board-region{min-width:0;min-height:0;display:flex;flex-direction:column}.room-workspace .board-graphics{flex:1;min-height:0}.room-tab-content{flex:1;min-height:8rem}.room-sidebar{min-height:0}}.room-icon{width:1.1em;height:1.1em;flex:none;vertical-align:middle}.room-workspace .board-region{padding:0;border:0;background:transparent;border-radius:0}.room-workspace .board-header{justify-content:center;margin-bottom:.25rem}.room-sidebar .seat-panel{padding:.5rem}.seat-cards,.seat-clock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.seat-card{padding:.5rem;border:1px solid var(--border);border-radius:var(--control-radius);min-width:0;background:var(--surface)}.seat-card-red{border-top:3px solid var(--error)}.seat-card-black{border-top:3px solid var(--gold)}.seat-card-heading{display:flex;align-items:center;gap:.35rem;min-height:2rem}.seat-card-heading button{margin-left:auto;padding:0 .5rem;min-height:2rem}.seat-owner{display:block;min-height:2rem;padding-top:.25rem;overflow-wrap:anywhere}.seat-claim{width:100%;min-height:2rem}.seat-roles{display:flex;gap:.5rem;min-height:1.25rem;font-size:.8rem;color:var(--muted)}.seat-clock-row{display:grid;grid-template-columns:15% 70% 15%;align-items:center;min-width:0;padding-top:.5rem}.seat-clock-row time{text-align:center;font-size:1.3rem;font-variant-numeric:tabular-nums;white-space:nowrap}.seat-clock-row time .room-icon{font-size:.75em;margin-right:.25rem}.turn-arrow{color:var(--gold);display:flex;justify-content:center}.room-match-toolbar{display:flex;gap:.25rem;flex-wrap:wrap}.room-match-toolbar:empty{display:none}.room-match-toolbar .match-actions{display:contents}.room-match-toolbar button{flex:1;padding:.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.room-tabs{gap:0;border-bottom:1px solid var(--border)}.room-tabs button{display:flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent}.room-tabs [aria-selected=true]{border-bottom-color:var(--gold);background:var(--surface)}.room-tab-content{background:var(--surface);border-radius:0 0 var(--panel-radius) var(--panel-radius)}.room-sidebar .setup-panel{padding:.75rem;border:0}.room-sidebar .setup-panel h2{font-size:1rem;margin-bottom:.5rem}.time-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.time-presets [aria-pressed=true]{border-color:var(--gold);background:var(--surface-raised, var(--surface))}.time-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.room-sidebar .time-inputs label{display:flex;flex-direction:column;align-items:stretch;font-size:.85rem}.room-sidebar .time-inputs input{width:100%}.switch-row{justify-content:space-between;flex-direction:row-reverse}.switch-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.25rem;height:1.25rem;border:1px solid var(--border);border-radius:1rem;background:var(--muted);position:relative;flex:none;cursor:pointer}.switch-row input:before{content:"";position:absolute;top:.125rem;left:.125rem;width:.875rem;height:.875rem;border-radius:50%;background:var(--surface)}.switch-row input:checked{background:var(--gold)}.switch-row input:checked:before{left:1.125rem}.switch-row input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.room-feedback p{margin:.25rem 0}.room-feedback dl:empty{display:none}.room-feedback .status-field{flex-wrap:wrap}.room-request-region .match-actions{border:0;padding:.25rem}.room-action-region .room-start{padding:0;width:100%}.room-action-region .room-start>button{width:100%}@media(min-width:80rem){.room-workspace .game-layout{min-height:35rem}.room-sidebar{gap:.35rem}.room-tab-content{min-height:6rem}}@media(max-width:23.4375rem){.room-sidebar .time-inputs{grid-template-columns:1fr}}.viewer-role{font-size:.8rem;color:var(--muted);margin:.25rem 0 0}.room-sidebar .removal-panel{padding:.75rem;border:0;border-top:1px solid var(--border);border-radius:0}.room-sidebar .removal-panel h2{font-size:1rem}.room-sidebar .participants{padding:.75rem}.coffee-trigger{color:var(--gold)}.coffee-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:var(--space-6);border:2px solid var(--gold);border-radius:var(--panel-radius);background:var(--surface);color:var(--text)}.coffee-dialog::backdrop{background:#14090ccc}.coffee-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.coffee-heading h2{font-size:1.35em}.coffee-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7em),1fr));gap:12px;margin:20px 0}.coffee-choices button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;min-width:0}.coffee-choices button[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:2px;background:var(--page)}.coffee-badge{display:grid;place-items:center;width:80px;height:80px;padding:10px;border:3px double var(--gold);border-radius:50%;background:var(--parchment);box-shadow:0 0 0 3px var(--surface-raised),0 0 0 4px var(--gold);position:relative}.coffee-badge:after{content:"✦";position:absolute;bottom:-11px;color:var(--gold);background:var(--surface);font-size:16px;line-height:1}.coffee-badge img{width:100%;height:100%;object-fit:contain}.coffee-badge-guta img,.coffee-badge-highlands img{background:var(--surface);border-radius:50%;padding:4px}.coffee-payment{border-top:1px solid var(--border);padding-top:16px;overflow-wrap:anywhere}.coffee-payment h3{margin:0 0 8px;color:var(--gold)}.coffee-qr{display:block;width:min(320px,100%);height:auto;margin:16px auto;background:#fff}.coffee-payment dl{margin:12px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px}.coffee-payment dt{color:var(--muted)}.coffee-payment p{margin-top:8px}@media(max-width:420px){.coffee-dialog{padding:16px}.coffee-heading{align-items:flex-start;flex-wrap:wrap}.coffee-payment dl{display:block}.coffee-payment dd{margin-bottom:8px}}:root{color-scheme:dark;--page: #241216;--surface: #351a21;--surface-raised: #44232b;--border: #a47d87;--text: #f7ede0;--muted: #cdbaaf;--gold: #e6b85c;--gold-hover: #f2ca79;--error: #ffb4ab;--success: #b5ddbd;--parchment: #eed5a6;--board-ink: #80502e;--board-edge: #795335;--board-motif: #946641;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--control-radius: 8px;--panel-radius: 12px;--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font);line-height:1.5;color:var(--text);background-color:var(--page)}#root{min-height:100vh}h1,h2,p,dl,dd,dt{margin:0}.game-page{display:flex;flex-direction:column;min-height:100vh;padding:1rem}.game-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.language-selector{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.language-selector select{max-width:100%}.game-header h1{font-size:1.5rem;text-align:center}.game-header a{color:inherit;text-decoration:none}.home-page{padding:1rem;border-radius:var(--panel-radius);background-color:var(--surface)}.home-page h2,.room-heading{margin-bottom:.75rem}.game-layout{display:grid;gap:1rem;grid-template-columns:1fr}.board-region,.status-region{padding:1rem;border-radius:var(--panel-radius);background-color:var(--surface);border:1px solid var(--border)}.board-region h2,.status-region h2{font-size:1.125rem;margin-bottom:.75rem}.board-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.board-header h2{margin-bottom:0}.board-graphics{display:flex;flex-direction:column;align-items:center;gap:.75rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.board-controls{display:flex;gap:.5rem}.board-controls button{min-width:2.5rem;min-height:2.5rem;font-size:1.25rem;line-height:1;border:1px solid var(--border);border-radius:var(--control-radius);background-color:var(--surface);cursor:pointer}.board-controls button:disabled{color:var(--muted);cursor:not-allowed}.status-fields{display:grid;gap:.75rem}.status-field{display:flex;gap:.5rem}.status-field dt{font-weight:600}.status-field dd{margin-left:0;color:var(--muted)}.seat-panel{padding:1rem;border-radius:var(--panel-radius);background:var(--surface);border:1px solid var(--border)}.seat-panel h2{font-size:1.125rem;margin-bottom:.5rem}.seat-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.seat-row span:first-child{min-width:3rem;font-weight:600}.seat-row button{min-height:2.5rem}.seat-error{color:var(--error);margin-top:.5rem}@media(min-width:80rem){.game-layout{grid-template-columns:2fr 1fr}.game-header h1{text-align:left}}@media(max-width:23.4375rem){.game-page{padding:.5rem}.board-region,.status-region{padding:.75rem;min-width:0;word-break:break-word}}.board-svg{display:block;width:100%;max-width:100%;height:auto;border-radius:16px;box-shadow:0 5px 12px #0003}.board-background{fill:var(--parchment)}.board-grid{stroke:var(--board-ink);stroke-width:2;fill:none}.piece-layer{pointer-events:none}.piece-image{display:block}.last-move-marker{fill:none;stroke:#9ca3af;stroke-width:3}.last-move-source-marker{fill:#9ca3af}.legal-destination-marker{fill:#22c55e}.selected-piece-marker{fill:none;stroke:#2563eb;stroke-width:3}.board-hit-area{fill:transparent;cursor:pointer}.board-feedback-dots{pointer-events:none}button,input,select{font:inherit}button{min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--control-radius);color:var(--text);background:var(--surface-raised);cursor:pointer}button:hover:not(:disabled){background:var(--surface);border-color:var(--gold)}button:active:not(:disabled){background:var(--page)}button:disabled,input:disabled,select:disabled{color:var(--muted);background:var(--surface);cursor:not-allowed;border-style:dashed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.button-primary,button[type=submit]{background:var(--gold);border-color:var(--gold);color:var(--page);font-weight:600}.button-primary:hover:not(:disabled),button[type=submit]:hover:not(:disabled){background:var(--gold-hover)}.button-primary:active:not(:disabled),button[type=submit]:active:not(:disabled){background:var(--gold)}.button-danger{color:var(--error);border-color:var(--error)}input,select{min-height:40px;max-width:100%;padding:var(--space-2);color:var(--text);background:var(--page);border:1px solid var(--border);border-radius:var(--control-radius)}input[type=checkbox]{min-height:auto;accent-color:var(--gold)}a{color:var(--gold);overflow-wrap:anywhere}a:hover{color:var(--gold-hover)}[role=alert]{color:var(--error)}[role=status]{color:var(--muted)}.home-page>p{margin-top:var(--space-3)}.room-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;padding:0;margin-top:12px;list-style:none}.room-list li{min-width:0}.room-list a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:1px solid var(--border);border-radius:var(--panel-radius);text-decoration:none}.room-list a:hover{background:var(--surface-raised, var(--surface))}.room-list a:focus-visible{outline:2px solid var(--gold, #d8b36a);outline-offset:2px}.status-field time{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.status-field dd[data-running=true]{color:var(--gold)}.game-result-dialog button+button{margin-left:var(--space-2)}.button-primary:disabled,button[type=submit]:disabled{color:var(--muted);background:var(--surface);border-color:var(--border)}