*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none}body{background-color:#050512;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.app-container{position:relative;width:1000px;height:700px;border-radius:16px;overflow:hidden;box-shadow:0 25px 60px -15px #000c,0 0 50px #6450fa26;border:1px solid rgba(255,255,255,.07);background-color:#0a0a23}#gpuCanvas{display:block;width:1000px;height:700px;outline:none;touch-action:none}.hud-panel{position:absolute;top:20px;left:20px;width:220px;padding:16px;background:#0a0a2399;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.08);pointer-events:none;user-select:none;box-shadow:0 8px 32px #0006;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.hud-header .title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.hud-header h1{font-family:Outfit,sans-serif;font-size:13px;font-weight:800;letter-spacing:1px;color:#fff;background:linear-gradient(135deg,#fff 30%,#a3b8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#00ffd5;box-shadow:0 0 8px #00ffd5;animation:statusPulse 1.5s infinite alternate ease-in-out}@keyframes statusPulse{0%{opacity:.35;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.hud-header p{font-size:9px;font-weight:500;color:#7b8ebb;letter-spacing:.5px;text-transform:uppercase}.hud-body{margin-top:14px}.control-group{display:flex;flex-direction:column;gap:6px}.control-item{display:flex;justify-content:space-between;align-items:center;font-size:10px}.shortcut{font-family:Outfit,sans-serif;font-weight:700;color:#38bdf8;letter-spacing:.5px;font-size:9px;text-transform:uppercase}.description{color:#94a3b8}.stats-group{margin-top:10px;border-top:1px solid rgba(255,255,255,.05);padding-top:10px;display:flex;flex-direction:column;gap:5px}.stat-row{display:flex;justify-content:space-between;font-size:10px;color:#94a3b8}.stat-val{color:#f1f5f9;font-weight:500}@media(max-width:1040px){body{height:auto;min-height:100vh;overflow-y:auto;padding:20px 15px;align-items:flex-start}.app-container{width:100%;max-width:1000px;height:auto;border-radius:16px;box-shadow:none;border:none;background-color:transparent;display:flex;flex-direction:column;overflow:visible}#gpuCanvas{width:100%;height:auto;aspect-ratio:1000 / 700;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 45px #000000b3,0 0 35px #6450fa1a}.hud-panel{position:relative;top:0;left:0;width:100%;margin-top:24px;pointer-events:auto;background:#0a0a23bf;box-shadow:0 10px 30px #00000080}}