:root{--bg: #000000;--fg: #fcfcfc;--cream: #fce0a8;--accent: #fca044;--gold: #f8b800;--dim: #7c7c7c;--line: #3c3c3c;--good: #58d854;--bad: #f83800;--sea: #0058f8;--frame: #fcfcfc;--font: "DotGothic16", "Hiragino Kaku Gothic ProN", "Noto Sans JP", monospace;--nav-h: 58px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--fg)}body{font-family:var(--font);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;touch-action:manipulation}input{font:inherit}#app{height:100%;height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;position:relative;overflow:hidden;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.boot{margin:auto;color:var(--cream)}.boot:after{content:"▮";margin-left:4px;animation:blink 1s steps(1) infinite}.win{border:3px solid var(--frame);border-radius:6px;background:var(--bg);padding:10px 10px 8px;position:relative}.win+.win,.bar+.win,.tabs+.win{margin-top:10px}.win-title{position:absolute;top:-12px;left:10px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--bg);padding:0 6px;font-size:13px;color:var(--cream);line-height:1.5}.win.tappable{cursor:pointer}.cur{display:inline-block;width:1em}.blink{animation:blink 1s steps(1) infinite}@keyframes blink{50%{visibility:hidden}}.menu{display:grid;gap:2px 6px}.menu.cols-2{grid-template-columns:1fr 1fr}.menu.cols-3{grid-template-columns:1fr 1fr 1fr}.cmd{background:none;border:0;text-align:left;padding:6px 4px 6px 2px;min-height:44px;display:flex;align-items:center;gap:2px;cursor:pointer;border-radius:4px;min-width:0}.cmd:before{content:"▶";width:1em;flex:none;visibility:hidden;color:var(--fg)}@media (hover: hover){.cmd:hover:before{visibility:visible}}.cmd:focus-visible:before{visibility:visible}.cmd:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.cmd:active:not([aria-disabled=true]){background:var(--fg);color:var(--bg)}.cmd:active:not([aria-disabled=true]) *{color:var(--bg)!important}.cmd:active:not([aria-disabled=true]):before{visibility:visible;color:var(--bg)}.cmd.on{color:var(--gold)}.cmd.on:before{visibility:visible;color:var(--gold)}.cmd[aria-disabled=true],.cmd[aria-disabled=true] .desc,.cmd[aria-disabled=true] .sub{color:var(--dim)}.cmd .sub{font-size:13px;color:var(--cream);margin-left:auto;padding-left:6px;white-space:nowrap;flex:none;font-variant-numeric:tabular-nums}.cmd .tag{font-size:12px;color:var(--bg);background:var(--good);border-radius:3px;padding:0 4px;margin-left:6px;flex:none;line-height:1.5}.cmd .tag.warn{background:var(--bad);color:var(--fg)}.cmd.shake{animation:shake .24s steps(4)}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.list{margin:0 -4px;padding:0 4px}.list>.cmd{width:100%;border-bottom:1px dashed var(--line);border-radius:0}.list>.cmd:last-child{border-bottom:0}.list>.stepper{border-bottom:1px dashed var(--line)}.row-main{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main .desc{display:block;font-size:13px;color:var(--cream);white-space:normal;line-height:1.4}.pre{white-space:pre-wrap}.chip{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:0;flex:none}.topbar{display:flex;align-items:center;gap:8px;padding:calc(6px + env(safe-area-inset-top,0px)) 8px 6px 10px;font-size:13px;border-bottom:3px solid var(--frame);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;position:relative;z-index:3;background:var(--bg)}.topbar .grow{flex:1}.topbar b{font-weight:400;color:var(--gold);margin-left:2px}.topbar b.bad{color:var(--bad)}.topbar .stat{color:var(--cream)}.topbar .cash{position:relative}.topbar .delta{position:absolute;left:0;top:100%;font-size:12px;padding:0 4px;background:var(--bg);border:1px solid currentColor;border-radius:3px;pointer-events:none;animation:floatUp 1.4s steps(8) forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(2px)}75%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.iconbtn{background:var(--bg);border:2px solid var(--frame);border-radius:4px;min-width:40px;height:34px;cursor:pointer;font-size:14px}.iconbtn:active{background:var(--fg);color:var(--bg)}.mapwrap{position:relative;flex:none;height:36vh;height:clamp(150px,36dvh,400px);overflow:hidden;background:var(--sea);touch-action:none}.mapwrap canvas{position:absolute;left:0;top:0}.mapwrap canvas.pix{image-rendering:pixelated;image-rendering:crisp-edges}.mapctl{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:6px}.mapctl .iconbtn{width:44px;height:40px}.maptoast{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;font-size:22px;padding:12px 20px;pointer-events:none;animation:pop .24s steps(3) both;z-index:2}.maptoast small{display:block;font-size:14px;color:var(--cream)}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.6)}to{transform:translate(-50%,-50%) scale(1)}}.panel{padding:10px 8px 12px;display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-top:48px}.panel.enter>*{animation:winIn .16s steps(4) both}.panel.enter>*:nth-child(2){animation-delay:.03s}.panel.enter>*:nth-child(3){animation-delay:.06s}.panel.enter>*:nth-child(n+4){animation-delay:.09s}@keyframes winIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bar{position:sticky;top:-10px;z-index:2;display:flex;align-items:center;gap:6px;margin:-10px -8px 4px;padding:6px 8px;background:var(--bg);border-bottom:2px solid var(--line);min-height:48px}.barbtn{flex:none;background:var(--bg);border:2px solid var(--frame);border-radius:4px;min-height:36px;padding:0 10px;font-size:14px;cursor:pointer}.barbtn:active:not([aria-disabled=true]){background:var(--fg);color:var(--bg)}.barbtn[aria-disabled=true]{color:var(--dim);border-color:var(--dim)}.bartitle{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cream);font-size:15px;text-align:center}.msg{display:flex;gap:8px;min-height:76px}.msg.compact{min-height:0;align-items:flex-start}.msg.compact>.list{flex:1;min-width:0;margin:-6px 0}.msg.compact .row-main{white-space:normal;line-height:1.4;font-size:15px}.msg canvas{width:48px;height:48px;flex:none;image-rendering:pixelated;border:2px solid var(--frame)}.msg .text{flex:1;min-width:0;font-size:15px;white-space:pre-wrap;line-break:strict;overflow-wrap:anywhere}.msg .speaker{color:var(--cream);font-size:13px;display:block}.typed-wrap{position:relative}.typed-wrap .ghost{visibility:hidden}.typed-wrap .typed{position:absolute;top:0;right:0;bottom:0;left:0}.more{position:absolute;right:10px;bottom:4px;color:var(--gold)}.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;font-size:14px}.kv dt{color:var(--cream)}.kv dd{margin:0;min-width:0;font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.good{color:var(--good)}.bad{color:var(--bad)}.dim{color:var(--dim)}.gold{color:var(--gold)}.small{font-size:13px}.hint{font-size:13px;color:var(--dim);margin-top:6px;white-space:pre-wrap}.hint:first-child{margin:0 0 6px}.cmd.primary{justify-content:center;background:var(--accent);color:var(--bg);border:2px solid var(--accent);min-height:48px}.cmd.primary:before{display:none}.cmd.primary[aria-disabled=true]{background:none;color:var(--dim);border-color:var(--dim)}.sublist{margin:0 0 6px 14px;padding-left:6px;border-left:2px solid var(--gold)}.masthead{display:flex;justify-content:space-between;align-items:baseline;border-top:3px double var(--fg);border-bottom:3px double var(--fg);padding:4px 2px;margin:4px 0 8px}.masthead b{font-weight:400;font-size:20px;letter-spacing:2px}.masthead span{font-size:13px;color:var(--cream)}.newsrow{padding:8px 2px 8px 1em;border-bottom:1px dashed var(--line);line-height:1.5}.newsrow:last-child{border-bottom:0}.navbar{flex:none;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px));border-top:3px solid var(--frame);background:var(--bg);z-index:3}.navbar:empty{display:none}.navbtn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--nav-h);border:2px solid transparent;border-radius:6px;background:none;cursor:pointer;color:var(--fg)}.navbtn .icon{width:18px;height:18px;image-rendering:pixelated}.navbtn .navlabel{font-size:12px;line-height:1.2}.navbtn.on{color:var(--gold);border-color:var(--gold)}.navbtn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.navbtn:active:not(:disabled){background:var(--fg);color:var(--bg);border-color:var(--fg)}.navbtn:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.navbar.locked .navbtn{opacity:.35;cursor:default}.dot{position:absolute;top:2px;right:6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--bad);color:var(--fg);font-size:11px;line-height:18px;text-align:center}.tab .dot{position:static;display:inline-block;margin-left:4px;vertical-align:1px}.notice{position:absolute;left:12px;right:12px;bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom,0px));z-index:5;background:var(--bg);border:3px solid var(--good);border-radius:6px;padding:8px 12px;font-size:14px;white-space:pre-wrap;animation:slideUp .18s steps(3) both;box-shadow:0 4px #000}.notice.bad{border-color:var(--bad)}.notice.out{animation:fadeOut .36s steps(3) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeOut{to{opacity:0;transform:translateY(6px)}}.scene{flex:1;display:flex;flex-direction:column;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));gap:14px;overflow-y:auto}.scene>*{animation:winIn .2s steps(4) both}.logo{text-align:center;padding-top:12px}.logo h1{font-size:56px;letter-spacing:8px;margin:0;font-weight:400;color:var(--accent);line-height:1.1}.logo p{margin:4px 0 0;letter-spacing:6px;color:var(--cream)}.skyline{width:100%;image-rendering:pixelated;display:block}.credit{font-size:12px;color:var(--dim);text-align:center}.cards{display:grid;gap:8px}.card{display:flex;gap:10px;align-items:flex-start;text-align:left;background:none;border:3px solid var(--frame);border-radius:6px;padding:8px;cursor:pointer}.card:active{background:var(--fg);color:var(--bg)}.card:active *{color:var(--bg)!important}.card:focus-visible{outline:2px solid var(--gold)}.card canvas{width:48px;height:48px;image-rendering:pixelated;flex:none}.stats{font-size:13px;display:grid;grid-template-columns:repeat(4,auto);gap:0 8px;color:var(--cream)}.field{display:flex;gap:8px;align-items:center}.field input{flex:1;min-width:0;min-height:44px;background:var(--bg);color:var(--fg);border:2px solid var(--frame);border-radius:4px;padding:6px 8px;user-select:text;-webkit-user-select:text;font-size:16px}.field input:focus{outline:2px solid var(--gold);outline-offset:1px}.field span{width:3em;flex:none;color:var(--cream)}.tabs{display:flex;gap:4px;overflow-x:auto;margin:2px 0 4px;flex:none;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;background:var(--bg);border:2px solid var(--dim);border-radius:4px;padding:4px 10px;min-height:40px;cursor:pointer;font-size:14px;color:var(--cream)}.tab.on{border-color:var(--gold);color:var(--bg);background:var(--gold)}.tab:active{background:var(--fg);color:var(--bg)}.stepper{display:flex;align-items:center;gap:6px;padding:4px 0;flex-wrap:wrap}.stepper .st-label{color:var(--cream);font-size:14px;min-width:3em}.stepper .iconbtn{width:44px;height:40px;font-size:18px}.stepper .st-value{font-weight:400;color:var(--gold);min-width:5em;text-align:center;font-variant-numeric:tabular-nums}.stepper .st-note{font-size:13px;color:var(--cream)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.kpi{border:2px solid var(--line);border-radius:4px;padding:4px 6px;min-width:0}.kpi .k{display:block;font-size:12px;color:var(--cream)}.kpi .v{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.kpi .d{display:block;font-size:12px;font-variant-numeric:tabular-nums}.meter{font-family:var(--font);letter-spacing:-1px;color:var(--gold)}.meter .rest{color:var(--line)}.storefront{width:192px;height:120px;image-rendering:pixelated;display:block;margin:0 auto 6px}.storefront.small{width:128px;height:80px}.bubbles{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.bubble{position:relative;align-self:flex-start;max-width:92%;font-size:13px;padding:4px 8px;border:2px solid var(--frame);border-radius:8px;background:var(--bg)}.bubble.bad{border-color:var(--bad)}.bubble.green{border-color:var(--good);align-self:flex-end}.bubble.red{border-color:var(--bad);align-self:flex-end;color:var(--cream)}.section-label{font-size:13px;color:var(--cream);margin:12px 0 2px;border-bottom:1px dashed var(--dim)}.pentagon{width:88px;height:88px;image-rendering:pixelated;flex:none}.bean-head{display:flex;gap:10px;align-items:center;margin-bottom:6px}@media (prefers-reduced-motion: reduce){.blink,.boot:after{animation:none}.panel.enter>*,.scene>*,.maptoast,.notice,.notice.out,.topbar .delta,.cmd.shake{animation:none}}