:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{color:#e7ecf3;background:#0c0e14;height:100%;margin:0;font-family:ui-sans-serif,system-ui,sans-serif}.app{grid-template-columns:1fr 300px;height:100dvh;display:grid}.app.panel-closed{grid-template-columns:1fr 0}.app.panel-closed .panel{transform:translate(100%)}.canvas{position:relative;overflow:hidden}.canvas canvas{display:block}.panel{background:#14171f;border-left:1px solid #232733;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid #1d212c;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.panel h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:15px}.panel-body{flex-direction:column;gap:14px;padding:16px;display:flex;overflow-y:auto}.controls{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.panel button{color:inherit;cursor:pointer;background:#232733;border:1px solid #313646;border-radius:6px;padding:8px 12px;font-size:13px}.panel button:hover:not(:disabled){background:#2c3140}.panel button:disabled{opacity:.4;cursor:not-allowed}.hint{color:#6b748a;font-size:10.5px;font-style:italic}.checkbox{align-items:center;flex-direction:row!important}.checkbox input{margin-right:6px}.panel label{color:#b6bdcc;flex-direction:column;gap:6px;font-size:12px;display:flex}.panel input[type=range]{accent-color:#9ad1ff;width:100%}.debug-link{color:#9ad1ff;border-top:1px solid #1d212c;padding-top:12px;font-size:12px;text-decoration:none}.panel-toggle{color:inherit;cursor:pointer;background:#232733;border:1px solid #313646;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.panel-toggle:hover{background:#2c3140}.chevron{font-size:10px;line-height:1}.mobile-only{display:inline}.desktop-only{display:none}@media (width>=768px){.mobile-only{display:none}.desktop-only{font-size:16px;display:inline}}.toggle-label{text-transform:uppercase;letter-spacing:.05em}.panel-toggle.floating{z-index:10;position:fixed;top:16px;right:16px}@media (width<=767px){.app,.app.panel-closed{grid-template-columns:1fr}.panel{border-top:1px solid #232733;border-left:none;border-radius:14px 14px 0 0;max-height:70dvh;position:fixed;inset:auto 0 0;transform:translateY(0);box-shadow:0 -8px 24px #0006}.app.panel-closed .panel{transform:translateY(100%)}.panel-header{justify-content:space-between;padding:12px 16px 10px}.panel-toggle.floating{border-radius:999px;padding:8px 14px;top:auto;bottom:16px;right:50%;transform:translate(50%);box-shadow:0 4px 12px #0006}}.debug{color:#e7ecf3;background:#0c0e14;flex-direction:column;height:100dvh;display:flex}.debug-header{border-bottom:1px solid #1d212c;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.debug-header h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:15px}.debug-header .link{color:#9ad1ff;font-size:13px;text-decoration:none}.debug-main{flex:1;grid-template-columns:1fr 320px;min-height:0;display:grid}.debug-canvas{position:relative;overflow:hidden}.debug-canvas canvas{cursor:grab;display:block}.debug-panel{background:#14171f;border-left:1px solid #232733;flex-direction:column;gap:18px;padding:16px;display:flex;overflow-y:auto}.agent-controls{background:#181b25;border:1px solid #232733;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.agent-controls.selected{border-color:#9ad1ff}.agent-controls h2{letter-spacing:.06em;text-transform:uppercase;color:#b6bdcc;margin:0;font-size:13px}.agent-controls label{color:#b6bdcc;flex-direction:column;gap:4px;font-size:12px;display:flex}.agent-controls select,.agent-controls input[type=range]{width:100%;color:inherit;background:#232733;border:1px solid #313646;border-radius:4px;padding:4px 6px;font-size:12px}.agent-controls input[type=range]{accent-color:#9ad1ff;padding:0}.row{color:#b6bdcc;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex}.row-label{color:#6b748a}.readout{flex-direction:column;gap:4px;display:flex}.readout h2{letter-spacing:.06em;text-transform:uppercase;color:#b6bdcc;margin:0 0 4px;font-size:13px}.outcome{background:#181b25;border:1px solid #232733;border-radius:8px;padding:12px;font-size:12px}.outcome h2{letter-spacing:.06em;text-transform:uppercase;color:#6b748a;margin:0;font-size:13px}.outcome-kind{margin:6px 0;font-size:18px;font-weight:600}.outcome-reason{color:#b6bdcc}.outcome-absorb{border-color:#c77dff}.outcome-cut{border-color:#ffd166}.outcome-none{opacity:.7}.hint{color:#6b748a;margin:0;font-size:11.5px;font-style:italic}