:root{--card-bg:#10141cc7;--card-border:#ffffff1f;--fg:#e8edf4;--dim:#9aa6b6;--accent:#7bd389;--danger:#ff6b5e}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);background:#a9d6f5;margin:0;font:12px/1.35 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app,.canvas-host{position:fixed;inset:0}.canvas-host canvas{width:100%;height:100%;display:block}.ui-layer{pointer-events:none;position:fixed;inset:0}.ui-layer .card,.ui-layer .toast{pointer-events:auto}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:8px 10px}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-weight:600;display:flex}.card button,.card select{color:var(--fg);border:1px solid var(--card-border);font:inherit;cursor:pointer;background:#ffffff1a;border-radius:4px;padding:2px 8px}.card button:hover{background:#fff3}.card button.active{background:var(--accent);color:#0b1a0e}.lil-gui.root{pointer-events:auto;--width:270px;--font-size:11px;--name-width:42%;max-height:calc(100vh - 16px);position:fixed;top:8px;right:8px;overflow-y:auto}.hud{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hud-main{font-variant-numeric:tabular-nums;white-space:nowrap;padding:4px 12px}.toasts{flex-direction:column;align-items:center;gap:4px;display:flex}.toast{background:#961e1ee0;border-radius:6px;padding:4px 12px;animation:.2s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.charts{position:absolute;bottom:8px;left:8px}.chart-row{color:var(--dim);align-items:center;gap:6px;margin:6px 0 2px;display:flex}.charts canvas{display:block}.inspector{width:240px;position:absolute;top:8px;left:8px}.inspector.dead{border-color:var(--danger)}.swatch{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.inspector .bar{background:#ffffff1f;border-radius:3px;height:14px;margin:6px 0;position:relative;overflow:hidden}.inspector .bar>div{background:var(--accent);height:100%}.inspector .bar>span{text-align:center;font-size:10px;line-height:14px;position:absolute;inset:0}.inspector .death{color:var(--danger);font-weight:600}.traits{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto;gap:1px 12px;margin:6px 0;display:grid}.traits .th,.dim{color:var(--dim)}.traits>span:nth-child(3n+2),.traits>span:nth-child(3n){text-align:right}.actions{gap:6px;margin-top:6px;display:flex}.outcome{text-align:center;min-width:300px;max-width:420px;padding:16px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.outcome[hidden]{display:none}.outcome-title{margin-bottom:8px;font-size:16px;font-weight:600}.outcome-body{line-height:1.5}.outcome-detail{opacity:.8;margin-top:4px}.outcome-buttons{justify-content:center;gap:8px;margin-top:14px;display:flex}