/* Office Survivor: charcoal, warm yellow, sculpted controls, readable playfields. */
body{background:radial-gradient(ellipse at 90% 0,#66501244,transparent 42%),#0B0B0C}
header{background:#0b0b0ce8;border-bottom-color:#F2B70533}
h1,h2{font-weight:950}h1{max-width:850px}h2{letter-spacing:-.6px}
.cards{gap:26px}.card{padding:0 24px 22px;background:linear-gradient(135deg,#303034,#151517 70%);border-color:#ffffff20;box-shadow:0 8px 0 #050506,0 18px 35px #0004;transition:transform .18s,border-color .18s}
.card:hover{transform:translateY(-3px);border-color:#F2B70588}.card h2{font-size:25px;margin-top:17px}.card p{min-height:52px}
.card .cover{width:calc(100% + 48px);max-width:none;margin:0 -24px;border-radius:23px 23px 0 0;background:#17171b;aspect-ratio:12/5;object-fit:cover;touch-action:auto}
.card .tag{top:12px;right:12px;font-size:9px;border:1px solid #ffe58c;box-shadow:0 3px 0 #8a6400;z-index:1}
.card .row button{box-shadow:0 4px 0 #8a6400}.card .row .secondary{box-shadow:0 4px 0 #08080a}.card .link{font-size:12px;color:#d0c3a4}
.button,button{transition:transform .12s,filter .12s}button:active,.button:active{transform:translateY(3px)}button:disabled{transform:none}
.panel{background:linear-gradient(135deg,#26262b,#121215);border-color:#F2B7052b;box-shadow:0 6px 0 #050506,0 20px 40px #0004}
.hud{padding:12px 14px;background:#242429;border:1px solid #F2B70544;border-radius:16px;box-shadow:0 4px 0 #050506}.hud strong{color:#F2B705}.hud #clock{font-variant-numeric:tabular-nums;font-weight:900;color:#fff2bd;background:#0B0B0C;padding:7px 10px;border-radius:9px;white-space:nowrap}
#canvas{border:2px solid #55504a;box-shadow:0 8px 0 #050506,0 18px 40px #0006}
#mazeControls button{background:linear-gradient(#ffe27a,#F2B705 65%);border:1px solid #ffedaa;box-shadow:0 5px 0 #8d6200,0 9px 12px #0008;font-size:23px;border-radius:17px}
#mazeControls button:active{box-shadow:0 2px 0 #8d6200;transform:translateY(3px)}
#wordControls{padding:20px 10px;background:#202025;border:1px solid #ffffff16;border-radius:20px;margin-top:16px}#scramble{color:#d5c9ac;font-size:22px}#answer{border-bottom:2px dashed #F2B70566;padding:10px;min-height:58px;letter-spacing:3px}
#letters button{background:linear-gradient(135deg,#ffe498,#F2B705);border:1px solid #ffecac;border-radius:10px;box-shadow:0 5px 0 #8e6500;min-width:46px;margin-bottom:7px;font-size:24px;padding:12px}
#liveScores{padding:12px 15px;background:#242429;border-left:3px solid #F2B705;border-radius:8px;line-height:1.7}#liveScores:empty{display:none}
#activity{max-width:740px;margin:auto}#activity .activity-cover{height:auto;max-height:250px;object-fit:cover;border:1px solid #F2B70544;border-radius:24px;margin-bottom:25px;touch-action:auto}
#activity h1{font-size:clamp(28px,5vw,44px);letter-spacing:-1px;line-height:1.18}#activityTitle{margin-top:20px}#activityTimer{display:inline-block;padding:10px 16px;background:#F2B705;color:#0B0B0C;font-weight:900;border-radius:12px;font-variant-numeric:tabular-nums}
#activityOptions{position:relative;padding-top:30px;overflow:hidden}#activityOptions:before{content:'';position:absolute;left:0;top:0;height:5px;width:var(--round-progress,100%);background:#F2B705;transition:width .25s linear}#activityOptions .button{display:block;width:calc(100% - 12px);text-align:left;padding:18px 22px;background:linear-gradient(100deg,#ffe281,#F2B705);border-bottom:4px solid #8d6400;min-height:58px}
#activityResults .board-row{padding:16px 0;gap:20px;line-height:1.5}#activityResults .board-row span:first-child{flex:0 0 80px;color:#F2B705;font-weight:900}#activityResults .board-row span:last-child{flex:1}
#players .board-row{align-items:center}#players .board-row span:first-child:before{content:'●';color:#F2B705;margin-right:9px}.result-score{text-shadow:0 4px 0 #765600}.club-upsell{background:#F2B7050a;padding:20px;border-radius:18px}
@media(max-width:640px){.card{padding:0 20px 20px}.card .cover{width:calc(100% + 40px);margin:0 -20px}.card h2{font-size:24px}.card p{min-height:0}.hud{padding:9px;gap:7px}#activity .activity-cover{max-height:180px}.categories{gap:7px}.categories button{flex:1 1 40%;padding:12px 8px}.card .tag{font-size:8px}#activityResults .board-row{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before{transition:none!important;animation:none!important}.card:hover{transform:none}}

.game-preview{background:#0B0B0C;color:#F5F3EE;border:2px solid #F2B705;border-radius:24px;width:min(90vw,620px);max-height:90vh;padding:24px}.game-preview::backdrop{background:#000b}.game-preview p{line-height:1.5}.game-preview button{margin-top:12px}

header{flex-wrap:wrap}.theme-switch{display:flex;align-items:center;gap:6px;font-size:12px}.theme-switch select{padding:8px;font-size:12px}#companyLeague label{display:block;margin:14px 0}#companyLeague input:not([type=checkbox]),#companyLeague select{display:block;width:100%;margin-top:6px}
:root[data-theme=light]{color-scheme:light;--cream:#19191c}
[data-theme=light] body{background:radial-gradient(ellipse at top right,#ffe7a6,transparent 55%),#f7f5ee;color:#19191c}
[data-theme=light] header{background:#fffdf5;border-color:#b8890055}
[data-theme=light] .card,[data-theme=light] .panel{background:linear-gradient(145deg,#fff,#fff9e9);border-color:#d6cbae;box-shadow:0 5px 0 #e0d7c4,0 12px 25px #30200012}
[data-theme=light] .lead,[data-theme=light] .card p,[data-theme=light] .small,[data-theme=light] .sort-label,[data-theme=light] footer,[data-theme=light] header span{color:#555047}
[data-theme=light] .eyebrow,[data-theme=light] h1 em,[data-theme=light] header b,[data-theme=light] .result-score,[data-theme=light] #status,[data-theme=light] #answer{color:#775500}
[data-theme=light] .secondary,[data-theme=light] .categories button{background:#eee8d9;color:#19191c;border-color:#bcb4a2}
[data-theme=light] .categories button[aria-pressed=true]{background:#F2B705;color:#0B0B0C}
[data-theme=light] .link,[data-theme=light] .card .link{color:#4c3a0c}
[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff;color:#19191c;border-color:#8d8575}
[data-theme=light] .game-preview{background:#fffaf0;color:#19191c}
[data-theme=light] .board-row,[data-theme=light] #players>div{border-color:#d6cbae}
@media(prefers-reduced-motion:reduce){.card,button,.button{transition:none}.card:hover{transform:none}}