:root{color-scheme:dark;--ink: #f4ede0;--muted: #c3b49b;--amber: #f0b429;--hiviz: #ff8a1e;--asphalt: rgba(24, 27, 30, .82);--asphalt-solid: #1a1d20;--blue: #0d3f60;--line: rgba(240, 180, 41, .32);--sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#8fb6d8;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}#app{position:fixed;top:0;right:0;bottom:0;left:0}#scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;z-index:5;pointer-events:none}.bar{top:0;left:0;right:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 12px 22px;background:linear-gradient(180deg,rgba(12,14,16,.72),transparent)}.brand{font-family:var(--mono);font-weight:700;font-size:1.05rem;letter-spacing:.16em;color:var(--amber);margin-right:6px;white-space:nowrap}.brand i{font-style:normal;color:var(--ink)}.grow{flex:1 1 auto}.chip{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--asphalt);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px 9px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chip b{color:var(--ink);font-weight:700}#chip-shift{border-left:4px solid var(--amber)}#chip-shift.flash{animation:flash .5s steps(2) 6}@keyframes flash{50%{background:var(--amber);color:#14181b}}.progress{top:46px;left:12px;width:min(340px,46vw)}.progress-track{height:10px;border-radius:2px;background:var(--asphalt);border:1px solid rgba(255,255,255,.12);overflow:hidden}.progress-track i{display:block;height:100%;width:0%;background:repeating-linear-gradient(115deg,var(--amber) 0 9px,#d99b16 9px 18px);transition:width .35s ease}.progress-text{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.64rem;color:var(--ink);margin-top:3px;letter-spacing:.05em;text-shadow:0 1px 3px rgba(12,14,16,.9),0 0 8px rgba(12,14,16,.7)}.legend{left:12px;bottom:12px;font-size:.68rem;color:var(--muted);line-height:1.75;background:var(--asphalt);border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:8px 11px;max-width:min(330px,62vw)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px}.d-haul{background:#59c0e8}.d-lay{background:var(--amber)}.d-shift{background:var(--hiviz)}.hint{position:absolute;z-index:6;right:14px;bottom:14px;font-family:var(--sans);font-size:.76rem;color:#17191b;background:var(--amber);border:2px solid #14181b;border-radius:4px;padding:8px 13px;cursor:pointer;box-shadow:0 4px #14181b;transition:opacity .4s ease,transform .15s ease}.hint:active{transform:translateY(2px);box-shadow:0 2px #14181b}.hint b{letter-spacing:.04em}.hint.gone{opacity:0;pointer-events:none}.banner{position:absolute;z-index:9;left:0;right:0;top:26%;display:flex;justify-content:center;opacity:0;transform:translateY(-16px);transition:opacity .3s ease,transform .35s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.banner.on{opacity:1;transform:none}.banner-inner{position:relative;background:var(--asphalt-solid);border:3px solid var(--amber);padding:14px 30px;text-align:center;box-shadow:0 10px 34px #00000080}.banner-inner strong{display:block;font-family:var(--mono);font-size:clamp(1.3rem,4.4vw,2.3rem);letter-spacing:.2em;color:var(--amber)}.banner-inner small{display:block;margin-top:4px;font-size:.74rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.banner-stripes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0}.banner.klaxon .banner-stripes{opacity:1}.banner-stripes:before{content:"";position:absolute;top:-40%;right:-120%;bottom:-40%;left:-120%;background:repeating-linear-gradient(45deg,#f0b429d9 0,#f0b429d9 26px,#14181bd9 26px,#14181bd9 52px);animation:sweep 1.1s linear}@keyframes sweep{0%{transform:translate(-60%)}to{transform:translate(60%)}}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:radial-gradient(120% 90% at 50% 30%,#080c1247,#06090e9e);opacity:0;pointer-events:none;transition:opacity .4s ease}.sheet-backdrop.on{opacity:1;pointer-events:auto;cursor:zoom-out}.sheet-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,42px);pointer-events:none;visibility:hidden}.sheet-stage.on{visibility:visible}.sheet-wrap{position:relative;pointer-events:auto}.sheet-clip{position:relative;overflow:hidden;height:0;background:var(--blue);box-shadow:0 26px 60px #0000008c,0 2px #ffffff1f inset;border-radius:1px}#sheet-canvas{display:block}.sheet-deckle{position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent),repeating-linear-gradient(90deg,transparent 0 7px,rgba(255,255,255,.05) 7px 9px);pointer-events:none}.sheet-roll{position:absolute;left:-16px;right:-16px;top:0;height:30px;border-radius:15px;background:linear-gradient(180deg,#6b6250,#efe6cd 26%,#fffaef 42%,#d9cfb4 66%,#7d735d);box-shadow:0 12px 22px #00000073,0 1px #ffffff80 inset}.roll-band{position:absolute;top:-3px;bottom:-3px;left:16%;width:9px;background:linear-gradient(180deg,#8d3f34,#d4655a 40%,#7a352c);border-radius:3px;box-shadow:0 0 6px #0006}.roll-band.r2{left:auto;right:16%}.sheet-close{position:absolute;top:-14px;right:-14px;z-index:3;width:34px;height:34px;border-radius:50%;background:var(--amber);color:#14181b;border:2px solid #14181b;cursor:pointer;font-size:1rem;line-height:1;font-weight:700;box-shadow:0 3px #14181b;opacity:0;transition:opacity .25s ease}.sheet-stage.open .sheet-close{opacity:1}#loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#1b1e21 0,#1b1e21 40px,#191c1f 40px,#191c1f 80px);transition:opacity .7s ease}#loading.done{opacity:0;pointer-events:none}.load-plate{text-align:center;border:3px solid var(--amber);background:var(--asphalt-solid);padding:26px 34px;box-shadow:0 12px 40px #0000008c}.load-title{font-family:var(--mono);font-weight:700;font-size:clamp(1.6rem,7vw,2.8rem);letter-spacing:.24em;color:var(--amber)}.load-sub{margin:8px 0 14px;font-size:.78rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.load-bar{width:min(300px,58vw);height:8px;background:#2a2e32;border:1px solid rgba(255,255,255,.12);overflow:hidden}.load-bar i{display:block;height:100%;width:0%;background:repeating-linear-gradient(115deg,var(--amber) 0 8px,#d99b16 8px 16px);transition:width .25s ease}@media (max-width: 640px){.bar{padding:8px 9px 18px;gap:5px}.brand{font-size:.86rem;letter-spacing:.1em}.chip{font-size:.6rem;padding:3px 7px}#chip-day,#chip-phase{display:none}.progress{top:74px;width:calc(100% - 24px)}.legend{font-size:.6rem;line-height:1.6;padding:6px 8px}.hint{font-size:.68rem;padding:7px 10px}}@media (max-height: 520px){.legend{display:none}}@media (prefers-reduced-motion: reduce){.banner-stripes:before{animation:none}.progress-track i{transition:none}}