:root{--g-face:#c4c4c4;--g-face-d:#b4b4b4;--g-bar:#9c9c9c;--g-bar-d:#868686;--bevel-hi:#ececec;--bevel-lo:#707070;--bevel-lo2:#4a4a4a;--inset-hi:#e2e2e2;--inset-lo:#6a6a6a;--title:#34547a;--title-2:#233b59;--title-text:#fff;--green:#2f7d34;--green-d:#1f5a24;--red:#b3402f;--amber:#c98a1b;--text:#0c0c0c;--text-soft:#33332f;--meadow:#4f8f3a;--sidebar-w:300px;color:var(--text);font-family:Verdana,Tahoma,Segoe UI,Geneva,sans-serif;font-size:12px}*{box-sizing:border-box}html,body{background:var(--meadow);overscroll-behavior:none;-webkit-text-size-adjust:100%;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;touch-action:manipulation}button:disabled{cursor:not-allowed}.hidden{display:none!important}.muted{color:var(--text-soft);padding:2px 0;font-size:11px}#app{flex-direction:column;width:100vw;height:100dvh;display:flex}.bar-btn,.sidebar-tab,.tool-mode,.build-card,.scenario-btn,.big-btn,.entry-card button,.notif-clear{border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo2) var(--bevel-lo2) var(--bevel-hi);box-shadow:inset 1px 1px 0 #fffa, inset -1px -1px 0 var(--bevel-lo);cursor:pointer}.stat-block,.goal-box,.panel-box,.guide-box{border:2px solid;border-color:var(--inset-lo) var(--inset-hi) var(--inset-hi) var(--inset-lo);box-shadow:inset 1px 1px #0003}#top-bar{min-height:46px;padding:4px 8px;padding-top:max(4px, env(safe-area-inset-top));background:linear-gradient(180deg, #bcbcbc 0%, var(--g-bar) 60%, var(--g-bar-d) 100%);border-bottom:2px solid var(--bevel-lo2);z-index:10;flex:none;align-items:center;gap:10px;display:flex;box-shadow:inset 0 1px #fffc}.brand{text-shadow:0 1px #fffa;white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.brand-ball{color:var(--red);display:inline-flex}.brand-ball svg{width:22px;height:22px}.hud{gap:5px;min-width:0;display:flex}.hud-chip{border:2px solid;border-color:var(--inset-lo) var(--inset-hi) var(--inset-hi) var(--inset-lo);background:#e9e6da;flex-direction:column;justify-content:center;min-width:62px;padding:2px 8px;line-height:1.15;display:flex}.chip-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);font-size:9px}.hud-chip strong{white-space:nowrap;font-size:13px}#chip-cash strong{color:var(--green-d)}#chip-cash.negative strong{color:var(--red)}.hud-chip.good strong{color:var(--green-d)}.hud-chip.okay strong{color:#8a5d0a}.hud-chip.bad strong{color:var(--red)}.header-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.speed-group{gap:2px;display:flex}.notif-wrap{position:relative}.bar-btn{white-space:nowrap;background:linear-gradient(#dadada,#bdbdbd 55%,#a8a8a8);padding:6px 11px;font-weight:700}.bar-btn:hover:not(:disabled){background:linear-gradient(#e6e6e6,#c8c8c8 55%,#b4b4b4)}.bar-btn:active:not(:disabled),.bar-btn.active{border-color:var(--bevel-lo2) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo2);box-shadow:inset 1px 1px 0 var(--bevel-lo);background:#a9a9a9}.bar-btn:disabled{opacity:.5}.bar-btn.icon-btn{justify-content:center;align-items:center;width:36px;height:34px;padding:0;display:inline-flex}.bar-btn.sm{padding:5px 9px;font-size:11px}.speed-btn.active,#btn-pause.active{color:#fff;background:var(--green)}#btn-pause.active{background:var(--amber)}.notif-badge{text-align:center;color:#fff;background:#c62828;border:1px solid #000;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;line-height:17px;position:absolute;top:-5px;right:-5px}.notif-inbox{background:var(--g-face);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo2) var(--bevel-lo2) var(--bevel-hi);z-index:50;flex-direction:column;width:min(340px,92vw);max-height:360px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:3px 3px #0006}.notif-inbox-head{background:linear-gradient(180deg, var(--title), var(--title-2));color:var(--title-text);border-bottom:2px solid var(--bevel-lo2);justify-content:space-between;align-items:center;padding:5px 8px;font-weight:700;display:flex}.notif-clear{color:var(--text);background:linear-gradient(#dadada,#b6b6b6);padding:2px 7px;font-size:10px;font-weight:700}.notif-inbox-list{max-height:300px;overflow-y:auto}.notif-inbox-item{border-bottom:1px solid #ababab;grid-template-columns:26px 1fr;gap:7px;padding:7px 9px;font-size:11px;line-height:1.4;display:grid}.notif-inbox-item.unread{background:#d6dcc4;font-weight:600}.notif-inbox-icon,.notification-icon{border:1px solid #0004;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:flex}.notif-inbox-success .notif-inbox-icon,.notification-success .notification-icon{color:#1c5320;background:#bcd9bd}.notif-inbox-info .notif-inbox-icon,.notification-info .notification-icon{color:#1d3f5e;background:#b6cfe2}.notif-inbox-warning .notif-inbox-icon,.notification-warning .notification-icon{color:#6e4d10;background:#e6d2a4}.notif-inbox-error .notif-inbox-icon,.notification-error .notification-icon{color:#7d1c1c;background:#e2b6b6}.notif-empty{text-align:center;color:var(--text-soft);padding:18px 10px}#main-row{flex:auto;min-height:0;display:flex}#sidebar{flex:0 0 var(--sidebar-w);background:var(--g-face);border-right:2px solid var(--bevel-lo2);min-height:0;box-shadow:inset -2px 0 0 var(--bevel-lo), inset 2px 0 0 var(--bevel-hi);z-index:5;flex-direction:column;display:flex}.sidebar-tabs{background:var(--g-bar);border-bottom:2px solid var(--bevel-lo2);flex:none;grid-template-columns:repeat(5,1fr);gap:2px;padding:3px 3px 0;display:grid}.sidebar-tab{background:linear-gradient(#cfcfcf,#aeaeae);padding:8px 2px;font-size:11px;font-weight:700}.sidebar-tab.active{background:var(--g-face);border-color:var(--bevel-hi) var(--bevel-hi) var(--g-face) var(--bevel-hi);margin-bottom:-2px;padding-bottom:10px;box-shadow:inset 1px 1px #fff}.sidebar-panels{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:9px;overflow-y:auto}.sidebar-panel{display:none}.sidebar-panel.active{display:block}.guide-box{color:#453708;background:#e4dc9c;margin-bottom:9px;padding:9px;font-weight:600;line-height:1.45}.stat-block,.goal-box,.panel-box{background:var(--g-face-d);margin-bottom:9px;padding:7px 8px}.stat-line{border-bottom:1px solid #0002;justify-content:space-between;gap:8px;padding:3px 0;display:flex}.stat-line:last-child{border-bottom:none}.stat-line strong{white-space:nowrap;font-weight:700}.stat-line.good strong{color:var(--green-d)}.stat-line.bad strong{color:var(--red)}.stat-line.total{border-top:2px solid #0004;margin-top:3px}.ledger-head{text-transform:uppercase;color:var(--title-2);margin:4px 0 2px;font-size:10px;font-weight:800}.goal-title{color:var(--title-2);margin-bottom:5px;font-size:13px;font-weight:800}.goal-row{grid-template-columns:18px 1fr auto;align-items:center;gap:2px 5px;padding:4px 0;display:grid}.goal-row .meter{grid-column:1/-1}.goal-row.free{color:var(--text-soft);display:block}.goal-check{border:2px solid var(--inset-lo);width:16px;height:16px;color:var(--green-d);background:#e9e6da;justify-content:center;align-items:center;display:inline-flex}.goal-check svg{stroke-width:4px;width:12px;height:12px}.goal-row.met .goal-name{color:var(--green-d);font-weight:700}.meter{border:1px solid;border-color:var(--inset-lo) var(--inset-hi) var(--inset-hi) var(--inset-lo);background:#8d8d8d;height:8px}.meter-fill{height:100%}.meter-fill.good{background:#35a23c}.meter-fill.okay{background:#d9a21e}.meter-fill.bad{background:#cf4a35}.factor{grid-template-columns:96px 1fr 26px;align-items:center;gap:6px;padding:3px 0;display:grid}.factor strong{text-align:right}.factor.worst span:first-child{color:var(--red);font-weight:700}.section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--title-2);margin:11px 0 5px;font-size:10px;font-weight:800}.section-label:first-child{margin-top:0}.tool-switch{gap:3px;margin-bottom:9px;display:flex}.tool-mode{background:linear-gradient(#d6d6d6,#b4b4b4);flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:700;display:inline-flex}.tool-mode svg{width:15px;height:15px}.tool-mode.active{border-color:var(--bevel-lo2) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo2);box-shadow:inset 1px 1px 0 var(--bevel-lo);background:#9fb39f}.tool-mode:disabled{opacity:.5}.build-grid{flex-direction:column;gap:3px;display:flex}.build-card{text-align:left;background:linear-gradient(#d4d4d4,#bcbcbc);grid-template-columns:56px 1fr auto;align-items:center;gap:8px;padding:2px 8px 2px 4px;display:grid}.build-card:hover:not(:disabled){background:linear-gradient(#e0e0e0,#c8c8c8)}.build-card.active{border-color:var(--bevel-lo2) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo2);box-shadow:inset 1px 1px 0 var(--bevel-lo);background:#9fb39f}.build-card.locked{opacity:.55}.build-card.pricey .build-cost{color:var(--red)}.build-icon{width:56px;height:64px;image-rendering:pixelated;margin:-10px 0 -4px}.build-text{flex-direction:column;gap:1px;min-width:0;display:flex}.build-name{font-weight:700}.build-blurb{color:var(--text-soft);font-size:10px;line-height:1.3}.build-cost{color:var(--green-d);font-weight:700}.price-row{grid-template-columns:auto 1fr auto 44px;align-items:center;gap:6px;display:grid}.price-row strong{text-align:right;font-size:15px}.price-row input[type=range]{width:100%;min-width:0;accent-color:var(--green);height:26px}.price-hint{color:var(--text-soft);margin:5px 0 2px;font-size:11px;line-height:1.4}.loan-row{gap:4px;margin-top:7px;display:flex}.loan-row .bar-btn{flex:1}#profit-graph{width:100%;height:70px;margin-bottom:9px;display:block}.entry-list{flex-direction:column;gap:5px;margin-bottom:9px;display:flex}.entry-card{background:#d4d4d4;border:1px solid #0003;padding:7px}.entry-card strong{margin-bottom:2px;display:block}.entry-card strong em{color:var(--text-soft);float:right;font-style:normal;font-weight:400}.entry-card p{color:var(--text-soft);margin:0 0 6px;font-size:11px;line-height:1.4}.entry-card button{background:linear-gradient(#d6d6d6,#b4b4b4);padding:5px 9px;font-size:11px;font-weight:700}.entry-card button:disabled{opacity:.5}.entry-card.running,.entry-card.done{background:#cfe0c4}.entry-actions{gap:4px;display:flex}.done-tag{color:var(--green-d);font-weight:800}.table{border-collapse:collapse;width:100%;font-size:11px}.table th{color:var(--text-soft);text-align:right;padding:2px 4px;font-size:10px}.table td{text-align:right;border-top:1px solid #0002;padding:3px 4px}.table .left{text-align:left}.table i,.bug-line i{border:1px solid #0006;width:9px;height:9px;margin-right:5px;display:inline-block}.table tr.mine td{background:#dfe9c8;font-weight:800}#play-area{background:var(--meadow);flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}#game-canvas{cursor:pointer;touch-action:none;width:100%;height:100%;image-rendering:pixelated;display:block}#game-canvas.panning{cursor:grabbing}#scorebug,#selection-bar,#canvas-hint{z-index:4;background:var(--g-face);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo2) var(--bevel-lo2) var(--bevel-hi);position:absolute;box-shadow:2px 2px #0006}#scorebug{pointer-events:none;max-width:calc(100% - 16px);top:8px;left:8px}.bug-top{color:var(--title-text);background:linear-gradient(180deg, var(--title), var(--title-2));justify-content:space-between;gap:14px;padding:3px 8px;font-size:11px;font-weight:700;display:flex}.bug-weather{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.bug-weather svg{width:14px;height:14px}.bug-line{border-collapse:collapse;margin:3px 6px 0;font-size:12px}.bug-line th{color:var(--text-soft);padding:0 3px;font-size:10px;font-weight:700}.bug-line td{text-align:center;min-width:17px;padding:2px 3px}.bug-line td.team{text-align:left;white-space:nowrap;padding-right:10px;font-weight:700}.bug-line td.runs{background:#e9e6da;border-left:1px solid #0003;min-width:24px;font-size:14px;font-weight:800}.bug-line td.inn{color:var(--text-soft)}.bug-line tr.mine td.team{color:var(--title-2)}.bug-status{color:var(--green-d);padding:3px 8px 5px;font-size:11px;font-weight:700}#selection-bar{white-space:nowrap;align-items:center;gap:10px;max-width:calc(100% - 16px);padding:6px 8px 6px 12px;font-weight:700;display:flex;bottom:52px;left:50%;transform:translate(-50%)}#selection-text{text-overflow:ellipsis;overflow:hidden}#canvas-hint{pointer-events:none;max-width:300px;padding:5px 8px;font-size:11px;line-height:1.4;bottom:10px;right:8px}.zoom-controls{z-index:4;flex-direction:column;gap:3px;display:flex;position:absolute;top:8px;right:8px}.play-ball{z-index:6;letter-spacing:.03em;color:#fff;text-shadow:0 2px #0006;background:linear-gradient(180deg, #4fb356, var(--green) 55%, var(--green-d));cursor:pointer;border:3px solid #123a15;border-color:#9fe0a3 #123a15 #123a15 #9fe0a3;padding:16px 34px;font-size:24px;font-weight:800;animation:1.4s ease-in-out infinite nudge;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:5px 5px #0008}.play-ball:hover{background:linear-gradient(180deg, #5cc463, #368d3c 55%, var(--green-d))}.paused-pill{z-index:6;color:#fff;text-shadow:0 1px #0006;background:var(--amber);cursor:pointer;white-space:nowrap;border:2px solid #6e4a08;border-color:#f1c878 #6e4a08 #6e4a08 #f1c878;padding:7px 14px;font-weight:800;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:3px 3px #0006}@keyframes nudge{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.05)}}#notification-stack{z-index:30;pointer-events:none;flex-direction:column;gap:6px;width:min(330px,100% - 70px);display:flex;position:absolute;top:8px;right:52px}.notification{background:var(--g-face);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo2) var(--bevel-lo2) var(--bevel-hi);opacity:0;pointer-events:auto;grid-template-columns:26px 1fr 22px;align-items:start;gap:7px;padding:7px 8px;line-height:1.4;transition:opacity .2s,transform .2s;display:grid;transform:translate(20px);box-shadow:3px 3px #0006}.notification.show{opacity:1;transform:translate(0)}.notification.hide{opacity:0;transform:translate(20px)}.notification-text{padding-top:3px;font-weight:600}.notification-close{border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo2) var(--bevel-lo2) var(--bevel-hi);cursor:pointer;background:linear-gradient(#d6d6d6,#b4b4b4);width:22px;height:22px;padding:0;font-size:15px;line-height:1}.overlay{z-index:100;background:#0814089e;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay-panel,.title-card{background:var(--g-face);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo2) var(--bevel-lo2) var(--bevel-hi);flex-direction:column;width:min(470px,100%);max-height:100%;display:flex;box-shadow:6px 6px #000a}.overlay-panel.narrow{width:min(320px,100%)}.overlay-panel h2{color:var(--title-text);background:linear-gradient(180deg, var(--title), var(--title-2));border-bottom:2px solid var(--bevel-lo2);margin:0;padding:8px 12px;font-size:15px}.overlay-body{padding:12px 14px 14px;overflow-y:auto}.menu-body{flex-direction:column;gap:7px;display:flex}.overlay-divider{text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);margin:12px 0 6px;font-size:10px;font-weight:800}.big-btn{background:linear-gradient(#dadada,#bdbdbd 55%,#a8a8a8);padding:11px 16px;font-size:14px;font-weight:800}.big-btn:hover{background:linear-gradient(#e6e6e6,#c8c8c8 55%,#b4b4b4)}.big-btn.primary{color:#fff;text-shadow:0 1px 1px #0006;background:linear-gradient(180deg, #46a64c, var(--green) 55%, var(--green-d));border-color:#7fd083 #154018 #154018 #7fd083}.big-btn.primary:hover{background:linear-gradient(180deg, #52b858, #34883a 55%, var(--green-d))}.title-overlay{background:radial-gradient(#08180a8c,#08180a33 75%)}.title-card{padding:16px 18px 14px;overflow-y:auto}.title-logo{align-items:center;gap:12px;display:flex}.title-ball{color:var(--red);display:inline-flex}.title-ball svg{stroke-width:1.8px;fill:#f4f1e6;width:62px;height:62px}.title-logo h1{letter-spacing:-.02em;text-transform:uppercase;color:var(--title-2);text-shadow:2px 2px #fffa;margin:0;font-size:34px;font-weight:800;line-height:.95}.title-logo h1 span{color:var(--green-d)}.title-pitch{color:var(--text-soft);margin:10px 0 12px;font-size:13px;line-height:1.45}.title-buttons{gap:8px;display:flex}.title-buttons .big-btn{flex:1}.title-links{flex-wrap:wrap;gap:4px 14px;margin-top:12px;display:flex}.link-btn{cursor:pointer;font:inherit;color:var(--title);background:0 0;border:none;padding:4px 0;font-weight:700;text-decoration:underline}.scenario-list{flex-direction:column;gap:5px;display:flex}.scenario-btn{text-align:left;background:linear-gradient(#d4d4d4,#bcbcbc);flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:8px 10px;display:flex}.scenario-btn:hover{background:linear-gradient(#e0e0e0,#c8c8c8)}.scenario-btn.active{border-color:var(--bevel-lo2) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo2);box-shadow:inset 1px 1px 0 var(--bevel-lo);background:#e4dc9c}.scenario-btn strong{width:100%;font-size:13px}.scenario-btn strong em{color:var(--text-soft);margin-left:4px;font-size:11px;font-style:normal;font-weight:400}.scenario-best{float:right;color:var(--green-d);font-size:11px}.scenario-btn span{color:var(--text-soft);font-size:11px;line-height:1.4}.scenario-btn .scenario-goals{color:var(--title-2);font-weight:700}.howto-list{margin:0 0 4px;padding-left:20px;line-height:1.5}.howto-list li{margin-bottom:5px}.keys{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:11px}.keys td{border-top:1px solid #0002;padding:3px 4px}.keys td:first-child{white-space:nowrap;width:40%;font-weight:700}.end-reason{margin:0 0 8px;font-size:13px;font-weight:700;line-height:1.4}.end-score{border:2px solid;border-color:var(--inset-lo) var(--inset-hi) var(--inset-hi) var(--inset-lo);background:#e4dc9c;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;margin:10px 0;padding:9px 11px;display:grid}.end-grade{color:var(--title-2);font-size:18px;font-weight:800}.end-total{text-align:right}.end-total span{text-transform:uppercase;letter-spacing:.06em;font-size:9px;display:block}.end-total strong{font-size:22px}.end-best{color:var(--text-soft);grid-column:1/-1;font-size:11px}#end-screen.won .overlay-panel h2{background:linear-gradient(180deg, #3c9443, var(--green-d))}body.on-title #top-bar,body.on-title #sidebar,body.on-title #scorebug,body.on-title #selection-bar,body.on-title #canvas-hint,body.on-title .zoom-controls,body.on-title #notification-stack,body.on-title .play-ball,body.on-title .paused-pill{display:none}@media (width<=760px){:root{font-size:13px}.brand{display:none}#top-bar{flex-wrap:wrap;gap:4px;padding-left:5px;padding-right:5px}.hud{flex:100%;gap:3px}.hud-chip{flex:1 1 0;min-width:0;padding:2px 6px}.header-actions{flex:100%;justify-content:space-between;gap:3px;margin-left:0}.speed-group{gap:3px}.bar-btn.icon-btn{width:44px;height:36px}#main-row{flex-direction:column-reverse}#sidebar{border-right:none;border-top:2px solid var(--bevel-lo2);width:100%;max-height:58%;box-shadow:none;padding-bottom:env(safe-area-inset-bottom);flex-direction:column-reverse;flex:none}.sidebar-tabs{border-bottom:none;border-top:2px solid var(--bevel-lo2);padding:0 3px 3px}.sidebar-tab{padding:12px 2px;font-size:12px}.sidebar-tab.active{border-color:var(--g-face) var(--bevel-hi) var(--bevel-hi) var(--bevel-hi);margin:-2px 0 0;padding:14px 2px 12px}.sidebar-panels{max-height:44dvh}#sidebar.collapsed .sidebar-panels{display:none}#sidebar.collapsed .sidebar-tab.active{border-color:var(--bevel-hi) var(--bevel-lo2) var(--bevel-lo2) var(--bevel-hi);background:linear-gradient(#cfcfcf,#aeaeae);margin:0;padding:12px 2px}.tool-mode,.entry-card button,.bar-btn.sm{padding-top:9px;padding-bottom:9px}#canvas-hint{display:none}#scorebug{right:56px}.paused-pill{top:auto;bottom:62px}.bug-line{width:calc(100% - 12px)}.bug-line .inn,.bug-line .hits{display:none}.bug-top{flex-wrap:wrap;gap:0 8px;padding:2px 6px;font-size:10px}.bug-line{margin-top:1px;font-size:11px}.bug-line td{padding:1px 3px}.bug-status{padding:1px 6px 3px}#notification-stack{width:auto;inset:auto 8px 54px}#selection-bar{white-space:normal;justify-content:space-between;width:calc(100% - 16px);font-size:12px;bottom:10px}.title-logo h1{font-size:28px}.title-ball svg{width:50px;height:50px}}@media (height<=520px) and (width>=761px){:root{--sidebar-w:270px}}@media (prefers-reduced-motion:reduce){.play-ball{animation:none}.notification{transition:none}}