:root{--accent:#ff2d20;--gold:#e9c46a;--ink:#fff;--dim:#b4ada4;--line:#ffffff29;--bg:#0b0706;--panel:#0a0807db;--display:"Bebas Neue", Impact, "Arial Narrow", sans-serif;--text:"Inter", system-ui, -apple-system, sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--text);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}#c{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui button,#ui a,#ui .panel,#ui .sheet,#ui .tray,#ui .bar{pointer-events:auto}button{font:inherit;color:inherit}a{color:inherit}b{font-weight:700}em{color:var(--accent);font-style:normal}.muted{color:var(--dim);font-size:.85rem;line-height:1.6}.eyebrow{font-family:var(--display);letter-spacing:.2em;color:var(--gold);font-size:clamp(.85rem,2vw,1.05rem)}.hud{opacity:0;visibility:hidden;transition:opacity .4s}body.playing .hud{opacity:1;visibility:visible}.top{top:calc(var(--sat) + 8px);left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);pointer-events:none;flex-wrap:wrap;align-items:stretch;gap:6px;display:flex;position:absolute}.top>*{pointer-events:auto;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px)}.city{flex-direction:column;justify-content:center;padding:6px 12px 4px;display:flex}.city b{font-family:var(--display);letter-spacing:.06em;font-size:1.45rem;font-weight:400;line-height:1}.city span{color:var(--gold);font-family:var(--display);letter-spacing:.1em;font-size:.85rem}.stat{flex-direction:column;justify-content:center;min-width:74px;padding:6px 12px 4px;display:flex}.stat b{font-family:var(--display);letter-spacing:.04em;font-size:1.45rem;font-weight:400;line-height:1}.stat span{color:var(--dim);letter-spacing:.02em;white-space:nowrap;font-size:.68rem}.stat span.pos{color:#8fe08a}.stat span.neg,.stat b.neg{color:#ff6b5e}.speed{display:flex}.speed button{letter-spacing:-.12em;color:var(--dim);cursor:pointer;background:0 0;border:0;min-width:40px;padding:0 10px;font-size:.8rem}.speed button.pause{letter-spacing:.02em;font-size:.7rem}.speed button.on{color:#fff;background:var(--accent)}.ib{cursor:pointer;color:#fff;min-width:44px;padding:0 10px;font-size:1.25rem}#menuBtn{margin-left:auto}.demand{left:calc(var(--sal) + 8px);top:calc(var(--sat) + 70px);background:var(--panel);border:1px solid var(--line);gap:4px;padding:8px 8px 4px;display:flex;position:absolute}.demand div{flex-direction:column;align-items:center;width:16px;height:64px;display:flex;position:relative}.demand div:before{content:"";background:#ffffff12;height:48px;position:absolute;top:0;left:0;right:0}.demand div:after{content:"";background:#fff6;height:1px;position:absolute;top:24px;left:-2px;right:-2px}.demand i{height:0;max-height:24px;transition:height .5s;position:absolute;left:2px;right:2px}.demand i.up{bottom:40px}.demand i.down{top:24px}.demand div:first-child i{background:#5fd35a}.demand div:nth-child(2) i{background:#4aa3ff}.demand div:nth-child(3) i{background:#f2c230}.demand span{font-family:var(--display);color:var(--dim);font-size:.9rem;line-height:1;position:absolute;bottom:0}.goal{right:calc(var(--sar) + 8px);top:calc(var(--sat) + 70px);background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);max-width:min(330px,60vw);padding:8px 12px;font-size:.85rem;line-height:1.35;position:absolute}.goal .k{font-family:var(--display);letter-spacing:.14em;color:var(--gold);font-size:.85rem;display:block}.goal .rw{color:#8fe08a;margin-top:2px;font-size:.75rem;display:block}.toasts{left:50%;top:calc(var(--sat) + 140px);flex-direction:column;align-items:center;gap:6px;width:min(92vw,460px);display:flex;position:absolute;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--line);opacity:0;text-align:center;padding:8px 14px;font-size:.9rem;transition:opacity .35s,transform .35s;transform:translateY(-8px)}.toast.on{opacity:1;transform:none}.toast.big{border-color:var(--gold);padding:8px 16px}.toast.big .k{font-family:var(--display);letter-spacing:.06em;color:var(--gold);font-size:1.5rem;line-height:1;display:block}.toast.err{border-color:var(--accent)}.hint{left:50%;bottom:calc(var(--sab) + 196px);color:#eee;opacity:0;text-align:center;background:#0000009e;max-width:92vw;padding:6px 12px;font-size:.82rem;transition:opacity .3s;position:absolute;transform:translate(-50%)}.hint.on{opacity:1}.bottom{padding:0 calc(var(--sar) + 6px) calc(var(--sab) + 6px) calc(var(--sal) + 6px);pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.bar,.tray{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:4px;display:flex;overflow-x:auto}.bar::-webkit-scrollbar{display:none}.tray::-webkit-scrollbar{display:none}.bar{justify-content:safe center}.cat{background:var(--panel);border:1px solid var(--line);cursor:pointer;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:70px;height:62px;padding:0;display:flex}.cat .ic{font-size:1.55rem;line-height:1}.cat .nm{font-family:var(--display);letter-spacing:.06em;color:var(--dim);white-space:nowrap;font-size:.82rem}.cat.on{border-color:var(--accent);background:#ff2d2038}.cat.on .nm{color:#fff}.tray{justify-content:safe center;display:none}.tray.on{display:flex}.item{background:var(--panel);border:1px solid var(--line);cursor:pointer;flex-direction:column;flex:none;align-items:center;width:104px;padding:4px 4px 6px;display:flex}.item .th{width:80px;height:64px;display:block}.item .th img{object-fit:contain;width:100%;height:100%;display:block}.item .nm{text-align:center;align-items:center;min-height:2.3em;font-size:.72rem;line-height:1.15;display:flex}.item .co{font-family:var(--display);letter-spacing:.05em;color:var(--gold);font-size:.95rem}.item.on{border-color:var(--accent);background:#ff2d2033}.item.locked{opacity:.55}.item.locked .th img{filter:grayscale()brightness(.6)}.item.built .co{color:#8fe08a}.sheet{right:calc(var(--sar) + 8px);bottom:calc(var(--sab) + 82px);background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent);opacity:0;visibility:hidden;width:min(360px,100vw - 16px);padding:12px 14px;transition:opacity .25s,transform .25s,visibility .25s;position:absolute;transform:translateY(16px)}body.playing .sheet:not(.on){opacity:0;visibility:hidden}.sheet.on{opacity:1;visibility:visible;transform:none}.sheet .x{color:var(--dim);cursor:pointer;background:0 0;border:0;padding:6px;font-size:1.1rem;position:absolute;top:6px;right:6px}.sh-h{align-items:center;gap:10px;display:flex}.sh-h img{object-fit:contain;width:72px;height:60px}.sheet h3{font-family:var(--display);letter-spacing:.03em;margin:0;font-size:1.7rem;font-weight:400;line-height:1}.sheet .muted{margin:2px 0 0;font-size:.78rem;line-height:1.4}.sheet table{border-collapse:collapse;width:100%;margin-top:8px;font-size:.85rem}.sheet td{border-bottom:1px solid #ffffff12;padding:3px 0}.sheet td:last-child{text-align:right}.sheet .btns{margin-top:10px}.sheet .btn{padding:.5rem .9rem .4rem;font-size:1.1rem}.scr{opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;position:absolute;top:0;bottom:0;left:0;right:0}.scr.on{opacity:1;visibility:visible}.scr:not(.on),.scr:not(.on) *{pointer-events:none!important}.modal{z-index:20;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);width:min(520px,100%);max-height:calc(100% - 20px);padding:22px 24px;overflow:auto}h2{font-family:var(--display);letter-spacing:.03em;margin:0 0 .6rem;font-size:clamp(2rem,6vw,3rem);font-weight:400;line-height:1}.how{margin:0 0 .8rem;padding-left:1.2rem;font-size:.9rem;line-height:1.5}.how li{margin-bottom:.45rem}.btns{flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;display:flex}.btns.col{flex-direction:column}.btn{font-family:var(--display);letter-spacing:.1em;color:#fff;cursor:pointer;text-align:center;background:#00000059;border:1px solid #ffffffb3;padding:.65rem 1.4rem .5rem;font-size:1.4rem;text-decoration:none;transition:background .2s,transform .15s}.btn:hover{color:#000;background:#fff}.btn:active{transform:scale(.97)}.btn.red{background:var(--accent);border-color:var(--accent)}.btn.red:hover{color:var(--accent);background:#fff}.btn.ghost{border-color:var(--line);color:var(--dim)}#title{padding:calc(var(--sat) + 24px) calc(var(--sar) + 24px) calc(var(--sab) + 24px) calc(var(--sal) + clamp(24px, 6vw, 90px));background:radial-gradient(at 70% 55%,#0000 30%,#0b0706bf 75%),linear-gradient(90deg,#0b0706eb 0%,#0b07068c 45%,#0000 70%);align-items:center;display:flex}.title-in{max-width:560px}h1.t{font-family:var(--display);letter-spacing:.01em;margin:.35rem 0 0;font-weight:400;line-height:.86}h1.t span{display:block}h1.t .fill{font-size:clamp(4rem,14vw,9rem)}h1.t .outline{color:#0000;-webkit-text-stroke:1.5px #fff;font-size:clamp(2.6rem,8vw,5.6rem)}h1.t .red{color:var(--accent);font-size:clamp(2.6rem,8vw,5.6rem)}h1.t .sub{color:var(--gold);letter-spacing:.08em;margin-top:.5rem;font-size:clamp(1.2rem,3.6vw,2.2rem)}.lede{color:#ddd6cd;max-width:46ch;margin:1rem 0 0;font-size:clamp(.92rem,2vw,1.05rem);line-height:1.55}.loading{font-family:var(--display);letter-spacing:.18em;color:var(--gold);font-size:1.2rem}.credit{max-width:48ch;margin-top:1.2rem}.ver{opacity:.6;font-size:.7rem}@media (orientation:portrait){#title{background:linear-gradient(#0b0706eb 0%,#0b0706a6 45%,#0000 62%,#0b0706d9 100%);align-items:flex-start}.title-in{flex-direction:column;min-height:100%;display:flex}#title .btns{order:5;margin-top:auto}#title .credit{order:6}}@media (max-width:720px){.top{gap:4px}.city{display:none}.stat{flex:auto;min-width:0;padding:4px 7px 3px}.stat b{font-size:1.15rem}.stat span{font-size:.6rem}.clock{display:none}.speed{flex:100%;order:10;justify-content:stretch}.speed button{flex:1;padding:5px 0}.ib{min-width:38px;font-size:1.1rem}#menuBtn{margin-left:0}.demand{top:calc(var(--sat) + 104px)}.goal{top:calc(var(--sat) + 104px);max-width:calc(100vw - 100px);font-size:.78rem}.toasts{top:calc(var(--sat) + 180px)}.cat{width:60px;height:56px}.cat .ic{font-size:1.35rem}.cat .nm{font-size:.72rem}.toast{font-size:.82rem}.item{width:92px}.item .th{width:72px;height:56px}.hint{bottom:calc(var(--sab) + 180px)}.sheet{bottom:calc(var(--sab) + 70px);left:calc(var(--sal) + 8px);right:auto}}@media (max-width:720px) and (orientation:portrait){.bar{flex-wrap:wrap;justify-content:center;gap:3px;overflow:visible}.cat{gap:2px;width:calc(20% - 3px);height:50px}.cat .ic{font-size:1.2rem}.hint{bottom:calc(var(--sab) + 220px)}.sheet{bottom:calc(var(--sab) + 116px)}}@media (max-height:480px) and (orientation:landscape){.demand,.goal{top:calc(var(--sat) + 62px)}.cat{height:48px}.cat .nm{display:none}.item .th{height:44px}.item .nm{min-height:0}.hint{bottom:calc(var(--sab) + 150px)}}