*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080d13;color:#d8e8ea;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}body{display:grid;place-items:center;padding:18px}.shell{width:min(1200px,100%)}.topbar{min-height:82px;display:flex;align-items:center;gap:24px;justify-content:space-between;border:1px solid #2b414b;border-bottom:0;background:#111c24;padding:14px 20px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-icon{font-size:38px;color:#51e4d7;line-height:1}.brand strong{display:block;font-size:18px;letter-spacing:.22em}.brand small{display:block;margin-top:3px;color:#7c9ba4;letter-spacing:.23em;font-size:9px}.status{display:flex;align-items:center;gap:14px;border-left:1px solid #37515b;padding-left:24px;white-space:nowrap}.status-label{font-size:9px;letter-spacing:.15em;color:#73949e}.status strong{font-size:14px;letter-spacing:.12em;color:#55eddb}.status.inversion strong{color:#ff9b61}.status.fracture strong{color:#b49aff}#modeTime{font-size:12px;color:#c0d7d7}.actions{display:flex;gap:8px}button{font:inherit;cursor:pointer;color:#dcf7f4;border:1px solid #447079;background:#1d333a;padding:10px 12px;transition:background .15s,border-color .15s}button:hover,button:focus-visible{background:#2a5359;border-color:#68ded3;outline:none}button span{color:#6fe5d7;margin-left:3px}.arena{position:relative;border:1px solid #37515b;background:#0c151d;overflow:hidden}.arena canvas{display:block;width:100%;aspect-ratio:8/5;cursor:crosshair}.arena-label{position:absolute;pointer-events:none;left:18px;top:15px;font-size:10px;letter-spacing:.15em;color:#66838b}.arena-label span{color:#4acbbf}.footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 2px;color:#86a6aa;font-size:11px;letter-spacing:.05em;flex-wrap:wrap}.footer b{color:#d5e9e8;font-size:10px}.footer i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#47717a;vertical-align:middle;margin:0 8px}.legend{display:inline-block;width:10px;height:10px;border:2px solid;margin:0 4px 0 12px;vertical-align:middle}.legend.solid{border-color:#52daca}.legend.danger{border-color:#ff795d}.legend.target{border-color:#f7d378;border-radius:50%}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#071017bb;backdrop-filter:blur(4px)}.hidden{display:none}.overlay-panel{text-align:center;padding:32px 48px;border:1px solid #d87066;background:#14232b;box-shadow:0 0 80px #fd745326}.eyebrow{font-size:10px;letter-spacing:.3em;color:#ff8c72}.overlay h1{font-size:28px;margin:12px 0;color:#f3eeeb}.overlay p{font-size:12px;color:#adc1c5;margin:0 0 22px}.overlay button{border-color:#e1836e;background:#663f3d}@media(max-width:800px){body{padding:0;display:block}.topbar{gap:12px;flex-wrap:wrap}.status{order:3;width:100%;border-left:0;border-top:1px solid #37515b;padding:10px 0 0;justify-content:space-between}.actions{margin-left:auto}.footer{padding:12px}.footer>div{line-height:2}}@media(max-width:520px){.brand strong{font-size:14px}.brand-icon{font-size:28px}.actions button{font-size:10px;padding:7px}.status-label{display:none}.footer{font-size:9px}}