*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}:root{--color-bg:#08080f;--color-panel-bg:#0c0c14d9;--color-border:#ffffff0f;--color-text-dim:#ffffff4d;--color-viewport-bg:#0a0a14;--hud-top-height:48px;--hud-bottom-height:60px;--hud-side-width:200px}html,body,#root{background:var(--color-bg);width:100%;height:100%;color:var(--color-text-dim);font-family:system-ui,sans-serif;font-size:13px;overflow:hidden}@keyframes hue-rotate-border{0%{border-color:#a0c8ff59;box-shadow:0 0 18px #64a0ff2e}25%{border-color:#8264ff66;box-shadow:0 0 22px #7850ff38}50%{border-color:#b464ff59;box-shadow:0 0 18px #a03cff2e}75%{border-color:#50a0ff66;box-shadow:0 0 22px #3c8cff38}to{border-color:#a0c8ff59;box-shadow:0 0 18px #64a0ff2e}}.hue-border{border:1px solid #a0c8ff59;animation:6s ease-in-out infinite hue-rotate-border}@media (prefers-reduced-motion:reduce){.hue-border{box-shadow:none;border-color:#8282ff4d;animation:none}}.game-shell{flex-direction:column;width:100%;height:100%;display:flex}.game-viewport{background:var(--color-viewport-bg);flex:1;position:relative;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}.hud-bottom{height:var(--hud-bottom-height);background:var(--color-panel-bg);border-top:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hud-bottom-center{align-items:center;gap:8px;display:flex}