/* Classic owns its layout. Older shared mode styles must not position its HUD. */
#game-preferences{display:flex;align-items:center;gap:8px}#header-preferences{display:contents}
body.playing #game{height:100vh;height:100dvh;min-height:0}
body.playing #game>.topbar{inset:0;padding:0;height:0;z-index:4;pointer-events:none}
body.playing #game>.topbar .brand,body.playing #map-edition,body.playing #header-preferences{display:none}
body.playing #game>.topbar .top-actions{display:contents}
body.playing #game #pause{position:absolute;top:max(16px,var(--safe-top,env(safe-area-inset-top)));right:max(20px,var(--safe-right,env(safe-area-inset-right)));width:48px;height:48px;min-width:48px;padding:10px;border-radius:14px;background:#fffceb;color:#193f34;border:1px solid #193f3438;box-shadow:0 3px 12px #143b3020;pointer-events:auto}
#pause-preferences{margin:14px auto;display:flex;justify-content:center}#pause-preferences #game-preferences{gap:10px;flex-wrap:wrap;justify-content:center}#pause-preferences button{min-height:44px;min-width:44px}#pause-preferences .ui-icon{width:26px;height:26px}
#game #hud{--hud-paper:#fffcebf2;--hud-ink:#193f34;--hud-muted:#51675a;--hud-border:#193f342b;--hud-shadow:0 3px 16px #143b3018;--hud-yellow:#ffdd50;--hud-gap:20px;--hud-top:max(16px,var(--safe-top,env(safe-area-inset-top)));--hud-left:max(var(--hud-gap),var(--safe-left,env(safe-area-inset-left)));--hud-right:max(var(--hud-gap),var(--safe-right,env(safe-area-inset-right)));--hud-bottom:max(16px,var(--safe-bottom,env(safe-area-inset-bottom)));position:absolute;inset:0;z-index:2;pointer-events:none;font-family:Arial,sans-serif;color:var(--hud-ink)}
html[data-ui-theme=night] #game #hud{--hud-paper:#163a32f2;--hud-ink:#f0f5e9;--hud-muted:#b4c9bc;--hud-border:#b7d0bc38;--hud-shadow:0 3px 16px #00191030}
#game #hud *{box-sizing:border-box}#game #hud [hidden]{display:none!important}
#game #hud .classic-status{position:absolute;top:var(--hud-top);left:var(--hud-left);right:auto;bottom:auto;display:grid;grid-template-columns:1.3fr .85fr 1.1fr .9fr;align-items:center;gap:0;width:min(530px,calc(100% - 108px));margin:0;padding:10px 4px;background:var(--hud-paper);color:var(--hud-ink);border:1px solid var(--hud-border);border-radius:16px;box-shadow:var(--hud-shadow)}
#game #hud .classic-status>div{position:static;inset:auto;transform:none;width:auto;min-width:0;min-height:0;background:none;border:0;box-shadow:none;border-radius:0;padding:0 16px;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#game #hud .classic-status>div+div{border-left:1px solid var(--hud-border)}
#game #hud .stat-label{font:700 12px/1.2 Arial,sans-serif;letter-spacing:.7px;color:var(--hud-muted);white-space:nowrap}
#game #hud .classic-status strong{font:800 25px/1.1 Arial,sans-serif;letter-spacing:-.5px;white-space:nowrap;color:var(--hud-ink);margin:0;font-variant-numeric:tabular-nums}
#game #hud .timer-panel.urgent{animation:none}#game #hud .timer-panel.urgent strong{color:#cc451f}
#game #hud .classic-missions{position:absolute;top:calc(var(--hud-top) + 82px);left:var(--hud-left);width:290px;max-width:calc(100% - 112px);display:flex;flex-direction:column;gap:6px}
#game #hud .objective-slot{width:100%}
#game #hud #mission-card,#game #hud #combo-celebration{padding:11px 13px;margin:0;background:var(--hud-paper);border:1px solid var(--hud-border);border-radius:13px;box-shadow:var(--hud-shadow);color:var(--hud-ink);line-height:1.35}
#game #hud .mission-heading{display:contents}
#game #hud #mission-kicker{display:block;font:700 12px/1.3 Arial,sans-serif;letter-spacing:.4px;color:var(--hud-muted);margin-bottom:4px}
#game #hud #skip-guide{float:right;position:relative;pointer-events:auto;min-width:44px;min-height:44px;margin:-5px -7px -4px 5px;border:0;border-radius:8px;padding:6px;background:transparent;color:var(--hud-muted);font:700 12px/1.2 Arial,sans-serif;text-decoration:underline;cursor:pointer}
#game #hud #mission-title{display:block;font:700 15px/1.3 Arial,sans-serif;color:var(--hud-ink);overflow-wrap:normal}
#game #hud #mission-copy{font:13px/1.35 Arial,sans-serif;margin:5px 0 8px;color:var(--hud-muted)}
#game #hud .classic-track{clear:both;height:3px;background:#66816d30;border-radius:6px;overflow:hidden}#game #hud .classic-track i{height:100%;display:block;border-radius:inherit;width:0;background:#219f7e}
#game #hud #mission-card[data-kind=complete] :is(.mission-heading,#mission-copy,.classic-track){display:none}#game #hud #mission-card[data-kind=complete] #mission-title{font-size:13px;font-weight:400}
#game #hud #combo-celebration{background:var(--hud-yellow);border-color:#b99a3438;color:#193f34;font:700 14px/1.35 Arial,sans-serif}
#game #hud #combo-card{position:static;background:#193f34eb;color:#fffbe5;border:1px solid #ffffff25;border-radius:10px;padding:6px 10px;box-shadow:none}
#game #hud #combo{display:block;position:static;inset:auto;transform:none;max-width:none;width:auto;padding:0;margin:0 0 4px;background:none;color:inherit;font:700 12px/1.3 Arial,sans-serif;letter-spacing:0}
#game #hud #combo-meter{background:#ffdd50;transition:width .08s linear}#game #hud #combo-card.expiring{background:#863e23}
#game #hud .nuisance{position:static;inset:auto;width:auto;padding:4px 10px;margin:0;background:#863e23eb;color:#fff5e9;border-radius:10px;box-shadow:none}
#game #hud #nuisance-label{display:block;color:inherit;font:700 12px/1.3 Arial,sans-serif;letter-spacing:0;margin:0}#game #hud .nuisance-track{height:3px;margin-top:4px}
#game #hud .classic-navigation{position:absolute;left:var(--hud-left);bottom:var(--hud-bottom);top:auto;right:auto;display:flex;align-items:flex-end;gap:10px}
#game #hud .minimap-panel{position:static;inset:auto;transform:none;display:block;width:110px;height:110px;padding:3px;background:var(--hud-paper);border:1px solid var(--hud-border);border-radius:16px;box-shadow:var(--hud-shadow);overflow:hidden;margin:0}
#game #hud .minimap-panel canvas{display:block;width:102px;height:102px;border-radius:12px}#game #hud .minimap-panel>span{display:none}
#game #hud .nest-direction{position:static;inset:auto;transform:none;display:flex;gap:7px;align-items:center;max-width:none;padding:7px 9px;margin:0;border:1px solid #a88c3428;border-radius:11px;background:#ffdf64;color:#193f34;text-shadow:none;box-shadow:var(--hud-shadow);opacity:1}
#game #hud .nest-direction>span{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#fff8d5;color:#193f34;font:700 23px Arial,sans-serif;box-shadow:none}
#game #hud .nest-direction div{display:block}#game #hud .nest-direction strong{display:block;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.3px;color:#193f34}#game #hud #nest-distance{display:block;font:700 13px/1.3 Arial,sans-serif;color:#193f34;margin:1px 0 0}
#game #hud .classic-bottom{position:absolute;left:var(--hud-left);right:var(--hud-right);bottom:var(--hud-bottom);display:grid;grid-template-columns:1fr 260px 1fr;align-items:end;gap:8px;pointer-events:none}
#game #hud .quack-panel{position:static;inset:auto;transform:none;grid-column:2;grid-row:1;width:auto;max-width:none;padding:10px 13px;margin:0;background:var(--hud-paper);color:var(--hud-ink);border:1px solid var(--hud-border);border-radius:15px;box-shadow:var(--hud-shadow)}
#game #hud .quack-heading{display:flex;justify-content:space-between;gap:6px;font:700 12px/1.3 Arial,sans-serif;color:var(--hud-ink);letter-spacing:.3px}#game #hud .quack-heading strong{font:700 12px/1.3 Arial,sans-serif;color:var(--hud-ink);white-space:nowrap}
#game #hud .energy-track{height:7px;margin:6px 0;background:#66816d30;border-radius:6px;overflow:hidden}#game #hud #energy-fill{background:#219f7e}#game #hud #charge-fill{background:#ffda42}
#game #hud .quack-caption{font:12px/1.3 Arial,sans-serif;color:var(--hud-muted);display:block;margin:0}#game #hud .quack-caption>span{display:block}
#game #hud .power-strip{display:flex;gap:5px;flex-wrap:wrap}#game #hud .power-strip>span{flex:1;white-space:nowrap;text-align:center;font:700 12px/1.2 Arial,sans-serif;padding:4px 5px;margin:0 0 7px;border-radius:6px;background:#cef7ef;color:#174d48}#game #hud #power-mega{background:#e5dcff;color:#413261}
#game #hud .play-help{position:static;inset:auto;transform:none;display:flex;gap:12px;font:12px/1.3 Arial,sans-serif;color:var(--hud-muted);white-space:normal;text-shadow:none;margin:8px 0 0}
#game #hud .play-help span{display:flex;align-items:center;gap:4px}#game #hud kbd{font:700 12px/1.2 Arial,sans-serif;color:var(--hud-ink);background:#66816d20;border:0;border-radius:4px;padding:3px;min-width:0;height:auto}
#game #hud .joystick,#game #hud .touch-actions{display:none}
#game #hud .ui-vector,#game #hud .ui-icon{width:22px;height:22px;flex:none}
/* Touch controls use the same DOM and input handlers as keyboard play. */
body[data-classic-input=touch] #game #hud .classic-bottom{grid-template-columns:88px minmax(0,1fr) 170px;gap:7px}
body[data-classic-input=touch] #game #hud .quack-panel{grid-column:3;grid-row:1;padding:8px 10px;border-radius:12px}
body[data-classic-input=touch] #game #hud .quack-caption,body[data-classic-input=touch] #game #hud .play-help{display:none}
body[data-classic-input=touch] #game #hud .joystick{position:relative;inset:auto;transform:none;grid-column:1;grid-row:2;display:grid;place-items:center;pointer-events:auto;touch-action:none;width:88px;height:88px;border:2px solid #fff9d5b0;border-radius:50%;background:#193f3440;box-shadow:0 0 0 4px #193f3418;margin:0}
body[data-classic-input=touch] #game #hud #stick{position:static;width:36px;height:36px;background:#fff0a8;border:2px solid #193f34;border-radius:50%;box-shadow:none;pointer-events:none}
body[data-classic-input=touch] #game #hud .touch-actions{position:static;inset:auto;transform:none;grid-column:3;grid-row:2;display:flex;gap:8px;justify-content:flex-end;align-items:flex-end;pointer-events:auto;margin:0}
body[data-classic-input=touch] #game #hud .touch-actions button{width:54px;min-width:54px;height:54px;min-height:54px;padding:6px;border-radius:15px;border:1px solid #193f3450;background:#fffceb;color:#193f34;font:800 12px/1.2 Arial,sans-serif;box-shadow:0 3px 0 #193f3420;touch-action:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}
body[data-classic-input=touch] #game #hud #quack-touch{width:104px;min-width:104px;height:70px;min-height:70px;background:#ffdd50;font-size:15px;border:2px solid #fff4bf;box-shadow:0 4px 0 #a18329}
body[data-classic-input=touch] #game #hud #sprint-touch :is(.ui-vector,.ui-icon){display:none}
body[data-classic-input=touch] #game #hud .classic-navigation{left:auto;right:var(--hud-right);bottom:auto;top:calc(var(--hud-top) + 82px);flex-direction:column;align-items:center;gap:7px}
body[data-classic-input=touch] #game #hud .minimap-panel{width:78px;height:78px;border-radius:12px}body[data-classic-input=touch] #game #hud .minimap-panel canvas{width:70px;height:70px;border-radius:9px}
body[data-classic-input=touch] #game #hud .nest-direction{padding:5px 6px;gap:4px}
body.playing #toast{display:none}
#results .results-card{width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:24px 30px}#results .modal-portrait{width:48px;height:48px}#results h2{font-size:30px;margin:10px 0}#results .result-score>strong{font-size:54px}#results .result-stats{margin:12px 0}#results .result-stats strong{font-size:24px}#results .result-stats span{font-size:12px}#results .results-card>p{font:14px/1.4 Arial,sans-serif;margin:8px 0}#results #best-comparison{font-weight:700;color:var(--ui-ink)}
.earned-feathers{font-size:22px;font-weight:800;color:var(--ui-ink);padding:8px 0}#result-upgrade{text-align:left;background:var(--ui-soft);border-radius:12px;padding:12px 14px;margin:12px 0 4px}#result-upgrade strong{font:700 15px/1.35 Arial,sans-serif;display:block}#next-upgrade-copy{display:block;font:13px Arial,sans-serif;margin:5px 0 9px}#result-upgrade .classic-track{height:5px;background:#66816d30;border-radius:6px;overflow:hidden}#next-upgrade-progress{display:block;height:100%;background:#219f7e}#results #again{margin-top:14px}#results .text-button{min-height:44px}#results [hidden]{display:none!important}
@media(max-width:700px){
 #game #hud{--hud-gap:12px;--hud-top:max(12px,var(--safe-top,env(safe-area-inset-top)));--hud-bottom:max(16px,var(--safe-bottom,env(safe-area-inset-bottom)))}
 body.playing #game #pause{top:max(12px,var(--safe-top,env(safe-area-inset-top)));right:max(12px,var(--safe-right,env(safe-area-inset-right)));width:44px;height:44px;min-width:44px;padding:10px;border-radius:12px}
 #game #hud .classic-status{width:auto;right:calc(var(--hud-right) + 54px);grid-template-columns:1.25fr .8fr 1.05fr;padding:8px 0;border-radius:13px}
 #game #hud .classic-status>div{padding:0 10px;gap:3px}#game #hud .classic-status .banked-panel{display:none}#game #hud .classic-status strong{font-size:20px;letter-spacing:-.4px}#game #hud .stat-label{font-size:12px;letter-spacing:.6px}
 #game #hud .classic-missions{top:calc(var(--hud-top) + 64px);max-width:calc(100% - 114px);width:290px;gap:5px}
 #game #hud #mission-card,#game #hud #combo-celebration{padding:9px 10px;border-radius:11px}#game #hud #mission-kicker{display:none}#game #hud #mission-title{font-size:14px}#game #hud #mission-copy{font-size:12px;line-height:1.4;margin:5px 0 7px}#game #hud #combo-celebration{font-size:13px}#game #hud #combo-card{padding:6px 8px}
 #game #hud .classic-navigation,body[data-classic-input=touch] #game #hud .classic-navigation{left:auto;right:var(--hud-right);bottom:auto;top:calc(var(--hud-top) + 64px);flex-direction:column;align-items:center;gap:6px}
 #game #hud .minimap-panel,body[data-classic-input=touch] #game #hud .minimap-panel{width:76px;height:76px}#game #hud .minimap-panel canvas,body[data-classic-input=touch] #game #hud .minimap-panel canvas{width:68px;height:68px}
 #game #hud .nest-direction{padding:5px;gap:4px}#game #hud .nest-direction>span{width:24px;height:24px;font-size:20px}
 #game #hud .classic-bottom{grid-template-columns:1fr 220px 1fr}#game #hud .quack-panel{padding:8px 10px}
 body[data-classic-input=touch] #game #hud .classic-bottom{grid-template-columns:88px minmax(0,1fr) 170px}
 #results .results-card{padding:20px}#results .result-score>strong{font-size:46px}
}
@media(max-height:530px) and (orientation:landscape){
 #game #hud{--hud-gap:12px;--hud-top:max(8px,var(--safe-top,env(safe-area-inset-top)));--hud-bottom:max(12px,var(--safe-bottom,env(safe-area-inset-bottom)))}
 body.playing #game #pause{top:max(8px,var(--safe-top,env(safe-area-inset-top)));right:max(12px,var(--safe-right,env(safe-area-inset-right)));width:44px;height:44px;min-width:44px}
 #game #hud .classic-status{width:min(470px,calc(100% - 80px));padding:7px 0;grid-template-columns:1.2fr .8fr 1fr .9fr}#game #hud .classic-status>div{padding:0 12px}#game #hud .classic-status .banked-panel{display:flex}#game #hud .classic-status strong{font-size:20px}#game #hud .stat-label{font-size:12px}
 #game #hud .classic-missions{top:calc(var(--hud-top) + 62px);width:min(260px,32vw);max-width:32vw;gap:5px}#game #hud #mission-kicker{display:none}#game #hud #mission-card,#game #hud #combo-celebration{padding:8px 9px}#game #hud #mission-title{font-size:13px}#game #hud #mission-copy{font-size:12px;margin:4px 0 6px}#game #hud #combo-card{padding:5px 8px}
 #game #hud .classic-navigation,body[data-classic-input=touch] #game #hud .classic-navigation{left:auto;right:var(--hud-right);bottom:auto;top:calc(var(--hud-top) + 62px);flex-direction:column;gap:5px;align-items:center}#game #hud .minimap-panel,body[data-classic-input=touch] #game #hud .minimap-panel{width:64px;height:64px}#game #hud .minimap-panel canvas,body[data-classic-input=touch] #game #hud .minimap-panel canvas{width:56px;height:56px}
 body[data-classic-input=touch] #game #hud .classic-bottom{grid-template-columns:88px minmax(0,1fr) 170px;align-items:end;gap:10px}
 body[data-classic-input=touch] #game #hud .quack-panel{grid-column:2;grid-row:1;justify-self:center;width:min(240px,100%);padding:8px 10px}
 body[data-classic-input=touch] #game #hud .joystick{grid-column:1;grid-row:1;width:80px;height:80px}body[data-classic-input=touch] #game #hud .touch-actions{grid-column:3;grid-row:1}
 #game #hud .play-help{display:none}
}
@media(prefers-reduced-motion:reduce){#game #hud #combo-meter{transition:none}}

/* Safe-area insets and expanded browser bars reduce the usable play field. */
@media(min-width:650px) and (max-height:530px) and (orientation:landscape){
 #game #hud .classic-missions{width:min(260px,calc(40vw - var(--hud-left) - 10px));max-width:calc(40vw - var(--hud-left) - 10px)}
}
@media(min-width:800px) and (max-height:330px) and (orientation:landscape){
 #game #hud .nuisance{position:fixed;top:var(--hud-top);right:calc(var(--hud-right) + 52px);bottom:auto;left:auto;width:190px}
 body[data-classic-input=touch] #game #hud .quack-panel{padding:5px 8px}
 #game #hud .power-strip>span{padding:2px 5px;margin-bottom:3px}
 #game #hud .energy-track{margin:4px 0}
}
@media(min-width:420px) and (max-width:700px) and (max-height:640px) and (orientation:portrait){
 #game #hud .nuisance{position:fixed;left:var(--hud-left);top:auto;bottom:calc(var(--hud-bottom) + 100px);width:170px}
}

/* One compact line for timed events or precious cargo; no extra touch buttons. */
#game #hud #round-event{font:700 12px/16px Arial,sans-serif;color:var(--hud-ink);white-space:nowrap;margin:0 0 2px;letter-spacing:0}
#game #hud #round-event[data-kind=gold]{color:#a76300}html[data-ui-theme=night] #game #hud #round-event[data-kind=gold]{color:#ffe07b}
#game #hud .nest-direction[data-kind=event]{background:#86e0ed}

@media(max-height:530px) and (orientation:landscape){
 #game #hud .nuisance{display:flex;align-items:center;gap:8px;padding:2px 8px}
 #game #hud #nuisance-label{flex:1;min-width:0;white-space:nowrap}
 #game #hud .nuisance-track{width:30px;flex:none;height:3px;margin:0}
}

/* Classic's daily competition stays inside the mode picker. */
.classic-format{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin:4px 0 14px;background:var(--ui-soft,#e6eadf);border-radius:14px}
.classic-format button{min-width:0;min-height:46px;border:0;border-radius:10px;padding:9px;font-family:inherit;font-size:14px;font-weight:800;line-height:1.2;color:inherit;background:transparent;cursor:pointer}
.classic-format button[aria-pressed=true]{background:#ffda52;color:#193f34;box-shadow:0 2px 0 #193f3426}
.daily-card{display:grid;gap:7px;padding:14px;margin:12px 0;border:1px solid #6d998970;border-radius:14px;text-align:left;background:var(--ui-paper,#edf2e4);color:inherit}
.daily-card strong{font-size:18px;line-height:1.3}.daily-card p{font-size:14px;line-height:1.5;margin:0}.daily-card span{font-size:13px;line-height:1.4}.daily-card[hidden],.classic-format[hidden],#round-options[hidden]{display:none!important}
[data-ui-theme=night] .daily-card,[data-ui-theme=night] .classic-format{background:#183f38}
@media(max-height:530px){.classic-format{margin-bottom:8px}.daily-card{padding:10px;gap:4px}.daily-card p{font-size:13px}}

.device-check{padding:14px;border:1px solid #7ea995;border-radius:12px;margin-bottom:16px}.device-check p{font-size:14px;line-height:1.5}.device-check button{min-height:44px;padding:9px 14px;border-radius:9px;font:inherit;background:#ffda52;color:#193f34;border:0;font-weight:700}

html[data-ui-theme=night] .quack-ui .classic-format button[aria-pressed=true]{background:#ffda52;color:#193f34}
body[data-classic-input=touch] #lobby-controls{display:none}
@media(max-height:530px) and (orientation:landscape){
 .quack-ui .mode-dialog:has(#classic-daily[aria-pressed=true]){width:min(720px,calc(100vw - 24px));padding:12px;display:grid;grid-template-columns:125px minmax(0,1fr);gap:8px}
 .quack-ui .mode-dialog:has(#classic-daily[aria-pressed=true]) .mode-dialog-toolbar{margin:0;align-items:center}
 .quack-ui .mode-dialog:has(#classic-daily[aria-pressed=true]) .classic-format{margin:0;padding:0}
 .quack-ui .mode-dialog:has(#classic-daily[aria-pressed=true]) .quick-start{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr;gap:8px;padding:12px;align-items:center}
 .quack-ui .mode-dialog:has(#classic-daily[aria-pressed=true]) .quick-mode-heading{grid-column:1;gap:8px}
 .quack-ui .mode-dialog:has(#classic-daily[aria-pressed=true]) .quick-mode-heading img{width:36px;height:36px}
 .quack-ui .mode-dialog:has(#classic-daily[aria-pressed=true]) .quick-mode-heading h1{font-size:20px}
 .quack-ui .mode-dialog:has(#classic-daily[aria-pressed=true]) .daily-card{grid-column:2;grid-row:1/3;margin:0;padding:9px}
 .quack-ui .mode-dialog:has(#classic-daily[aria-pressed=true]) .play-button{grid-column:1;grid-row:2;font-size:14px;padding:10px}
 .quack-ui .mode-dialog:has(#classic-daily[aria-pressed=true]) .fair-play-note{grid-column:1/-1;margin:0}
}

/* Classic's collection and party live inside the mode, never on the home tiles. */
.classic-extras{display:grid;gap:10px;min-width:0;margin:12px 0}.coop-invite{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px;text-align:left;border:2px solid #274f49;border-radius:16px;background:#243e59;color:#fff8db;cursor:pointer}.coop-invite strong{font-size:1rem}.coop-invite span{font-size:.875rem;color:#8de3ec}.closet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.closet-grid label,#feedback-form label,#coop-join-form label{display:grid;gap:7px;font-size:1rem;font-weight:700;min-width:0}.closet-grid small{font-size:.8rem;line-height:1.45;font-weight:400}.closet-grid select,#feedback-form select,#feedback-form textarea,#coop-join-code{width:100%;min-width:0;min-height:46px;padding:10px;border:2px solid var(--ui-line,#638477);border-radius:10px;background:var(--ui-paper,#fff9e7);color:var(--ui-ink,#244b40);font:inherit;font-size:1rem}#feedback-form{display:grid;gap:12px}.playtest-opt{display:flex;gap:10px;align-items:center;min-height:44px}.playtest-opt input{width:22px;height:22px}.classic-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto;border:2px solid var(--ui-line,#406457);border-radius:22px;padding:22px;background:var(--ui-paper,#fff9e7);color:var(--ui-ink,#214b3f)}.classic-dialog::backdrop{background:#102a35b8}.classic-dialog p{font-size:1rem;line-height:1.5}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-top h2{font-size:1.6rem;margin:0}.classic-dialog button{min-height:44px}.coop-note{font-weight:700;color:var(--ui-muted,#52695c)}#coop-join-form{display:flex;gap:10px;align-items:end;margin-top:18px}#coop-join-form label{flex:1}#coop-join-code{text-transform:uppercase;letter-spacing:.12em}.room-code{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background:#243e59;color:#fff6d9;padding:15px;margin:14px 0}.room-code span{display:block;font-size:.8rem}.room-code strong{font-size:1.8rem;letter-spacing:.12em}.coop-members{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coop-member{display:grid;gap:8px;border:1px solid var(--ui-line,#759885);padding:14px;border-radius:12px;min-width:0}.coop-member strong{overflow-wrap:anywhere}.coop-member span{font-size:.875rem}.coop-actions{display:flex;gap:12px;margin-top:14px;align-items:center}.coop-actions>*{flex:1}.award-reason{font-size:1rem!important;line-height:1.45}.new-unlocks{border-radius:12px;padding:12px;background:#ffda55;color:#20493e;font-weight:700}#highlight-bar{position:fixed;z-index:50;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;box-sizing:border-box;border:2px solid #77d5e2;border-radius:16px;background:#163b4a;color:#fff9db}#highlight-bar span{display:block;font-size:.75rem;letter-spacing:.06em}#highlight-bar strong{display:block;margin-top:5px;font-size:1rem}#coop-network{position:fixed;z-index:35;top:22%;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#203d52;color:#fff8db;padding:14px;border-radius:14px;text-align:center;pointer-events:none}#highlight-bar[hidden],#coop-network[hidden]{display:none}.results-card h2{overflow-wrap:anywhere;font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.1}.results-card .lobby-fold{text-align:left;margin:12px 0}#watch-highlight{margin:6px 0 12px}#closet-status:empty,#coop-status:empty{display:none}
@media(max-width:500px){.coop-invite{display:grid;gap:5px}.closet-grid{grid-template-columns:1fr}.classic-dialog{padding:16px}.dialog-top h2{font-size:1.35rem}.coop-actions{flex-direction:column;align-items:stretch}.room-code strong{font-size:1.6rem}#highlight-bar{padding:10px;gap:8px}#highlight-bar .small-button{font-size:.875rem;padding:10px}.coop-members{gap:8px}.coop-member{padding:10px}}
@media(orientation:landscape) and (max-height:530px){.classic-extras{grid-column:1/-1}.classic-dialog{max-height:calc(100dvh - 16px);padding:14px}.closet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-dialog .coop-actions{flex-direction:row}.classic-dialog .play-button{min-height:44px;font-size:1rem}.results-card .modal-portrait{display:none}}

.classic-extras[hidden]{display:none!important}.classic-dialog .play-button{min-width:0;width:100%}.classic-dialog .small-button{flex-shrink:0}.classic-dialog [hidden]{display:none!important}.classic-dialog .coop-actions .play-button{width:auto}.coop-invite:focus-visible{outline:3px solid #ffe06b;outline-offset:2px}.closet-grid select:focus-visible{outline:3px solid #3ac6d8;outline-offset:2px}

/* Chaos stays inside the existing controls and objective slots. */
#game #hud .classic-directions{display:flex;flex-direction:column;gap:5px;align-items:stretch}
#game #hud .vip-direction{background:#ffd49a;border-color:#c9773c70}
#game #hud #vip-distance{display:block;font:700 13px/1.3 Arial,sans-serif;color:#193f34;margin:1px 0 0}
#game #hud #chaos-meter{margin:0 0 7px}
#game #hud .chaos-heading{display:flex;justify-content:space-between;gap:6px;align-items:center;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.04em}
#game #hud .chaos-heading strong{font:inherit;color:inherit}
#game #hud #chaos-value{font-variant-numeric:tabular-nums;white-space:nowrap}
#game #hud .chaos-track{height:5px;overflow:hidden;border-radius:5px;background:#9d693f30;margin-top:4px}
#game #hud #chaos-fill{display:block;height:100%;width:0;background:#e48028;border-radius:inherit}
#game #hud #chaos-meter[data-frenzy=true]{color:#ac4c00}
#game #hud #chaos-meter[data-frenzy=true] #chaos-fill{background:#ee7629}
html[data-ui-theme=night] #game #hud #chaos-meter[data-frenzy=true]{color:#ffd275}
#game #hud #power-duckzilla{background:#ffcf9a;color:#6b310e}
#game #hud #combo-celebration[data-kind=frenzy],#game #hud #combo-celebration[data-kind=duckzilla],#game #hud #combo-celebration[data-kind=rush]{background:#ffce68;color:#4a2d13;border:2px solid #ba702755;font-size:18px;line-height:1.25;padding:13px}
#game #hud #combo-celebration[data-kind=vip]{background:#ffdeb0;color:#543416;border-color:#ba702755}
body.classic-frenzy #game #hud::before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 36px 10px #ffc35c75;border:3px solid #ffcf7170}
#results .chaos-rank{display:inline-flex;align-items:center;gap:12px;padding:7px 14px;margin:2px 0 6px;border:2px solid #688675;border-radius:12px;background:#e7eee1;color:#244c3b}
#results .chaos-rank>span{font:800 12px/1.2 Arial,sans-serif;letter-spacing:.05em}
#results .chaos-rank>strong{display:block;min-width:3ch;padding:2px 3px;font:900 32px/1.15 Arial,sans-serif;letter-spacing:0;text-align:center}
#results .chaos-rank[data-rank^=S]{border-color:#d89930;background:#ffdd79;color:#67400d}
#results #result-chaos-stats{font:13px/1.45 Arial,sans-serif;color:var(--ui-muted,#52695c);margin:4px 0 10px}
body[data-classic-input=touch] #game #hud #dash-touch-state{font:700 10px/1.1 Arial,sans-serif;white-space:nowrap}
body[data-classic-input=touch] #game #hud #sprint-touch[data-dash=ready]{border:2px solid #efae36;background:#fff0b0}
body[data-classic-input=touch] #game #hud #sprint-touch[data-dash=active]{background:#ffbd51;border-color:#ae6024}
body[data-classic-input=touch] #game #hud #sprint-touch[data-dash=cooldown]{background:#f2ead7}
body[data-classic-input=touch] #game #hud #chaos-meter{margin-bottom:5px}
body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.power-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px}
body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.power-strip>span{font-size:11px;line-height:1.2;white-space:normal;padding:3px 1px;margin-bottom:5px}
@media(max-width:700px){
 #game #hud #combo-celebration[data-kind=frenzy],#game #hud #combo-celebration[data-kind=duckzilla],#game #hud #combo-celebration[data-kind=rush]{font-size:15px;padding:9px}
}
@media(max-height:530px) and (orientation:landscape){
 #game #hud #chaos-meter{margin-bottom:4px}#game #hud .chaos-track{height:4px;margin-top:2px}
 #game #hud #combo-celebration[data-kind=frenzy],#game #hud #combo-celebration[data-kind=duckzilla],#game #hud #combo-celebration[data-kind=rush]{font-size:14px;padding:8px}
 body.classic-frenzy #game #hud::before{box-shadow:inset 0 0 24px 5px #ffc35c65}
 body[data-classic-input=touch] #game #hud .quack-panel:has(#chaos-meter:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:9px;row-gap:3px;padding:6px 9px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden]){grid-column:1;grid-row:1/3;margin:0}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.quack-heading{grid-column:2;grid-row:1;font-size:11px;line-height:13px;gap:3px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.quack-heading strong{font-size:11px;line-height:13px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.energy-track{grid-column:2;grid-row:2;height:5px;margin:0}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.power-strip{grid-column:1/-1;grid-row:3}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.power-strip>span{white-space:nowrap;margin:0;padding:2px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~#round-event{grid-column:1/-1;grid-row:4;font-size:11px;line-height:13px;margin:0}
 #game #hud .classic-missions:has(~.classic-bottom #chaos-meter:not([hidden])) #mission-copy{display:none}
 #game #hud .classic-missions:has(~.classic-bottom #chaos-meter:not([hidden])) #mission-title{margin-bottom:4px}
}
@media(max-height:360px) and (orientation:landscape){
 #game #hud .classic-navigation:has(#vip-direction:not([hidden])) .minimap-panel{display:none}
}
@media(max-width:700px) and (max-height:650px) and (orientation:portrait){
 body[data-classic-input=touch] #game #hud .quack-panel:has(#chaos-meter:not([hidden])){padding:4px 9px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden]){margin-bottom:3px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden]) .chaos-heading{font-size:10px;line-height:12px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden]) .chaos-track{height:3px;margin-top:2px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.power-strip{display:flex;gap:3px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.power-strip>span{flex:1 1 auto;white-space:nowrap;font-size:11px;line-height:12px;padding:2px 1px;margin-bottom:3px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~#round-event{font-size:11px;line-height:13px;margin-bottom:2px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.quack-heading,body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.quack-heading strong{font-size:11px;line-height:13px}
 body[data-classic-input=touch] #game #hud #chaos-meter:not([hidden])~.energy-track{height:4px;margin:3px 0}
 #game #hud .classic-missions:has(~.classic-bottom #chaos-meter:not([hidden])) .nuisance{position:fixed;left:var(--hud-left);top:auto;bottom:calc(var(--hud-bottom) + 100px);width:min(170px,calc(40vw - var(--hud-left) - 8px))}
}