/* The live ledger occupies its own margin, never the playfield. */
[data-midnight=true][data-hud=clear-8]{--ledger-top:calc(44px + env(safe-area-inset-top));--field-top:calc(100px + env(safe-area-inset-top));--ledger-width:min(600px,calc(100% - 24px))}
[data-hud=clear-8]:is([data-mode=playing],[data-mode=replay],[data-mode=paused]) .chaos-board{top:var(--field-top);bottom:0;left:0;right:0;height:calc(100% - var(--field-top));width:100%;min-height:0}
[data-hud=clear-8]:is([data-mode=playing],[data-mode=replay]) .chaos-header{height:calc(40px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0 14px;background:#10221f}
[data-hud=clear-8]:is([data-mode=playing],[data-mode=replay]) .timed-hud{top:var(--ledger-top);left:50%;transform:translateX(-50%);width:var(--ledger-width);max-width:none;height:48px;display:block;text-shadow:none;background:#10221f;opacity:1;border-bottom:1px solid #c4a27033}
[data-hud=clear-8] .timed-hud::before{display:none}
[data-hud=clear-8]:is([data-phase=cooking],[data-phase=plating]) .timed-hud{display:none}
[data-hud=clear-8] .timed-top{min-height:24px;height:24px;gap:8px;align-items:center}
[data-hud=clear-8] .timed-top>div:first-child{padding:0;max-width:calc(100% - 135px)}
[data-hud=clear-8] .midnight-flavor-label{display:none}
[data-hud=clear-8] .timed-top b{font:500 12px/1.3 'PingFang SC',sans-serif;margin:0;white-space:nowrap;letter-spacing:0;color:#e7d7b5}
[data-hud=clear-8] .timed-timer{position:static;display:flex;flex-direction:row;gap:3px;min-width:46px;justify-content:flex-end;padding:0;background:none;box-shadow:none;border:0;border-radius:0}
[data-hud=clear-8] .timed-timer time{font:23px/1 'Courier New',monospace;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#efdfba}
[data-hud=clear-8] .timed-timer small{font:10px/1 'PingFang SC',sans-serif;color:#a8b5a4;letter-spacing:0;max-width:none}
[data-hud=clear-8][data-last-seconds=true] .timed-timer time{color:#f2ad7a}
[data-hud=clear-8] .chef-mission{position:absolute;inset:0;pointer-events:none;padding:0}
[data-hud=clear-8] .chef-mission>b,[data-hud=clear-8] .chef-mission>i{display:none}
[data-hud=clear-8] .chef-mission em{position:absolute;top:5px;right:64px;bottom:auto;font:12px/1.2 'Courier New',monospace;font-style:normal;color:#c2bc9d;white-space:nowrap}
[data-hud=clear-8] .chef-mission span{position:absolute;bottom:5px;right:0;font:10px/1.3 'PingFang SC',sans-serif;margin:0;white-space:nowrap;color:#adb9a6}
[data-hud=clear-8] .chef-mission[data-ready=true] span{color:#efd197}
[data-hud=clear-8] .midnight-streak{display:none}
[data-hud=clear-8] .timed-tray{height:22px;max-width:calc(100% - 75px);margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:8px;align-items:center;overflow:hidden}
[data-hud=clear-8] .timed-tray>span{gap:2px;flex:0 0 auto;opacity:.42}
[data-hud=clear-8] .timed-tray>span.has-food{opacity:1}
[data-hud=clear-8] .timed-tray img{width:19px;height:19px}
[data-hud=clear-8] .timed-tray b{font:10px/1 'Courier New',monospace}
/* World-anchored cues are children of the resized canvas viewport. */
[data-hud=clear-8] .encore-lane{padding:1px 4px;border:0;background:none;box-shadow:none;transform:translate(-55%,-20%)}
[data-hud=clear-8] .encore-lane i{font-size:18px}
[data-hud=clear-8] .encore-lane span{display:none}
[data-hud=clear-8] .encore-promotion{top:calc(var(--ledger-top) + 24px);left:50%;width:var(--ledger-width);max-width:none;height:24px;padding:0 6px;display:flex;align-items:center;justify-content:space-between;gap:8px;transform:translateX(-50%);background:#172e26;box-shadow:none;border-block:1px solid #c4a27066;z-index:7;animation:none}
[data-hud=clear-8] .encore-promotion small{display:none}
[data-hud=clear-8] .encore-promotion b{font:12px/1.4 'PingFang SC',sans-serif;letter-spacing:0;white-space:nowrap}
[data-hud=clear-8] .encore-promotion span{font-size:11px;line-height:1.4;text-align:right}
[data-hud=clear-8] .midnight-pause-summary{max-width:430px;margin:14px auto 18px;padding:12px 0;border-block:1px solid #c4a27044;color:#c7cfba;text-align:left}
[data-hud=clear-8] .midnight-pause-summary>b{font-size:13px;font-weight:500}
[data-hud=clear-8] .midnight-pause-summary p{font:11px/1.65 'PingFang SC',sans-serif;margin:5px 0;color:#bbc5b0}
[data-hud=clear-8] .midnight-pause-summary>div{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:11px}
.midnight-pause-summary span{display:flex;align-items:center;gap:3px}.midnight-pause-summary img{width:20px;height:20px;object-fit:contain}
@media(max-width:360px){[data-hud=clear-8] .timed-tray{gap:2px}[data-hud=clear-8] .timed-tray img{width:17px;height:17px}[data-hud=clear-8] .timed-tray b{font-size:9px}[data-hud=clear-8] .timed-top b{font-size:11px}}
@media(min-width:701px){[data-midnight=true][data-hud=clear-8]{--ledger-top:8px;--field-top:66px;--ledger-width:min(600px,calc(100% - 190px))}}
@media(min-width:601px) and (max-height:500px){[data-midnight=true][data-hud=clear-8]{--ledger-top:4px;--field-top:58px;--ledger-width:min(600px,calc(100% - 190px))}[data-hud=clear-8][data-mode=paused] .chaos-gate{align-items:flex-start;padding-top:55px;overflow:auto}[data-hud=clear-8][data-mode=paused] .chaos-gate h1{font-size:26px}}