/* Arcade shift desk: retain large-print pages and the 3D room. */
:root{--ink:#123d3c;--muted:#3d6259;--paper:#fff8e8;--ground:#c9dfca;--line:#8caf9b;--green:#087973;--orange:#b23f26}
.masthead{background:#fff8e8;border-bottom:3px solid #123d3c}.brand-accent{color:#b23f26}.lobby-link{font-size:16px;font-weight:800;color:#123d3c;text-decoration:none;white-space:nowrap}.icon-button{border:2px solid #123d3c;border-bottom-width:4px;border-radius:6px}.accessibility-bar{background:#123d3c;color:#fff8e8;margin-bottom:12px}.accessibility-bar .desktop-hint{color:#fff8e8}.accessibility-bar select,.accessibility-bar button{color:#123d3c}.surface-switch button[aria-pressed=true]{background:#ffd35c;color:#123d3c;border-color:#ffd35c}.world-top{flex-direction:column;align-items:stretch;gap:4px}.shift-label{font-weight:800;letter-spacing:.04em}.shift-stats{margin:0;justify-content:space-between;border:2px solid #123d3c;background:#123d3c;color:#fff8e8;border-radius:8px;padding:8px 16px;gap:12px}.shift-stats>div{flex-direction:column;gap:0}.shift-stats>div>span{font-size:14px;color:#c9dfca}.shift-stats strong{font-size:30px;line-height:1.15;color:#ffd35c}.desk-panel{border:2px solid #123d3c;border-bottom-width:7px;border-radius:10px;background:#fff8e8}.panel-heading{background:#123d3c;color:#fff8e8;padding:10px 16px}.panel-heading h1{font-size:19px}.ticket-icon{background:#ffd35c;color:#123d3c}.intro-title{font-weight:950;letter-spacing:-.035em;line-height:1.12}.intro-title em{color:#b23f26}.intro-sticker{display:none}.modes{border:0;padding:0;gap:8px}.modes legend{font-weight:900;margin-bottom:8px}.modes label{background:#e6e9d6;border:2px solid #8caf9b;border-bottom-width:4px;border-radius:6px;padding:10px 12px;font-weight:800}.modes label:has(input:checked){background:#ffd35c;border-color:#123d3c}.primary{background:#b23f26;color:#fff8e8;border:2px solid #123d3c;border-bottom-width:6px;border-radius:7px;min-height:60px;font-weight:900}.primary:not(:disabled):hover{background:#942f1c;color:#fff8e8}.answer{border:2px solid #8caf9b;border-bottom-width:4px;border-radius:7px}.answer .key{background:#123d3c;color:#ffd35c}.answer:not(:disabled):hover{background:#ffebaa;border-color:#123d3c}.clean-actions button{border:2px solid #123d3c;border-bottom-width:4px;border-radius:6px}.clean-actions button:disabled{border-color:#8caf9b}.result-score{color:#b23f26;font-weight:950}.work-pager button{border:2px solid #123d3c;border-bottom-width:4px;border-radius:6px}.work-pager span{font-variant-numeric:tabular-nums;font-weight:800}dialog{background:#fff8e8;border:3px solid #123d3c;border-bottom-width:8px;border-radius:10px}dialog::backdrop{background:#082725dc}#pause-dialog button{width:100%;margin-top:12px}footer{font-size:12px}
@media(max-width:960px){.masthead{padding:8px 12px;gap:8px}.masthead nav{gap:6px}.lobby-link{font-size:14px}.world-top{gap:6px}.shift-stats{padding:8px 12px}.accessibility-bar{margin-bottom:8px}.shift-stats strong{font-size:25px}.shift-stats>div>span{font-size:12px}.intro-title{font-size:36px}.panel-heading{padding:8px 12px}}
@media(max-width:560px){.masthead .brand{font-size:22px}.masthead .icon-button{font-size:14px;min-height:42px;padding:5px 8px}.masthead .icon-button svg{display:none}.accessibility-bar{gap:8px;padding:6px 12px}.accessibility-bar button,.accessibility-bar select{font-size:16px;padding:5px 8px}.desk-note{padding:8px 12px}.desk-note p{font-size:16px}.intro-copy{font-size:20px}.modes label{font-size:20px}.modes legend{font-size:18px}.lobby-link{padding:8px 0}.shift-label{font-size:16px}.view-tools{gap:5px}.view-tools button,.view-tools select{font-size:16px;padding:5px 8px}}
@media(max-height:680px){.world-top{flex-direction:row;align-items:center}.shift-label{display:none}.shift-stats{flex:1;padding:5px 12px}.shift-stats strong{font-size:24px}.accessibility-bar{margin-bottom:6px}.intro-title{font-size:30px}}

body[data-phase=intro] .modes{grid-template-columns:1fr;gap:8px;margin-bottom:8px}body[data-phase=intro] .intro-title{font-size:32px;margin-bottom:12px}body[data-phase=intro] .modes label{min-height:48px;padding:7px 10px}body[data-phase=intro] #start{margin-top:4px}
