/* A compact playing surface; settings remain available without restarting. */
.game-actions{display:flex;gap:12px;align-items:center}.focus-toggle{font-size:11px;border:1px solid #ded6ed;border-radius:8px;padding:8px 10px;background:#fff;color:#6740b9;min-height:36px}
body.play-focus{overflow:hidden}body.play-focus>header,body.play-focus>footer,body.play-focus .intro,body.play-focus .reference,body.play-focus .leaderboard-section{display:none}
body.play-focus main{padding:0;margin:0;display:block;max-width:none}
.play-focus .workspace{position:fixed;inset:0;max-width:none;width:100%;height:var(--play-height,100dvh);padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;flex-direction:column;background:#fff;overflow:hidden}
.play-focus .party-setup,.play-focus .online-panel,.play-focus .settings,.play-focus .fx-settings,.play-focus .notes{display:none}
.play-focus .game-top{order:-2;margin:0;gap:8px;min-height:40px;flex-shrink:0}.play-focus .game-top .eyebrow{display:none}.play-focus .game-top h2{font-size:14px;margin:0;line-height:1.3;max-width:42vw}.play-focus .game-actions{gap:8px}.play-focus #hint{font-size:10px;max-width:90px;min-height:36px;padding:6px 8px;border:1px solid #d8c8f3;border-radius:8px}.play-focus #hint:disabled{opacity:.5}.play-focus .focus-toggle{font-size:10px;min-height:36px}
.play-focus .scoreboard{order:-1;margin:3px 0 5px;gap:3px;grid-template-columns:repeat(4,minmax(0,1fr));flex-shrink:0}.play-focus .player-score,.play-focus .player-score.current{padding:3px 5px;border-radius:7px;border-width:1px;gap:3px}.play-focus .player-name{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-focus .player-score strong{font-size:11px}.play-focus .player-score small{font-size:9px;margin:0}
.play-focus .stats{margin:4px 0;gap:8px;flex-shrink:0}.play-focus .stats div{padding:0;display:flex;gap:5px;align-items:baseline}.play-focus .stats span{font-size:9px}.play-focus .stats strong{font-size:16px;margin:0}.play-focus .reward-row{min-height:20px;font-size:9px;gap:10px;flex-shrink:0}.play-focus .reward-row strong{font-size:12px}.play-focus .combo-banner{font-size:10px}.play-focus .progress-track{margin:4px 0;height:3px;flex-shrink:0}.play-focus .status{margin:3px 0 6px;min-height:0;height:28px;font-size:10px;line-height:1.4;overflow:hidden;flex-shrink:0}
.play-focus .board{grid-template-columns:repeat(var(--fit-cols,4),minmax(0,1fr));grid-auto-rows:var(--fit-height,80px);gap:4px;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;flex:1;overscroll-behavior:contain;padding:1px 1px 4px}
.play-focus .card{height:100%;border-radius:8px;padding:3px;min-height:0}.play-focus .card .structure{height:calc(100% - 12px);min-height:18px;width:100%;overflow:hidden}.play-focus .card .symbol{font-size:22px}.play-focus .card .num{font-size:8px;bottom:3px}.play-focus .kind{font-size:7px;margin-bottom:2px}.play-focus .name{font-size:var(--fit-font,12px);line-height:1.25;font-weight:500}.play-focus .alias{font-size:8px;margin-top:2px}.play-focus .tiny-cards .kind,.play-focus .tiny-cards .alias{display:none}.play-focus .tiny-cards .card .structure{height:100%}
.play-focus .turn-gate{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:min(90vw,400px);z-index:20;box-shadow:0 0 0 100vmax #ffffffc9,0 10px 40px #6840cd33;padding:20px}.play-focus .turn-gate h2{font-size:22px}.play-focus .turn-gate .primary{min-height:44px}

.help-meter{font-size:12px;color:#696373;line-height:1.5;margin:0 0 10px;min-height:20px}.help-meter[data-ready="true"]{color:#6840cd;font-weight:600}#hint.help-ready{color:#fff;background:#8052ff;border-radius:8px;padding:8px 12px}.play-focus .help-meter{font-size:10px;height:18px;min-height:18px;line-height:18px;margin:0 0 4px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-focus #hint.help-ready{color:#fff;border-color:#8052ff;padding:6px 8px}

.card.inspectable{cursor:zoom-in}#structureDialog{max-height:90dvh;padding:16px}#closeDiagram{min-width:80px;min-height:44px;padding:10px 16px;border:1px solid #ded6ed;border-radius:10px}#largeDiagram{max-height:58dvh;margin-top:16px;padding:8px;overscroll-behavior:contain}.diagram-actions{position:sticky;bottom:0;padding-top:14px;background:#fff}.diagram-actions .primary{max-width:none;min-height:48px;justify-content:center;text-align:center}.diagram-actions .primary:disabled{background:#e9e3f4;color:#696373;cursor:default}.large-card-name{font-size:clamp(24px,6vw,40px);font-weight:500;line-height:1.6;text-align:center;padding:30px 8px;overflow-wrap:anywhere}.large-card-name small{display:block;font-size:16px;margin:10px 0 0}
