:root{--bg: #0e1410;--panel: #161e18;--line: #283a2e;--ink: #eef7f1;--dim: #93b3a0;--accent: #5a9c6a;--accent-ink: #06210f;--bar: #2c3f33;--good: #5a9c6a;--warn: #c9a24e;--bad: #c9624e}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(900px 560px at 50% -8%,#16241b,var(--bg));color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;justify-content:center;-webkit-user-select:none;user-select:none}#app{width:100%;max-width:540px;padding:12px 12px 26px}header{text-align:center;margin-bottom:6px}h1{margin:0;font-size:28px;letter-spacing:5px;font-weight:800;color:var(--accent)}.sub{margin:3px 0 0;color:var(--dim);font-size:13px}.bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;align-items:center;margin:10px 0}.seg{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:999px;overflow:hidden}.seg button{background:none;border:none;color:var(--dim);padding:6px 13px;font:600 13px system-ui;cursor:pointer}.seg button.active{background:var(--accent);color:var(--accent-ink)}.btn{background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:7px 14px;border-radius:999px;font:700 13px system-ui;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0}.scenario-title{font-size:18px;font-weight:800;margin:0 0 4px}.scenario-prompt{color:var(--dim);font-size:13.5px;line-height:1.5;margin:0}.phase-tag{display:inline-block;font:700 11px system-ui;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--bar);color:var(--accent);margin-bottom:8px}.phase-tag.veil{background:#2a2440;color:#b9a7e8}.budget{text-align:center;font:800 16px ui-monospace,monospace;margin:10px 0 2px}.budget .left{color:var(--accent)}.budget .over{color:var(--bad)}.claimants{display:flex;flex-direction:column;gap:10px;margin-top:10px}.claimant{background:#0f1712;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.claimant.you{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.crow{display:flex;align-items:center;justify-content:space-between;gap:8px}.cname{font-weight:700;font-size:14px}.cname .you-tag{font:700 10px system-ui;color:var(--accent);margin-left:6px;letter-spacing:1px}.cmeta{color:var(--dim);font-size:11.5px;margin-top:2px;display:flex;gap:12px}.cmeta b{color:var(--ink)}.alloc-ctl{display:flex;align-items:center;gap:8px;margin-top:8px}.alloc-ctl input[type=range]{flex:1;accent-color:var(--accent)}.alloc-val{font:800 15px ui-monospace,monospace;min-width:44px;text-align:right;color:var(--accent)}.share-bar{height:6px;border-radius:4px;background:#0a0e0b;margin-top:8px;overflow:hidden}.share-bar>div{height:100%;background:var(--accent);transition:width .15s}.principles{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.principles .btn{font-size:12px;padding:6px 11px}.actions{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}.result{line-height:1.6}.result h2{color:var(--accent);margin:0 0 8px;font-size:22px}.metric{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}.metric:last-child{border-bottom:none}.metric .k{color:var(--dim)}.metric .v{font-weight:800}.metric .v.good{color:var(--good)}.metric .v.warn{color:var(--warn)}.metric .v.bad{color:var(--bad)}.verdict{margin-top:12px;padding:12px;border-radius:10px;background:#0f1712;border:1px solid var(--line);font-size:13.5px;color:var(--dim);line-height:1.55}.verdict b{color:var(--ink)}.hint{text-align:center;color:var(--dim);font-size:12px;margin-top:14px;line-height:1.5}.hidden{display:none!important}