:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#030303;color:#efefef}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#030303}#app{position:relative}#world{display:block;width:100%;height:100%;background:#030303;cursor:crosshair}#start{position:absolute;left:50%;bottom:clamp(32px,9vh,96px);transform:translate(-50%);min-width:156px;height:44px;border:1px solid rgba(242,242,242,.76);border-radius:6px;background:#050505c7;color:#f4f4f4;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 32px #bef0ff2e}#start:hover,#start:focus-visible{outline:none;border-color:#8ff7ff;color:#8ff7ff}#start.is-hidden{opacity:0;pointer-events:none}#hud{position:absolute;top:clamp(14px,3vw,28px);left:clamp(14px,3vw,28px);width:min(240px,calc(100vw - 28px));display:grid;gap:8px;pointer-events:none}.hud-row{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:28px;border-bottom:1px solid rgba(255,255,255,.16);color:#ebebebb8;font-size:11px;font-weight:650;letter-spacing:0;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.72)}#debug-panel{position:absolute;top:clamp(14px,3vw,28px);right:clamp(14px,3vw,28px);z-index:4;width:min(292px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:12px;overflow:auto;border:1px solid rgba(244,244,244,.2);border-radius:8px;background:#090a0ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 46px #00000042;color:#f3f3f3}.debug-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:10px}.debug-header strong{font-size:12px;font-weight:750;letter-spacing:0;text-transform:uppercase}#debug-toggle{height:30px;padding:0 9px;border:1px solid rgba(244,244,244,.28);border-radius:6px;background:#060707b8;color:#f3f3f3;font-size:11px;font-weight:750;letter-spacing:0;text-transform:uppercase}#debug-toggle:hover,#debug-toggle:focus-visible{outline:none;border-color:#8ff7ffb8;color:#dffcff}#debug-panel.is-collapsed{width:auto;padding:8px;overflow:visible}#debug-panel.is-collapsed .debug-header{display:block;margin:0}#debug-panel.is-collapsed .debug-header strong,#debug-panel.is-collapsed .debug-actions,#debug-panel.is-collapsed #debug-controls,#debug-panel.is-collapsed #debug-status{display:none}#debug-panel.is-collapsed #debug-toggle{min-width:56px}.debug-actions{display:flex;gap:6px}.debug-actions button{height:30px;padding:0 10px;border:1px solid rgba(143,247,255,.66);border-radius:6px;background:#071416bd;color:#dffcff;font-size:11px;font-weight:750;letter-spacing:0;text-transform:uppercase}.debug-actions button:hover,.debug-actions button:focus-visible{outline:none;background:#12363adb}#debug-controls{display:grid;gap:9px}.debug-control{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;color:#f2f2f2c7;font-size:11px;font-weight:650;letter-spacing:0}.debug-control output{min-width:42px;color:#fff;font-variant-numeric:tabular-nums;text-align:right}.debug-control input{grid-column:1 / -1;width:100%;accent-color:#8ff7ff}#debug-status{min-height:16px;margin:8px 0 0;color:#dffcffc2;font-size:11px;font-weight:650}.hud-row strong{color:#f8f8f8;font-size:12px}#reticle{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.32);border-radius:50%;pointer-events:none;box-shadow:0 0 18px #a0f5ff29,inset 0 0 10px #a0f5ff1a}#reticle:after{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;transform:translate(-50%,-50%);background:#fff9;content:""}@media(max-width:720px){#hud{width:min(210px,calc(100vw - 28px))}#debug-panel{top:auto;bottom:12px;right:12px;width:min(232px,calc(100vw - 24px));max-height:46vh;padding:10px}.hud-row{min-height:24px;font-size:10px}.hud-row strong{font-size:11px}.debug-control{font-size:10px}}