:root{color:#000;font-family:SFMono-Regular,Menlo,Monaco,Liberation Mono,monospace;line-height:1.4;font-weight:400;background:#fff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}.app-shell{display:grid;height:100vh}canvas{display:block}.drawer-toggle{position:fixed;top:.75rem;right:.75rem;z-index:20;display:flex;align-items:center;justify-content:center;width:54px;height:36px;border:0;border-radius:8px;background:#fff;color:#000;font:inherit;font-size:.9rem;line-height:1;box-shadow:0 2px 10px #0000002e;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.drawer-toggle:hover{background:#f4f4f4;box-shadow:0 3px 14px #00000038;transform:translateY(-1px)}.drawer-toggle:active{box-shadow:0 1px 6px #0000002e;transform:translateY(0)}.hud-card{position:fixed;top:0;right:0;bottom:0;z-index:10;display:grid;align-content:start;gap:1rem;width:min(360px,42vw);padding:1.25rem;border-left:1px solid #000;background:#fff;overflow-y:auto;transition:transform .16s ease}.hud-card.closed{transform:translate(calc(100% + 1px))}.hud-card.open{transform:translate(0)}.hud-title{font-size:.85rem;letter-spacing:.18em}.hud-status-grid{display:grid;gap:.45rem;grid-template-columns:repeat(2,minmax(0,1fr))}.hud-status-grid .hud-row{min-width:0}.hud-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #000}.hud-tabs button{min-width:0;padding:.55rem .25rem;border:0;border-right:1px solid #000;background:#fff;color:#000;font:inherit;font-size:.76rem;text-transform:uppercase;cursor:pointer}.hud-tabs button:last-child{border-right:0}.hud-tabs button.active,.hud-tabs button:hover{background:#000;color:#fff}.hud-tab-panel{display:grid;gap:1rem}.hud-section{display:grid;gap:.75rem}.hud-subtitle{font-size:.8rem;letter-spacing:.14em}.hud-note{font-size:.78rem;line-height:1.5}.hud-row{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;border-bottom:1px solid #000;padding-bottom:.45rem}.hud-row span,.hud-row strong{min-width:0;overflow-wrap:anywhere}.hud-slider{display:grid;gap:.35rem}.hud-grid{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.hud-grid.single{grid-template-columns:1fr}.hud-grid label,.hud-point,.hud-toggle{display:grid;gap:.3rem}.hud-grid input,.hud-grid select,.hud-toggle input{width:100%}.hud-grid input,.hud-grid select,.hud-slider input,.hud-point input{border:1px solid #000;border-radius:0;background:#fff;color:#000;font:inherit;padding:.55rem .45rem}.hud-slider input{width:100%;accent-color:#000;padding:0;border:0}.hud-slider small{color:#000}.hud-actions{display:grid;gap:.5rem}.hud-actions.two-col,.hud-button-grid{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.hud-button-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-button{padding:.75rem .9rem;border:1px solid #000;border-radius:0;background:#000;color:#fff;font:inherit;cursor:pointer;transition:background .12s ease,color .12s ease}.hud-button-grid .hud-button,.hud-actions.two-col .hud-button{padding-inline:.45rem}.hud-button:hover,.hud-button.secondary{background:#fff;color:#000}.hud-chat-preview{display:grid;gap:.25rem;min-height:5.6rem;padding:.6rem;border:1px solid #000;font-size:.8rem;overflow-wrap:anywhere}.hud-chat-form{display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto}.hud-chat-form input{min-width:0;border:1px solid #000;border-radius:0;background:#fff;color:#000;font:inherit;padding:.55rem .45rem}.hud-chat-form .hud-button{padding-inline:.75rem}.hud-points{display:grid;gap:.75rem}@media(max-width:720px){.hud-card{width:100vw}.hud-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}