/* The countdown is the promise. Ingredients and upgrades stay out of the playfield. */
.chaos-page[data-timed=true]{--cream:#efe3c4}
.timed-hud{position:absolute;z-index:5;pointer-events:none;top:48px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 32px));color:#eee1bb}
.timed-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.timed-top>div:first-child{min-width:0}.timed-top span{display:block;font:8px/1.4 monospace;letter-spacing:1.8px;color:#aebaa0}.timed-top b{font-size:13px;font-weight:500;display:block;margin-top:5px}.timed-timer{display:flex;align-items:center;gap:8px;flex-shrink:0}.timed-timer time{font:36px/1 Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:-1px}.timed-timer small{font-size:9px;color:#c2c8ad;max-width:38px;line-height:1.5}
.timed-upgrade{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:10px 0 6px}.timed-upgrade span{font:9px/1.5 monospace;color:#e9c78b}.timed-upgrade b{font-size:10px;font-weight:400;text-align:right;color:#c2c6a9}.timed-upgrade>i{height:2px;background:#d6c99c25;grid-column:1/-1}.timed-upgrade em{display:block;height:100%;background:#cdb176;transform-origin:left center;transition:transform .18s}
.timed-tray{display:flex;justify-content:space-between;gap:5px;padding:8px 6px;background:linear-gradient(90deg,#13281eda,#183225bb);border-radius:3px}.timed-tray>span{display:grid;grid-template-columns:20px auto;align-items:center;gap:2px;opacity:.48;min-width:27px}.timed-tray>span.has-food{opacity:1}.timed-tray i{font-style:normal;font-size:17px;line-height:1.2}.timed-tray b{font:11px monospace}.timed-tray small{grid-column:1/-1;font-size:8px;line-height:1.2}.timed-tray .rare{color:#b9d5d7;padding-left:7px;border-left:1px solid #b3c9b333}.timed-tray .rare i{font-size:17px}.timed-tray .rare.has-food{color:#f3d89d}
.chaos-page[data-timed=true] .chaos-callout{top:178px;max-width:calc(100% - 28px);white-space:normal;text-align:center;font-size:12px;letter-spacing:0;background:#142a21f0;border-left:2px solid #d4aa6e}
.timed-guidance{position:absolute;z-index:5;bottom:88px;left:50%;transform:translateX(-50%);padding:8px 14px;background:#14291cd9;font-size:12px;color:#f0d59e;white-space:nowrap;pointer-events:none}
.chaos-page[data-timed=true] .chaos-touch-zones{inset:49% 0 0}.chaos-page[data-timed=true] .chaos-touch-zones span{opacity:.7;bottom:calc(30px + env(safe-area-inset-bottom));font-size:12px}.chaos-page[data-timed=true][data-guide=true] .chaos-touch-zones button{border-bottom:2px solid #ddc38c66}.chaos-page[data-timed=true] .chaos-header button{min-width:44px;min-height:44px}
.chaos-page[data-timed=true][data-last-seconds=true] .timed-timer{color:#f1ac73}.timed-finale{position:absolute;z-index:7;left:50%;bottom:8%;transform:translateX(-50%);text-align:center;pointer-events:none;width:min(400px,calc(100% - 36px));padding:18px;background:#152d23d9;border-top:1px solid #c6b28255}.timed-finale small{font:9px monospace;letter-spacing:2px;color:#c7bd98}.timed-finale h2{font-size:28px;line-height:1.3;margin:8px 0}.timed-finale p{font-size:12px;margin:0;color:#c4cbae}
.timed-intro-food{margin:18px 0}.timed-intro-food>span{font-size:23px;letter-spacing:6px}.timed-intro-food small{margin-top:9px!important}.chaos-page[data-timed=true][data-mode=intro] .timed-hud,.chaos-page[data-timed=true][data-mode=paused] .timed-hud{opacity:.15}.chaos-page[data-timed=true][data-mode=result] .timed-hud{display:none}.chaos-page[data-timed=true][data-phase=cooking] .timed-hud,.chaos-page[data-timed=true][data-phase=plating] .timed-hud{opacity:.2}.chaos-page[data-timed=true][data-phase=cooking] .chaos-touch-zones,.chaos-page[data-timed=true][data-phase=plating] .chaos-touch-zones{display:none}
.timed-rarity{font:11px/1.5 monospace;color:#d7b578;margin-top:10px}.timed-result-flavors{display:flex;gap:8px 12px;flex-wrap:wrap;font-size:11px;color:#cbcdb1}.chaos-page[data-timed=true] .chaos-result-links button{min-height:44px;font-size:11px}.chaos-page[data-timed=true] .chaos-result{top:14%;max-height:80%;overflow:auto}
@media(max-width:700px){.chaos-page[data-timed=true] .chaos-board{left:0;right:0}.timed-hud{top:48px;width:calc(100% - 28px)}.timed-top b{font-size:12px}.timed-timer time{font-size:34px}.timed-upgrade{gap:5px 8px}.timed-upgrade b{font-size:9px}.timed-tray{padding:7px 5px}.timed-tray>span{grid-template-columns:18px auto}.timed-tray .rare{padding-left:4px}.timed-tray i{font-size:16px}.timed-guidance{font-size:11px;bottom:90px}.timed-result-flavors{justify-content:center}.chaos-page[data-timed=true][data-mode=result] .chaos-result{max-height:none;overflow:visible}.chaos-page[data-timed=true] .chaos-header{padding:0 10px}.chaos-page[data-timed=true] .chaos-header nav{gap:2px}.chaos-page[data-timed=true] .chaos-wordmark{font-size:13px}.chaos-page[data-timed=true] .chaos-header button{padding:5px;font-size:10px}}
@media(max-width:360px){.timed-top b{font-size:11px}.timed-timer time{font-size:30px}.timed-upgrade{gap:4px}.timed-tray{gap:3px}.timed-tray small{font-size:7px}.timed-tray b{font-size:10px}.timed-tray i{font-size:14px}.timed-guidance{font-size:10px}.timed-intro-food>span{font-size:20px;letter-spacing:3px}}
@media(min-width:701px) and (max-height:520px){.timed-hud{left:18px;transform:none;top:60px;width:225px}.timed-tray{flex-wrap:wrap;justify-content:flex-start;gap:12px}.timed-top b{font-size:11px}.timed-upgrade{grid-template-columns:1fr}.timed-upgrade b{text-align:left}.timed-finale{left:77%;width:280px}.chaos-page[data-timed=true] .chaos-callout{left:77%;top:70px;width:220px}.timed-guidance{left:77%;bottom:60px}.chaos-page[data-timed=true] .chaos-result{top:60px;max-height:calc(100svh - 65px)}.chaos-page[data-timed=true] .chaos-gate>div{padding:16px 25px}.timed-intro-food{margin:10px 0}}
@media(prefers-reduced-motion:reduce){.timed-upgrade em{transition:none}}