.game-result-dialog{margin:auto;padding:var(--space-6);width:min(28rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid var(--gold);border-radius:var(--panel-radius);background:linear-gradient(145deg,var(--surface-raised),var(--surface));color:var(--text);box-shadow:0 20px 70px #0008}.game-result-dialog::backdrop{background:#16090dc9}.game-result-dialog h2{font-size:1.5rem;color:var(--gold);margin-bottom:var(--space-3)}.game-result-dialog p{margin-bottom:var(--space-4);overflow-wrap:anywhere}.dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.completion-dialog{text-align:center;animation:result-enter .18s ease-out}.completion-dialog h2{font-size:2rem}.completion-dialog p{font-size:.9rem}.result-emblem{display:grid;place-items:center;width:80px;height:80px;margin:0 auto var(--space-4);border:2px solid var(--gold);border-radius:50%;color:var(--gold);background:var(--page);font-size:3rem;box-shadow:0 0 0 6px #e6b85c12}@keyframes result-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.completion-dialog{animation:none}}.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}.setup-panel{padding:var(--space-3);border-radius:var(--panel-radius);background:var(--surface);border:1px solid var(--border)}.setup-panel h2{font-size:1.125rem;margin-bottom:var(--space-2)}.setup-panel fieldset{display:flex;flex-direction:column;gap:var(--space-2);border:0;padding:0;margin-bottom:var(--space-2)}.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)}.setup-readonly{display:grid;gap:var(--space-2)}.removal-panel{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--panel-radius)}.removal-panel label{display:flex;align-items:center;gap:var(--space-2)}.removal-panel p{margin:var(--space-2) 0}.removed-pieces{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:var(--space-2) 0;list-style:none}.removed-pieces li{display:flex}.removed-pieces button{padding:var(--space-1);min-width:40px;min-height:40px}.removed-pieces img{display:block;object-fit:contain}.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}.room-invite{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-width:0}.room-invite .room-heading{margin:0;font-size:1rem;font-weight:600;white-space:nowrap}.room-invite input{min-width:0;width:min(100%,28rem)}.room-invite [role=status]:empty{display:none}.room-tab-content [hidden]{display:none}.room-start{padding:.5rem}.room-sidebar{display:flex;flex-direction:column;gap:var(--space-2);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: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) 22.5rem;flex:1;min-height:35rem;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:6rem}.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(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--space-2)}.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;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:2rem}.seat-card-heading strong{min-width:0;overflow-wrap:anywhere}.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{display:flex;gap:0;border-bottom:1px solid var(--border)}.room-tabs button{flex:1;min-width:0;padding:var(--space-2);overflow-wrap:anywhere;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{min-height:0;min-width:0;overflow:auto;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(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 .participants{padding:.75rem}.switch-row input:disabled{border-style:solid;cursor:default}.coffee-trigger{color:var(--gold)}.coffee-dialog{width:min(720px,calc(100vw - 24px))}.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(560px,100%);height:auto;margin:16px auto;background:#fff}.coffee-payment p{margin-top:8px}@media(max-width:420px){.coffee-dialog{padding:16px}.coffee-heading{align-items:flex-start;flex-wrap:wrap}}: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-title: "Noto Serif", Georgia, "Times New Roman", serif;--control-height: 40px;--font: "Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/be-vietnam-pro-vietnamese-400-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/be-vietnam-pro-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/be-vietnam-pro-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/be-vietnam-pro-vietnamese-600-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/be-vietnam-pro-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/be-vietnam-pro-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/noto-serif-vietnamese-600-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/noto-serif-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/noto-serif-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*: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}h1,h2{font-family:var(--font-title);font-weight:600;line-height:1.3}.game-page{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-3)}.game-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-2)}.room-header-slot{flex:1;min-width:0}.room-header-slot:empty{display:none}.game-header h1{margin-right:auto}.language-selector{display:flex;gap:var(--space-1)}.language-selector button{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:.8rem}.language-selector img{border-radius:2px}.language-selector [aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 -3px var(--gold)}@media(max-width:40rem){.room-header-slot:not(:empty){order:1;flex-basis:100%}}.game-header h1{font-size:1.5rem;text-align:center}.game-header a{color:inherit;text-decoration:none}.home-page{padding:var(--space-3);border-radius:var(--panel-radius);background-color:var(--surface)}.home-page h2,.room-heading{margin-bottom:.75rem}.game-layout{display:grid;gap:var(--space-2);grid-template-columns:1fr}.board-region,.status-region{padding:var(--space-3);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:var(--space-3);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:var(--control-height);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:var(--control-height);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)}