:root{--bar: rgba(28, 32, 40, .86);--bar-hi: rgba(255, 255, 255, .09);--text: #1d1b16;--muted: #6a6457;--good: #2e8b3a;--bad: #c8322a;--accent: #ffcc33;--wc: #5a5f6a;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1a1d22;color:var(--text);user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}button{font:inherit}.toolbar{position:absolute;top:6px;left:6px;right:6px;display:flex;justify-content:space-between;pointer-events:none!important;gap:6px}.toolbar .group{display:flex;gap:3px;padding:3px;background:var(--bar);border-radius:9px;box-shadow:0 2px 10px #00000059;pointer-events:auto;flex-wrap:wrap}.tbtn{width:38px;height:38px;border:0;border-radius:7px;background:transparent;color:#e9e6dc;display:grid;place-items:center;cursor:pointer;position:relative;transition:background .12s}.tbtn:hover{background:var(--bar-hi)}.tbtn.active{background:#ffcc3347;box-shadow:inset 0 0 0 1px #ffcc33b3}.tbtn svg{width:24px;height:24px}.tbtn .badge{position:absolute;top:2px;right:2px;font-size:9px;font-weight:700;background:var(--accent);color:#222;border-radius:6px;padding:0 3px;line-height:13px}.sep{width:1px;background:#ffffff1f;margin:4px 2px}.statusbar{position:absolute;left:6px;right:6px;bottom:6px;height:46px;display:flex;gap:6px;pointer-events:none!important}.statusbar>div{background:var(--bar);border-radius:9px;color:#eee;box-shadow:0 2px 10px #00000059;pointer-events:auto}.sb-left{width:230px;padding:5px 10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;column-gap:8px;font-size:12.5px;cursor:pointer}.sb-left .money{font-weight:700;font-size:14px}.sb-left .money.neg{color:#ff7a6a}.sb-left .rating{grid-column:1 / 3;display:flex;align-items:center;gap:6px}.ratingbar{flex:1;height:7px;border-radius:4px;background:#ffffff1f;overflow:hidden}.ratingbar>i{display:block;height:100%;background:linear-gradient(90deg,#d43a2a,#e8b02a,#4ab84a)}.sb-mid{flex:1;padding:0 12px;display:flex;align-items:center;gap:10px;overflow:hidden;cursor:pointer;min-width:0}.sb-mid .ticker{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.sb-mid .ticker.flash{animation:flash 1.2s ease-out}@keyframes flash{0%{color:var(--accent)}to{color:#eee}}.sb-right{width:220px;padding:5px 10px;display:flex;flex-direction:column;justify-content:center;font-size:12.5px}.sb-right .row{display:flex;align-items:center;gap:6px;justify-content:space-between}.sb-right svg{width:18px;height:18px}.speedlabel{font-size:11px;color:#ccc}.win{position:absolute;min-width:220px;background:color-mix(in srgb,var(--wc) 14%,#f4f0e6);border:2px solid color-mix(in srgb,var(--wc) 70%,#000);border-radius:8px;box-shadow:0 8px 28px #00000073,inset 0 0 0 1px #ffffff80;display:flex;flex-direction:column;overflow:hidden;animation:pop .14s ease-out}@keyframes pop{0%{transform:scale(.96);opacity:.4}to{transform:none;opacity:1}}.win.focused{z-index:5}.win-title{background:linear-gradient(180deg,color-mix(in srgb,var(--wc) 80%,#fff),var(--wc));color:#fff;font-weight:700;padding:5px 30px 5px 10px;cursor:move;text-shadow:0 1px 1px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;font-size:13px}.win-close{position:absolute;right:4px;top:3px;width:20px;height:20px;border:0;border-radius:4px;background:#00000040;color:#fff;cursor:pointer;font-weight:700;line-height:18px;padding:0}.win-close:hover{background:#c8322a}.win-tabs{display:flex;gap:2px;padding:4px 6px 0;background:color-mix(in srgb,var(--wc) 35%,#f4f0e6);border-bottom:1px solid color-mix(in srgb,var(--wc) 60%,#000);flex-wrap:wrap}.win-tab{width:34px;height:30px;border:1px solid color-mix(in srgb,var(--wc) 55%,#000);border-bottom:0;border-radius:6px 6px 0 0;background:color-mix(in srgb,var(--wc) 22%,#e8e2d4);cursor:pointer;display:grid;place-items:center;color:color-mix(in srgb,var(--wc) 80%,#000);margin-bottom:-1px}.win-tab svg{width:19px;height:19px}.win-tab.active{background:color-mix(in srgb,var(--wc) 14%,#f4f0e6);height:32px;margin-top:-2px}.win-tab:hover{filter:brightness(1.06)}.win-body{padding:8px 10px 10px;overflow:auto;flex:1}.win-body h3{margin:2px 0 6px;font-size:13px;color:color-mix(in srgb,var(--wc) 75%,#000)}.win-body p{margin:4px 0}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.row{display:flex;align-items:center;gap:6px}.row.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center}.kv{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px dotted rgba(0,0,0,.12)}.kv b{font-weight:600}.btn{border:1px solid color-mix(in srgb,var(--wc) 60%,#000);background:linear-gradient(180deg,color-mix(in srgb,var(--wc) 12%,#fff),color-mix(in srgb,var(--wc) 30%,#e8e2d4));padding:4px 9px;border-radius:5px;cursor:pointer;color:var(--text);white-space:nowrap}.btn:hover{filter:brightness(1.05)}.btn:active{filter:brightness(.95)}.btn.on{background:linear-gradient(180deg,#ffe58a,#f2c23a);border-color:#9a7a10}.btn.danger{background:linear-gradient(180deg,#ff9a8a,#d8463a);color:#fff;border-color:#8a2a20}.btn.big{padding:7px 14px;font-weight:700}.btn:disabled{opacity:.45;cursor:default}.ibtn{width:34px;height:34px;padding:0;display:grid;place-items:center}.ibtn svg{width:22px;height:22px}.bar{height:10px;border-radius:5px;background:#00000026;overflow:hidden;flex:1}.bar>i{display:block;height:100%;border-radius:5px}.list{border:1px solid rgba(0,0,0,.2);border-radius:5px;background:#ffffff8c;overflow:auto}.list .item{padding:4px 7px;border-bottom:1px solid rgba(0,0,0,.07);cursor:pointer;display:flex;gap:8px;align-items:center}.list .item:hover{background:#ffcc3340}.list .item.sel{background:#ffcc3373}.list .item .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.fin{width:100%;border-collapse:collapse;font-size:12px}table.fin td,table.fin th{padding:2px 5px;text-align:right;border-bottom:1px dotted rgba(0,0,0,.12)}table.fin td:first-child,table.fin th:first-child{text-align:left}table.fin tr.total td{font-weight:700;border-top:1px solid rgba(0,0,0,.35)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.card{border:1px solid rgba(0,0,0,.18);border-radius:6px;background:#fff9;padding:4px;cursor:pointer;text-align:center;font-size:11.5px;line-height:1.2}.card:hover{background:#ffcc334d}.card.sel{background:#ffcc338c;border-color:#9a7a10}.card img{width:100%;aspect-ratio:1;object-fit:contain;display:block;border-radius:4px;background:radial-gradient(circle at 50% 40%,#e8f4ff,#b8d4ea)}.swatches{display:grid;grid-template-columns:repeat(8,18px);gap:3px}.swatch{width:18px;height:18px;border-radius:3px;border:1px solid rgba(0,0,0,.35);cursor:pointer}.swatch.sel{outline:2px solid #ffcc33;outline-offset:1px}input[type=range]{width:100%}input[type=text],select{font:inherit;padding:3px 5px;border:1px solid rgba(0,0,0,.3);border-radius:4px;background:#fff}.spinner{display:inline-flex;align-items:center;gap:4px}.spinner .btn{padding:1px 7px;font-weight:700}.spinner .val{min-width:60px;text-align:center;font-weight:600}canvas.chart{width:100%;height:140px;display:block;background:#ffffff8c;border:1px solid rgba(0,0,0,.15);border-radius:5px}.thought{padding:3px 0;border-bottom:1px dotted rgba(0,0,0,.12)}.thought.pos{color:#1e6a2a}.thought.neg{color:#8a2a20}.ratingrow{display:grid;grid-template-columns:80px 46px 1fr;gap:6px;align-items:center;padding:2px 0}.tb-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.tb-grid .btn{padding:4px 0;display:grid;place-items:center}.tb-grid .btn svg{width:22px;height:22px}.tb-sec{margin:6px 0 3px;font-weight:700;font-size:12px;color:color-mix(in srgb,var(--wc) 75%,#000)}.toasts{position:absolute;bottom:62px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center;pointer-events:none!important}.toast{background:#1e1e24eb;color:#fff;padding:6px 14px;border-radius:6px;font-weight:600;box-shadow:0 3px 12px #0006;animation:pop .15s}.toast.error{background:#aa241ef2}.newsflash{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:min(520px,90vw);background:linear-gradient(180deg,#fff8dc,#f2e2a8);border:2px solid #8a6a10;border-radius:8px;padding:8px 12px;box-shadow:0 6px 20px #0006;display:flex;gap:10px;align-items:center;cursor:pointer;animation:slideup .3s ease-out}@keyframes slideup{0%{transform:translate(-50%,30px);opacity:0}to{transform:translate(-50%);opacity:1}}.newsflash svg{width:28px;height:28px;flex:none;color:#8a6a10}.tooltip{position:absolute;background:#fffbe8;border:1px solid #8a7a50;color:#222;padding:4px 8px;border-radius:4px;font-size:12px;pointer-events:none!important;z-index:100;box-shadow:0 2px 8px #0000004d;max-width:260px}.toolinfo{position:absolute;left:50%;top:56px;transform:translate(-50%);background:#1e1e24d9;color:#fff;padding:4px 12px;border-radius:6px;font-size:12.5px;pointer-events:none!important}.title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#14284633,#0a0e16bf);z-index:50}.logo{font-size:clamp(36px,7vw,76px);font-weight:900;color:#fff;letter-spacing:1px;text-shadow:0 4px 0 #b8321e,0 8px 18px rgba(0,0,0,.6);font-family:Arial Black,Trebuchet MS,sans-serif;text-align:center;line-height:1}.logo small{display:block;font-size:.32em;letter-spacing:6px;color:#ffd23a;text-shadow:0 2px 0 #7a4a10;margin-top:10px}.menu{margin-top:36px;display:flex;flex-direction:column;gap:10px;width:260px}.menu button{padding:12px;font-size:16px;font-weight:700;border-radius:10px;border:2px solid #7a4a10;background:linear-gradient(180deg,#ffe58a,#f0b52a);color:#3a2a08;cursor:pointer;box-shadow:0 4px #7a4a10}.menu button:hover{filter:brightness(1.06)}.menu button:active{transform:translateY(3px);box-shadow:0 1px #7a4a10}.scenarios{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;width:min(980px,94vw);margin-top:20px;max-height:60vh;overflow:auto;padding:4px}.scen{background:#faf5e8f5;border:2px solid #7a4a10;border-radius:10px;padding:10px 12px;cursor:pointer}.scen:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.scen h4{margin:0 0 4px;font-size:16px}.scen .diff{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.scen p{font-size:12.5px;margin:6px 0}.scen .obj{font-size:12px;color:#4a3a10;background:#ffd23a40;padding:4px 6px;border-radius:5px}.credits{position:absolute;bottom:12px;color:#ffffff8c;font-size:12px}.modal-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:60}.modal{width:min(420px,92vw);background:#f6f1e4;border:2px solid #5a5f6a;border-radius:10px;padding:14px 16px;box-shadow:0 10px 30px #00000080}.modal h2{margin:0 0 8px;font-size:18px}.modal .row{justify-content:flex-end;margin-top:12px}.minimap{image-rendering:pixelated;width:100%;border:1px solid rgba(0,0,0,.3);border-radius:4px;cursor:crosshair;display:block}@media (max-width: 760px){.tbtn{width:32px;height:32px}.tbtn svg{width:20px;height:20px}.sb-left{width:150px;grid-template-columns:1fr;font-size:11px}.sb-left .rating{grid-column:1}.sb-right{width:130px;font-size:11px}.statusbar{height:52px}}