.live-game>header{margin:12px 0 24px;position:relative}.live-game h1{letter-spacing:-.05em;margin:0 0 10px;font-size:clamp(27px,4vw,38px)}.live-game h2{margin:0 0 16px;font-size:18px}.local-notice{color:var(--muted);max-width:850px;font-size:13px;line-height:1.65}.game-home{color:var(--ink);font-size:14px}.entry-grid{grid-template-columns:1.5fr 1fr;gap:18px;max-width:1000px;display:grid}.game-submission{min-width:0;margin-top:20px}.game-submission[data-entry=true]{max-width:1000px}.entry-grid>label{grid-column:1/-1;max-width:300px}.entry-grid label{flex-direction:column;gap:8px;font-size:14px;display:flex}.entry-grid .nickname-row{flex-direction:row;align-items:center;gap:12px;width:100%;max-width:380px}.nickname-row>span{white-space:nowrap;flex:none;font-weight:700}.nickname-row input{width:100%;min-width:0}.nickname-entry{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:14px;display:flex}.nickname-colors{border:0;align-items:center;gap:5px;min-width:0;margin:0;padding:0;display:flex;position:relative}.nickname-colors legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.entry-grid .nickname-colors label{cursor:pointer;display:block;position:relative}.nickname-colors input{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0}.nickname-colors span{color:#fff;width:30px;height:30px;box-shadow:0 0 0 1px var(--line);border:3px solid #fff;border-radius:50%;place-items:center;font-weight:800;display:grid}.nickname-colors input:checked+span{box-shadow:0 0 0 2px var(--ink)}.nickname-colors input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}.room-create,.room-join,.play-grid aside{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:24px}.room-create,.room-join{flex-direction:column;gap:18px;display:flex}.entry-grid input,.entry-grid select,.entry-grid textarea,.live-game form input{font:inherit;background:#fff;border:1px solid #bbbeb3;border-radius:10px;min-height:44px;padding:10px}.entry-grid button,.room-bar button,.game-action button,.live-game>button,.game-main-column>button,.live-game form button{font:inherit;border:1px solid var(--line);background:var(--lime);cursor:pointer;min-height:44px;color:var(--ink);border-radius:10px;padding:10px 16px;font-weight:700}.entry-grid button:disabled,.room-bar button:disabled,.game-action button:disabled,.live-game form button:disabled{opacity:.5;cursor:default}.settings-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.settings-row label{flex:none;min-width:0}.settings-row input,.settings-row select{box-sizing:border-box;align-self:flex-start;width:80px;max-width:100%}.room-create .mode-setting{align-self:flex-start;max-width:100%}.mode-setting select{width:auto;max-width:100%}.entry-grid textarea{resize:vertical;min-height:80px}.room-bar,.game-status{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.room-bar{border-block:1px solid var(--line);margin-bottom:14px;padding:14px 0}.room-bar>span{color:var(--muted);margin-left:auto;font-size:13px}.room-code-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.room-code-label{color:var(--muted);white-space:nowrap;font-size:13px}.room-code-group code{letter-spacing:1px;white-space:nowrap;-webkit-user-select:all;user-select:all;background:#fff;border:1px solid #bbbeb3;border-radius:8px;padding:10px 12px;font-size:16px;font-weight:700}.room-bar .copy-code{background:#fff;padding:10px 12px}.copy-code-status{color:var(--muted);flex-basis:100%;margin:0;font-size:13px;line-height:1.6}.copy-code-status:empty{display:none}.room-host{align-items:baseline;gap:6px;min-width:0;font-size:14px;display:flex}.room-host>span{color:var(--muted);white-space:nowrap;font-size:13px}.room-host b{overflow-wrap:anywhere}.game-status{min-height:32px;margin-bottom:var(--game-status-gap);grid-template-columns:minmax(112px,1fr) minmax(0,max-content) minmax(112px,1fr);align-items:center;column-gap:32px;display:grid}.game-progress{white-space:nowrap;grid-area:1/1;justify-self:end;font-size:13px}.game-focus{display:contents}.game-subject{scrollbar-width:none;white-space:nowrap;grid-area:1/2;justify-self:center;align-items:center;gap:8px;min-width:0;max-width:100%;height:28px;display:flex;overflow-x:auto}.game-subject>span{color:var(--muted);flex-shrink:0;font-size:13px}.game-subject strong{flex-shrink:0;min-width:0;font-size:22px}.game-time{font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/3;justify-self:start;align-items:center;gap:8px;font-size:15px;display:flex}.game-time>span{color:var(--muted);font-size:13px}.multiplayer-board-viewport{min-width:0;position:relative}.game-board-overlays{pointer-events:none;position:absolute;inset:0 0 auto}.game-board-overlay{z-index:2;pointer-events:none;padding:clamp(10px,2vw,20px);display:flex;position:absolute;inset:0}.game-board-overlay-center{justify-content:center;align-items:center}.game-board-overlay-top{align-items:flex-start}.game-board-overlay>.game-action{pointer-events:auto;box-sizing:border-box;max-width:100%;max-height:100%;margin:0;overflow:auto}.game-board-overlay-top>.game-action{width:100%}.game-action.game-choice-card{text-align:center;border-radius:12px;width:max-content;max-width:min(100%,560px);padding:12px}.game-choice-card p{margin:0}.game-word-choices{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.game-action .game-word-choices button{overflow-wrap:anywhere;min-width:88px;max-width:100%;margin:0;padding:8px 12px}.game-board-next{justify-content:flex-end}.game-board-next>button{pointer-events:auto;font:inherit;border:1px solid var(--line);background:var(--lime);min-height:44px;color:var(--ink);cursor:pointer;border-radius:10px;align-self:flex-start;padding:10px 16px;font-weight:700}.game-board-next>button:disabled{opacity:.5;cursor:default}.game-board-notice{z-index:3;border:1px solid var(--line);background:var(--panel);color:var(--muted);pointer-events:none;border-radius:10px;margin:0;padding:8px 12px;font-size:12px;line-height:1.5;position:absolute;inset:auto 12px 12px}.game-action{border:1px solid var(--line);background:#eff8d7;border-radius:18px;margin:0 0 12px;padding:16px 20px}.game-action button{margin:0 8px 6px 0}.play-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:18px;margin-top:14px;display:grid}.game-main-column{--game-status-gap:4px;min-width:0;container-type:inline-size}.play-grid aside{flex-direction:column;min-width:0;padding:18px;display:flex}.game-scores{flex:none;max-height:280px;overflow:auto}.game-scores summary{cursor:pointer;min-height:32px;color:var(--muted);justify-content:flex-end;align-items:center;font-size:20px;font-weight:700;list-style:none;display:flex}.game-scores summary::-webkit-details-marker{display:none}.score-toggle-icon{justify-content:center;width:32px;display:inline-flex}.game-scores[open] .score-toggle-icon{transform:rotate(180deg)}.game-scores summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.scoreboard .player-role{font-size:12px;line-height:1}.scoreboard .player-status{justify-content:center;align-items:center;width:18px;display:flex}.scoreboard .player-solved{color:var(--ink);font-weight:800}.scoreboard .player-name{overflow-wrap:anywhere;min-width:0}.scoreboard .player-score{white-space:nowrap;font-variant-numeric:tabular-nums}.game-palette-slot{--drawing-palette-docked:1;min-width:0}.game-palette-slot:empty,.score-toggle-label{display:none}.game-palette-controls{flex:none;min-width:0}.game-palette-controls:has(.game-palette-slot:empty){display:none}.game-palette-heading{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.game-palette-heading button{color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:32px;padding:5px 0 5px 12px;font-size:12px}@media (width>=801px){.play-grid .game-sidebar[data-drawing=true]{padding-top:14px}.game-sidebar[data-drawing=true] .game-scores{border-top:1px solid var(--line)}.game-sidebar[data-drawing=true] .score-toggle-label{color:var(--ink);margin-right:auto;font-size:14px;display:inline}.play-grid .game-sidebar[data-drawing=true] .chat-area{min-height:180px}}.scoreboard{margin:0 0 10px;padding-left:0;list-style:none}.scoreboard li{grid-template-columns:18px minmax(0,1fr) auto;align-items:baseline;gap:6px;padding:3px 0;font-size:15px;line-height:1.35;display:grid}.scoreboard small{color:var(--muted);margin-top:1px;font-size:12px;display:block}.scoreboard small:empty{display:none}.chat-log{overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto;scrollbar-gutter:stable;border:1px solid var(--line);background:#fff;border-radius:12px;height:300px;margin-top:16px;padding:10px;overflow:auto}.chat-log p{overflow-wrap:anywhere;margin:0;padding:4px 6px;font-size:14px;line-height:1.4}.chat-area{min-width:0;position:relative}.play-grid .chat-area{flex:1;min-height:240px;margin-top:10px}.play-grid .chat-log{height:auto;margin:0;position:absolute;inset:0}.play-grid aside>form{flex:none}.chat-latest{border:1px solid var(--line);background:var(--lime);max-width:calc(100% - 32px);min-height:36px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0002}.chat-latest[hidden]{display:none}.chat-log:focus-visible,.chat-latest:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.chat-message+.chat-message{border-top:1px solid #f0f0ea}.chat-log .chat-system{color:#52574a;background:#f1f3ec;border-radius:8px;margin:2px 0;font-size:13px}.chat-nickname{font-weight:800}.chat-nickname span{margin:0 7px 0 2px}.chat-body{color:var(--ink)}.live-game form{gap:8px;margin-top:10px;display:flex}.live-game form input{width:100%;min-width:0}.live-game form button{white-space:nowrap}.game-error{background:#fff0ea;border-left:4px solid #af382f;padding:12px;line-height:1.6}@media (width<=1050px){.play-grid{grid-template-columns:minmax(0,1fr) 290px}.play-grid aside{padding:14px}}@media (width<=800px){.play-grid,.entry-grid{grid-template-columns:1fr}.chat-log{height:240px}.play-grid aside{min-height:440px}}@container (width<=480px){.game-status{grid-template-columns:minmax(96px,1fr) minmax(0,max-content) minmax(96px,1fr);column-gap:8px}.game-progress,.game-subject>span,.game-time>span{font-size:11px}.game-time{gap:4px;font-size:13px}}@media (width<=800px){.game-palette-slot{--drawing-palette-docked:0}.game-palette-controls{display:none}}.restart-result{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.restart-result h2{white-space:nowrap;margin:0}.restart-result p{margin:0;font-size:14px}.restart-result .restart-winner{text-align:center;overflow-wrap:anywhere}.restart-result .restart-wait{font-size:13px}.restart-result button{white-space:nowrap;margin:0}.restart-settings.entry-grid{max-width:none;display:block}.restart-settings .room-create{flex-direction:column;gap:20px;min-height:440px;margin-top:0;display:flex}.restart-settings .settings-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.restart-settings h2{margin:0}.settings-heading>span{color:var(--muted);font-size:13px}.restart-settings fieldset{border:0;gap:22px;min-width:0;margin:0;padding:0;display:grid}.restart-settings label{flex-direction:column;gap:8px;font-size:14px;display:flex}.restart-settings textarea{resize:vertical;width:100%;min-height:125px}.restart-settings .settings-row select,.restart-settings .settings-row input{width:90px}.restart-settings .settings-buttons{justify-content:flex-end;gap:10px;display:flex}.restart-settings .settings-buttons .secondary{background:#fff}.restart-settings .settings-buttons button{min-width:100px}.restart-settings fieldset:disabled{opacity:.7}.restart-wait{color:var(--muted);font-size:14px}@media (width<=800px){.restart-result{grid-template-columns:auto minmax(0,1fr);gap:12px}.restart-result .restart-winner{text-align:right}.restart-result button,.restart-result .restart-wait{grid-column:1/-1;justify-self:end}}.live-game .game-results{border:1px solid var(--line,#ccc);background:var(--surface,#fff);border-radius:14px;width:max-content;max-width:100%;margin:24px auto 28px;padding:16px}.live-game .game-results header{justify-content:space-between;align-items:center;gap:28px;margin:0 0 10px;display:flex}.live-game .game-results h2{margin:0;font-size:18px}.live-game .game-results table{border-collapse:collapse;margin:auto}.live-game .game-results th,.live-game .game-results td{border-bottom:1px solid var(--line,#ddd);vertical-align:middle;padding:10px 12px}.live-game .game-results th{white-space:nowrap;font-size:12px;font-weight:500}.live-game .game-results td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.live-game .result-nickname{overflow-wrap:anywhere;max-width:20ch;display:inline-block}.live-game .result-choice{text-align:center;width:1.5em;font-size:18px;display:inline-block}.live-game .result-choices{justify-content:center;gap:6px;margin-top:10px;display:flex}.live-game .result-choices button{width:auto;min-height:40px;font:inherit;border:1px solid var(--line);background:var(--lime);color:var(--ink);cursor:pointer;border-radius:8px;padding:7px 12px;font-weight:700}.live-game .result-choices button:last-child{background:var(--panel)}.live-game .result-choices button:disabled{opacity:.45;cursor:default}.live-game .result-choices button[aria-pressed=true]{outline:2px solid #718c1e}.live-game .game-results p{overflow-wrap:anywhere;min-width:100%;max-width:0;margin:10px 0 0;font-size:12px}@media (width<=400px){.live-game .game-results{padding:12px 8px}.live-game .game-results td,.live-game .game-results th{padding:9px 6px}.live-game .result-nickname{max-width:10ch}}
