:root{--panel:#101622d6;--panel-solid:#141b29;--raised:#ffffff0d;--raised-2:#ffffff17;--line:#ffffff17;--line-strong:#ffffff29;--text:#edf1f7;--text-2:#a7b1c2;--text-3:#6f7a8e;--accent:#f5b83d;--accent-soft:#f5b83d24;--accent-ink:#1d1404;--good:#3ecf8e;--warn:#f5a524;--bad:#ff6b6b;--bad-soft:#ff6b6b1f;--info:#5aa9ff;--sea:#1f6db5;--radius:12px;--radius-sm:8px;--shadow:0 12px 32px #040a1659, 0 2px 6px #040a1633;--blur:blur(14px) saturate(140%);--bar:48px;--tray:216px;color:var(--text);font-feature-settings:"tnum" 1, "cv11" 1;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{background:var(--sea);-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none;display:block}#ui{pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.panel{background:var(--panel);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}p{margin:0;line-height:1.5}strong{color:var(--text);font-weight:600}.muted{color:var(--text-2)}.pos{color:var(--good)}.neg{color:var(--bad)}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:2px;font-size:10.5px;font-weight:600}.kicker.bad{color:var(--bad)}.icon{flex:none;width:18px;height:18px}kbd{font:inherit;color:var(--text-3);border:1px solid var(--line-strong);border-radius:4px;padding:2px 4px;font-size:9.5px;font-weight:600;line-height:1}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border-radius:var(--radius-sm);background:var(--raised);border:1px solid var(--line);white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--raised-2);border-color:var(--line-strong)}.btn.icon{width:32px;padding:0}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--raised)}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.block{width:100%;height:38px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover:not(:disabled){background:#ffc75a;border-color:#ffc75a}.btn.danger{color:var(--bad);background:var(--bad-soft);border-color:#ff6b6b59}.btn.danger:hover:not(:disabled){border-color:var(--bad);background:#ff6b6b33}.btn.on{background:var(--accent-soft);color:var(--accent);border-color:#f5b83d80}.count{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.topbar{align-items:center;gap:16px;padding:8px 10px 8px 12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.topbar-left,.topbar-right{flex:1 1 0;align-items:center;gap:16px;min-width:0;display:flex;overflow:hidden}.topbar-right{justify-content:flex-end;gap:6px}.brand{align-items:center;gap:10px;display:flex}button.brand{border-radius:10px;margin-left:-2px;padding:2px 8px 2px 2px}button.brand:hover,button.brand.on{background:var(--raised)}.brand-mark{width:30px;height:30px;color:var(--accent-ink);background:linear-gradient(140deg,#ffcb5c,#f0a51f);border-radius:8px;place-items:center;display:grid}.brand-name{letter-spacing:-.01em;font-size:14px;font-weight:700}.vr{background:var(--line);width:1px;height:28px}.stat{white-space:nowrap;align-items:center;gap:8px;display:flex}.stat>.icon{color:var(--text-3)}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:600;line-height:1.2}.stat-value{font-size:14px;font-weight:600;line-height:1.3}.stat.pos .stat-value{color:var(--good)}.stat.neg .stat-value{color:var(--bad)}.time{flex:none;align-items:center;gap:10px;display:flex}.clock{flex-direction:column;align-items:center;gap:4px;min-width:96px;display:flex}.clock-date{font-size:14px;font-weight:600}.daybar{background:var(--raised-2);border-radius:2px;width:100%;height:3px;overflow:hidden}.daybar>span{background:var(--accent);height:100%;display:block}.segmented{border:1px solid var(--line);background:#00000040;border-radius:9px;gap:2px;padding:3px;display:flex}.segmented button{min-width:34px;height:26px;color:var(--text-2);border-radius:6px;place-items:center;padding:0 8px;font-size:12px;font-weight:600;display:grid}.segmented button:hover{color:var(--text);background:var(--raised)}.segmented button.on{background:var(--accent);color:var(--accent-ink)}.segmented .icon{width:14px;height:14px}.banner{color:#ffd3d3;box-shadow:var(--shadow);white-space:nowrap;background:#460e12e0;border:1px solid #ff6b6b80;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.banner .icon{color:var(--bad)}.banner strong{color:#fff}.messages{flex-direction:column;gap:6px;width:min(360px,100vw - 24px);display:flex;position:absolute;top:76px;left:12px;pointer-events:none!important}.message{color:var(--text);border-radius:10px;padding:9px 12px 9px 28px;font-size:12.5px;line-height:1.45;animation:.2s ease-out toast-in;position:relative}.message:before{content:"";background:var(--info);border-radius:50%;width:7px;height:7px;position:absolute;top:15px;left:12px}.message.good:before{background:var(--good)}.message.bad:before{background:var(--bad)}@keyframes toast-in{0%{opacity:0;transform:translateY(-4px)}}.side{flex-direction:column;gap:12px;width:280px;padding:14px;display:flex;position:absolute;top:76px;right:12px}.side.wide{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;width:min(380px,100vw - 24px);max-height:calc(100vh - 180px);overflow-y:auto}.side-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.status{color:var(--text-2);align-items:center;gap:8px;display:flex}.dot{background:var(--text-3);border-radius:50%;flex:none;width:7px;height:7px}.dot.live{background:var(--good);box-shadow:0 0 0 3px #3ecf8e33}.props{border-radius:var(--radius-sm);background:var(--raised);border:1px solid var(--line);grid-template-columns:auto 1fr;gap:6px 16px;margin:0;padding:10px 12px;display:grid}.props dt{color:var(--text-2)}.props dd{text-align:right;margin:0;font-weight:600}.actions{justify-content:flex-end;gap:6px;display:flex}.note{border-radius:var(--radius-sm);padding:8px 10px;font-size:12.5px}.note.why{color:#ffe2b0;background:var(--accent-soft);border:1px solid #f5b83d4d;align-items:flex-start;gap:8px;display:flex}.note.why svg{width:14px;height:14px;color:var(--warn);flex:none;margin-top:1px}.note.bad{color:#ffc9c9;background:var(--bad-soft);border:1px solid #ff6b6b4d}.meter{background:var(--raised-2);border-radius:3px;height:6px;overflow:hidden}.meter>span{background:var(--accent);border-radius:3px;height:100%;transition:width .25s;display:block}.meter.good>span{background:var(--good)}.meter.ok>span{background:var(--accent)}.meter.warn>span{background:var(--warn)}.meter.bad>span{background:var(--bad)}.intro{font-size:12.5px}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:baseline;margin-top:4px;font-size:10.5px;font-weight:600;display:flex}.section-title .muted{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500}.card{background:var(--raised);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.card.offer{border-style:dashed;border-color:var(--line-strong);background:0 0}.card-head{align-items:center;gap:8px;display:flex}.card-head strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.swatch{border-radius:3px;flex:none;width:10px;height:10px;box-shadow:0 0 0 1px #ffffff40}.badge{border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600}.badge.fishery{color:#9ccbff;background:#5aa9ff24}.badge.haulier{color:#ffd27a;background:var(--accent-soft)}.terms{grid-template-columns:1fr 1fr;gap:8px 12px;margin:0;display:grid}.terms dt{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:600}.terms dd{margin:1px 0 0;font-weight:500}.mood{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:600}.roster{border-collapse:collapse;width:100%;font-size:12.5px}.roster tr{cursor:pointer}.roster tr:hover td{background:var(--raised)}.roster td{border-bottom:1px solid var(--line);white-space:nowrap;padding:5px 4px}.roster .roster-name{white-space:normal;width:100%;font-weight:600}.roster .swatch{vertical-align:middle;display:inline-block}.roster .num{text-align:right}.mood-label{text-align:right;min-width:56px;font-size:12px;font-weight:600}.mood-label.good{color:var(--good)}.mood-label.ok{color:var(--accent)}.mood-label.warn{color:var(--warn)}.mood-label.bad{color:var(--bad)}.card-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;font-size:12px;display:flex}.confirm{gap:4px;display:flex}.capacity{background:var(--raised);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.cap-row{grid-template-columns:72px 1fr 64px;align-items:center;gap:10px;display:grid}.cap-label{color:var(--text-2)}.cap-row.head .cap-label{color:var(--text);font-weight:600}.cap-value{text-align:right;font-weight:600}.cap-value .muted{margin-left:1px;font-size:11px;font-weight:400}.cap-value.warn{color:var(--warn)}.cap-value.bad{color:var(--bad)}.hint.warn{color:#ffd08a;font-size:12px}.skill{vertical-align:middle;gap:2px;display:inline-flex}.pip{background:var(--raised-2);border-radius:2px;width:6px;height:10px}.pip.on{background:var(--accent)}.badge.good{color:#8ff0c2;background:#3ecf8e24}.badge.bad{color:#ffb3b3;background:var(--bad-soft)}.needs{color:var(--text-3);grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:6px 8px;display:grid}.needs .icon{width:14px;height:14px;display:block}.needs.fuel{grid-template-columns:auto 1fr}.thought{color:var(--text-2);font-style:italic}.card.person{gap:8px;padding:10px 12px}.stat-button{border-radius:var(--radius-sm);border:1px solid #0000;margin:-3px -8px -3px -4px;padding:3px 8px 3px 4px}.stat-button:hover,.stat-button.on{background:var(--raised);border-color:var(--line)}.loan-tag{color:var(--text-3);margin-left:6px;font-size:11px;font-weight:500}.ledger{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.ledger th{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);text-align:right;padding:0 0 6px;font-size:10.5px;font-weight:600}.ledger td{border-top:1px solid var(--line);text-align:right;padding:6px 0}.ledger td:first-child{text-align:left;color:var(--text-2)}.ledger tfoot td{border-top:1px solid var(--line-strong);font-weight:600}.ledger tfoot td:first-child{color:var(--text)}.tool.locked{opacity:.45}.tool.locked:hover{opacity:.7}.tool .lock{color:var(--text-3);position:absolute;top:4px;right:5px}.tool .lock .icon{width:11px;height:11px}.tier.done,.tier.later{opacity:.6}.tier.current{border-color:#3ecf8e66}.tier.next{border-style:solid;border-color:#f5b83d80}.tier-num{background:var(--raised-2);border-radius:6px;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.unlocks{color:var(--text-2);margin:0;padding-left:18px;font-size:12.5px;line-height:1.6}.req{grid-template-columns:130px 1fr auto;align-items:center;gap:10px;font-size:12.5px;display:grid}.req-value{color:var(--text-2);font-variant-numeric:tabular-nums}.hint{color:var(--text-2);font-size:12px}.side.xwide{width:min(420px,100vw - 24px)}.summary{flex-direction:column;gap:8px;display:flex}.kpis{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.kpis.four{grid-template-columns:repeat(4,1fr)}.kpi{border-radius:var(--radius-sm);background:var(--raised);border:1px solid var(--line);border-top:3px solid var(--line-strong);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.kpi.good{border-top-color:var(--good)}.kpi.warn{border-top-color:var(--warn)}.kpi.bad{border-top-color:var(--bad)}.kpi-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:600}.kpi-value{font-size:18px;font-weight:700}.kpi.bad .kpi-value{color:var(--bad)}.flow-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:4px 0 6px;font-size:11px;font-weight:600}.kpis.flow .kpi{position:relative}.kpis.flow .kpi+.kpi:before{content:"›";color:var(--text-3);font-size:14px;position:absolute;top:50%;left:-6px;transform:translate(-50%,-50%)}.kpi-below{color:var(--text-3);font-size:10.5px}.kpi-value .muted{margin-left:2px;font-size:11px;font-weight:500}.tabs{border:1px solid var(--line);z-index:1;background:#0e141f;border-radius:9px;gap:2px;padding:3px;display:flex;position:sticky;top:-14px}.tabs button{height:30px;color:var(--text-2);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.on{background:var(--raised-2);color:var(--text)}.tabs .icon{width:14px;height:14px}.tab-count{color:var(--text-3);font-weight:500}.count.bad{background:var(--bad);color:#fff}.headline{border-radius:var(--radius-sm);background:#0000002e;justify-content:space-between;gap:8px;padding:8px 10px;font-size:13px;display:flex}.headline strong{color:inherit;font-size:15px}.card.alerting{border-color:#ff6b6b73}.chip{color:var(--text-2);border:1px solid var(--line-strong);border-radius:999px;padding:2px 6px;font-size:10.5px;font-weight:600}button.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}button.link:hover{text-decoration:underline}button.chip{cursor:pointer;background:0 0}button.chip.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.handbook-topics{flex-wrap:wrap;gap:4px;display:flex}.handbook-page{color:var(--text-2);font-size:13px;line-height:1.5}.handbook-page p,.handbook-page ul,.handbook-page ol{margin:0 0 10px}.handbook-page ul,.handbook-page ol{padding-left:18px}.handbook-page b{color:var(--text)}.checks{flex-direction:column;gap:4px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.check{align-items:baseline;gap:8px;display:flex}.check-mark{border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-grid}.check.good .check-mark{color:var(--good);background:#3ecf8e2e}.check.warn .check-mark{color:var(--warn);background:#f5a5242e}.check.bad .check-mark{background:var(--bad-soft);color:var(--bad)}.check.bad{color:#ffc9c9}.ledger.rules td{text-align:left;vertical-align:top;padding:8px 0}.ledger.rules td+td{text-align:right;padding-left:12px;font-weight:600}.dock{height:var(--bar);scrollbar-width:none;border-width:1px 0 0;border-radius:0;align-items:stretch;padding:3px 8px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}.dock .dock-group:nth-child(2){flex:1;justify-content:center}.dock .tool{gap:1px;width:64px;height:100%}.dock .tool .icon{width:18px;height:18px}.dock .tool-cost{display:none}.dock .tool kbd{top:2px;right:2px}.dock-group{gap:2px;display:flex}.dock-group+.dock-group{border-left:1px solid var(--line);margin-left:6px;padding-left:6px}.tool.category.open{background:var(--raised-2);border-color:var(--line-strong);color:var(--text)}.tool.category .tool-cost{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}.tray{bottom:calc(var(--bar) + 6px);width:min(600px,100vw - 24px);height:var(--tray);flex-direction:column;gap:5px;padding:6px 6px 4px;animation:.14s ease-out tray-in;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tray-head{align-items:center;gap:12px;padding:0 4px;display:flex}.tray-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:6px;font-size:10.5px;font-weight:600;display:flex}.tray-title .icon{width:13px;height:13px}.tray-tabs{border-radius:var(--radius-sm);background:var(--raised);gap:2px;padding:2px;display:flex}.tray-tab{color:var(--text-2);border-radius:6px;padding:4px 10px;font-size:12px}.tray-tab:hover{color:var(--text)}.tray-tab.on{background:var(--raised-2);color:var(--text)}.tray-cards{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.build-card{border:1px solid var(--line);background:var(--raised);text-align:left;border-radius:8px;flex-direction:column;flex:none;width:98px;padding:3px;transition:background .12s,border-color .12s,transform .12s;display:flex;position:relative}.build-card:hover:not(:disabled){background:var(--raised-2);border-color:var(--line-strong);transform:translateY(-2px)}.build-card.on{background:var(--accent-soft);border-color:#f5b83d8c}.build-picture{background:linear-gradient(#2b3a52,#1b2638);border-radius:6px;place-items:center;height:64px;display:grid;position:relative;overflow:hidden}.build-picture img{object-fit:cover;width:100%;height:100%}.build-picture>.icon{width:34px;height:34px;color:var(--text-2)}.build-picture kbd{border-color:var(--line);background:#0a0e16b3;padding:1px 3px;font-size:8.5px;position:absolute;top:4px;right:4px}.build-card.locked .build-picture img,.build-card.locked .build-picture>.icon{filter:grayscale()brightness(.55)}.build-card .lock{place-items:center;display:grid;position:absolute;inset:0}.build-card .lock .icon{width:20px;height:20px;color:var(--text-2)}.build-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:4px 3px 0;font-size:11.5px;font-weight:500;line-height:1.25;overflow:hidden}.build-card.on .build-label{color:var(--accent)}.build-cost{color:var(--text-3);margin:0 3px 1px;font-size:10.5px;line-height:1.25}.tray-about{border-top:1px solid var(--line);flex:1;min-height:0;padding:5px 4px 0;overflow:hidden}.tray-about p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:1px 0 0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.tray-about-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tray-about-costs{align-items:baseline;gap:10px;font-size:12px;display:flex}@keyframes tray-in{0%{opacity:0;transform:translate(-50%,6px)}}.tool{width:68px;height:64px;color:var(--text-2);border:1px solid #0000;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:background .12s,color .12s;display:flex;position:relative}.tool .icon{width:22px;height:22px}.tool:hover:not(:disabled){background:var(--raised);color:var(--text)}.tool.on{background:var(--accent-soft);color:var(--accent);border-color:#f5b83d73}.tool kbd{border-color:var(--line);padding:1px 3px;font-size:8.5px;position:absolute;top:4px;right:4px}.tool-label{color:var(--text);white-space:nowrap;font-size:11.5px;font-weight:500}.tool.on .tool-label{color:var(--accent)}.tool-cost{color:var(--text-3);font-size:10.5px}.tip{border-radius:var(--radius-sm);background:var(--panel);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);white-space:nowrap;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:absolute;pointer-events:none!important}.preview.raised{bottom:calc(var(--bar) + var(--tray) + 14px)}.preview{bottom:calc(var(--bar) + 10px);left:50%;transform:translate(-50%)}.preview.bad{color:#ffc9c9;border-color:#ff6b6b73}.preview.bad .icon{width:14px;height:14px;color:var(--bad)}.hovertip{left:12px;bottom:calc(var(--bar) + 10px)}.advisor{left:12px;bottom:calc(var(--bar) + 40px);border-left:3px solid var(--accent);flex-direction:column;gap:6px;width:min(340px,100vw - 24px);padding:12px 14px;font-size:13px;display:flex;position:absolute}.advisor p{color:var(--text-2);margin:0;line-height:1.45}.advisor-head{color:var(--accent);align-items:center;gap:6px;display:flex}.advisor-head .kicker{color:var(--accent);margin:0}.advisor-head .muted{margin-left:auto;font-size:11px}.floaters{position:absolute;inset:0;overflow:hidden}.floater{white-space:nowrap;background:#101622cc;border-radius:999px;padding:2px 8px;font-size:12.5px;font-weight:700;position:absolute;top:0;left:0}.floater.gain{color:var(--good)}.floater.loss{color:var(--bad)}.backdrop{-webkit-backdrop-filter:blur(3px);background:#060c188c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.dialog{background:var(--panel-solid);flex-direction:column;gap:14px;width:min(380px,100%);padding:18px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.row{gap:6px;display:flex}input{min-width:0;height:32px;font:inherit;color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#00000040;flex:1;padding:0 10px;font-weight:500}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}@media (width<=1480px){.stat[data-priority="3"]{display:none}}@media (width<=1280px){.stat[data-priority="2"],.vr{display:none}}@media (width<=1060px){.brand-name,.topbar-right .btn span:not(.count){display:none}}@media (width<=760px){.topbar{flex-wrap:wrap}.messages,.banner{top:122px}.side,.side.wide{top:auto;bottom:calc(var(--bar) + 10px);width:calc(100vw - 24px);max-height:55vh;overflow-y:auto}.tool{width:58px}.hovertip{display:none}}.side.xwide.finance,.side.xwide.stats{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;--viz-1:#3987e5;--viz-gain:#3987e5;--viz-loss:#e66767;width:min(440px,100vw - 24px);max-height:calc(100vh - 180px);overflow-y:auto}.fin-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.fin-tile{border-radius:var(--radius-sm);background:var(--raised);border:1px solid var(--line);min-width:0;padding:10px}.fin-tile-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.fin-tile-value{font-feature-settings:"tnum" 0;margin-top:4px;font-size:20px;font-weight:600}.fin-tile-value.pos{color:var(--good)}.fin-tile-value.neg{color:var(--bad)}.fin-tile-delta{color:var(--text-2);margin-top:2px;font-size:11px}.fin-range{justify-content:space-between;align-items:center;gap:8px;display:flex}.viz{position:relative}.viz svg{width:100%;height:auto;display:block;overflow:visible}.viz-grid{stroke:var(--line);stroke-width:1px}.viz-zero{stroke:var(--line-strong);stroke-width:1px}.viz-axis{fill:var(--text-3);font-size:10px}.viz-line{fill:none;stroke:var(--viz-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.viz-area{fill:var(--viz-1);fill-opacity:.1}.viz-dot{fill:var(--viz-1);stroke:var(--panel-solid);stroke-width:2px}.viz-cross{stroke:var(--text-3);stroke-width:1px}.viz-gain{fill:var(--viz-gain)}.viz-loss{fill:var(--viz-loss)}.viz-hover-band{fill:var(--raised-2)}.viz-tip{border-radius:var(--radius-sm);background:var(--panel-solid);border:1px solid var(--line-strong);box-shadow:var(--shadow);white-space:nowrap;pointer-events:none;padding:6px 8px;font-size:12px;position:absolute;top:4px}.viz-tip-head{color:var(--text-3);margin-bottom:2px;font-size:11px}.viz-tip-row{color:var(--text-2);justify-content:space-between;gap:12px;display:flex}.viz-tip-row.strong{color:var(--text);font-weight:600}.viz-legend{color:var(--text-2);align-items:center;gap:6px;font-size:11px;display:inline-flex}.viz-key{border-radius:3px;width:10px;height:10px;display:inline-block}.viz-key.gain{background:var(--viz-gain)}.viz-key.loss{background:var(--viz-loss);margin-left:6px}.fin-bars{flex-direction:column;gap:6px;display:flex}.fin-bar{grid-template-columns:100px 1fr 52px;align-items:center;gap:8px;font-size:12px;display:grid}.fin-bar-label{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fin-bar-track{height:10px}.fin-bar-fill{background:var(--viz-1);border-radius:0 4px 4px 0;height:100%;display:block}.fin-bar-value{text-align:right;color:var(--text-2)}.sound-control{align-items:center;gap:4px;display:flex}.sound-control .btn.off{color:var(--text-3)}.sound-control input[type=range]{width:64px;accent-color:var(--accent)}@media (width<=1100px){.sound-control input[type=range]{display:none}}.finance{--viz-slot-1:#3987e5;--viz-slot-2:#d95926;--viz-slot-3:#199e70;--viz-slot-4:#c98500}.viz-slot-1{fill:var(--viz-slot-1);background:var(--viz-slot-1)}.viz-slot-2{fill:var(--viz-slot-2);background:var(--viz-slot-2)}.viz-slot-3{fill:var(--viz-slot-3);background:var(--viz-slot-3)}.viz-slot-4{fill:var(--viz-slot-4);background:var(--viz-slot-4)}.fin-pie{grid-template-columns:112px 1fr;align-items:center;gap:14px;display:grid}.fin-pie svg{width:112px;height:112px;display:block}.viz-slice{stroke:var(--panel-solid);stroke-width:2px;stroke-linejoin:round;transition:opacity .12s}.viz-slice.dim{opacity:.35}.fin-pie-legend{flex-direction:column;gap:4px;font-size:12px;display:flex}.fin-pie-row{border-radius:6px;grid-template-columns:10px 1fr auto 34px;align-items:center;gap:8px;padding:2px 4px;display:grid}.fin-pie-row.on{background:var(--raised-2)}.fin-pie-row.none{opacity:.45}.fin-pie-label{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fin-pie-value{color:var(--text)}.fin-pie-share{text-align:right;color:var(--text-3)}.fin-row{cursor:pointer}.fin-row:hover td,.fin-row.on td{background:var(--raised)}.fin-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.fin-caret{width:14px;color:var(--text-2);font-size:12px;display:inline-block}.fin-row-chart td{background:var(--raised);padding:6px 0 10px}.fin-line-head{justify-content:space-between;padding:0 6px 4px;font-size:12px;display:flex}.stat-bar{grid-template-columns:170px 1fr 48px}.stat-bar.none{opacity:.45}.stat-totals{grid-template-columns:1fr 1fr}.stat-bar{cursor:pointer;border-radius:6px;margin:0 -4px;padding:2px 4px}.stat-bar:hover,.stat-bar.on{background:var(--raised)}.stat-bar.none:hover,.stat-bar.none.on{opacity:.8}.stat-bar:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stat-chart{padding:4px 0 8px}.setting{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.setting-label{font-weight:600}.setting .muted{font-size:12px}.settings .segmented{flex-shrink:0}