.game-header{display:grid;grid-template-columns:minmax(250px,1fr) minmax(410px,520px) minmax(220px,300px);gap:26px;align-items:end}.game-header>div:first-child{min-width:0}.controls{display:grid;grid-template-columns:185px minmax(200px,1fr);gap:26px;align-items:end;min-width:0}.action-buttons,.setting-fields{display:grid;gap:8px}.action-buttons button{min-height:40px}.select-tip{position:relative}.select-tip select{width:100%}.select-tip span{position:absolute;z-index:5;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:220px;transform:translateX(-50%);padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#0a1c1e;color:var(--text);font-size:.76rem;font-weight:700;line-height:1.3;visibility:hidden;opacity:0;transition:opacity .15s;pointer-events:none}.select-tip:hover span,.select-tip:focus-within span{visibility:visible;opacity:1}.secondary-button{border-color:var(--line)!important;background:var(--panel-hi)!important;color:var(--text)!important}.setup-note,.scores-overview,.play-scoreboard{border:1px solid var(--line);border-radius:14px;background:rgba(10,28,30,.92);padding:16px}.setup-note strong{color:var(--accent)}.setup-note p{margin:8px 0 0;color:var(--muted);line-height:1.5}.scores-overview{width:min(860px,100%);margin:26px auto 0}.scores-overview h2,.play-scoreboard h2{margin:0;font-size:clamp(1.35rem,2.2vw,1.8rem)}.status-panel{width:100%;grid-template-columns:repeat(3,1fr);align-content:start;margin:0}.status-panel p{grid-column:1/-1;justify-content:flex-start;text-align:left}.exit-game{grid-column:1/-1;border:1px solid var(--line);background:#10282a;color:var(--text);padding:9px 12px;font-weight:750;cursor:pointer}.score-name-label{display:block;margin:18px 0 7px;color:var(--muted);font-size:.85rem;font-weight:700}.music-info-dialog input,#player-name{width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;padding:0 11px;background:#0a1c1e;color:var(--text);font:inherit}.dialog-actions{display:flex;gap:9px;justify-content:center;margin-top:14px}.dialog-actions button{border:0;border-radius:9px;padding:11px 14px;background:#123235;color:var(--text);font-weight:900;cursor:pointer}.scores-note{color:var(--muted);line-height:1.45}.scores-list{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.scores-list li{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#0a1c1e}.scores-list small{color:var(--muted)}.scores-empty{color:var(--muted);padding:14px 0}.game-view[hidden]{display:none!important}.play-layout{display:contents}body.is-playing{overflow:hidden}body.is-playing>.top,body.is-playing>footer,body.is-playing>.online-app-controls,body.is-playing .setup-view{display:none!important}body.is-playing .page-shell{width:100%;max-width:none;height:100vh;padding:clamp(8px,1.2vw,18px);display:flex;align-items:center;justify-content:center}body.is-playing .game-view{width:min(100%,calc(100vh * 2.05));display:grid;gap:10px}body.is-playing .play-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px;align-items:start}body.is-playing .board-wrap{display:flex;justify-content:center;overflow:visible;padding:0}body.is-playing .board{width:min(100%,calc(100vh - 138px));min-width:0!important;margin:auto;gap:clamp(3px,.45vw,8px);padding:clamp(4px,.45vw,9px);border-radius:14px}.play-scoreboard{max-height:calc(100vh - 138px);overflow:auto}.play-scoreboard .scores-list{margin-top:12px}.play-scoreboard .scores-list li{padding:8px;font-size:.82rem}@media(max-width:1180px){body.is-playing .play-layout{display:block}.play-scoreboard{display:none}}@media(max-width:1080px){.game-header{grid-template-columns:1fr 1fr}.setup-note{grid-column:1/-1}}@media(max-width:760px){.game-header,.controls{grid-template-columns:1fr}.dialog-actions{flex-direction:column}body.is-playing .page-shell{height:100dvh;padding:8px}body.is-playing .game-view{width:100%;gap:6px}body.is-playing .board{width:min(100%,calc(100dvh - 164px))}.status-panel{grid-template-columns:repeat(3,1fr)}}
body.is-playing .game-view{width:min(100%,calc(100vh * 1.7))}body.is-playing .play-layout{grid-template-columns:minmax(0,1fr) minmax(220px,280px)}body.is-playing .play-layout .status-panel{grid-template-columns:1fr;min-height:0;margin:0}.play-scoreboard{display:none}@media(max-width:1180px){body.is-playing .play-layout{display:flex;flex-direction:column}body.is-playing .play-layout .status-panel{order:-1;width:100%;grid-template-columns:repeat(3,1fr)}body.is-playing .play-layout .status-panel p,body.is-playing .play-layout .status-panel .exit-game{grid-column:1/-1}}
.setup-view{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);column-gap:24px;align-items:start}.setup-view .game-header{grid-column:1/-1;grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(220px,300px)}.setup-view .scores-overview{grid-column:2/-1;width:100%;margin:26px 0 0}@media(max-width:1080px){.setup-view{display:block}.setup-view .scores-overview{margin:26px 0 0}}