:root{--bg-main: #202020;--bg-surface: #272727;--bg-elevated: #303030;--bg-track: #444444;--bg-hud: rgba(20, 20, 20, .92);--border-subtle: #353535;--border-strong: #555555;--accent-primary: #901af8;--accent-terminal: #c084fc;--accent-warn: #ffca78;--accent-danger: #d46a6a;--text-bright: #ffffff;--text-main: #cccccc;--text-muted: #aaaaaa;--text-dim: #777777;--font-ui: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: Consolas, "JetBrains Mono", "Cascadia Code", monospace;--transition-fast: .15s linear;--transition-progress: .18s linear;--transition-normal: .2s linear;--site-max-width: 1040px;--content-max-width: 780px}*,*:before,*:after{box-sizing:border-box;border-radius:0!important;box-shadow:none!important}.game-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:#111}.game-top-bar{height:44px;background:var(--bg-surface);border-bottom:1px solid var(--border-strong);display:flex;align-items:center;justify-content:space-between;padding-inline:14px;flex-shrink:0;z-index:20;gap:12px}:fullscreen .game-top-bar,:-webkit-full-screen .game-top-bar,:-moz-full-screen .game-top-bar,.game-layout.is-fullscreen .game-top-bar{display:none!important}:fullscreen .help-drawer,:-webkit-full-screen .help-drawer,:-moz-full-screen .help-drawer,.game-layout.is-fullscreen .help-drawer{top:0}.top-bar-brand-group{display:flex;align-items:center;gap:10px}.game-brand{display:inline-flex;align-items:center;gap:8px;color:var(--text-bright);font-weight:700;font-size:13px;text-decoration:none;padding:4px 6px;border:1px solid transparent;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.game-brand:hover{background:#1e1e1e;border-color:var(--border-subtle);color:var(--accent-terminal)}.game-brand .icon-back{color:var(--text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}.game-brand:hover .icon-back{transform:translate(-2px);color:var(--accent-terminal)}.brand-logo{display:block}.game-brand-title{letter-spacing:-.01em}.game-version-badge{font-family:var(--font-mono);font-size:11px;color:var(--accent-terminal);padding:2px 6px;background:#1a1a1a;border:1px solid var(--border-subtle);line-height:1}.game-connection-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding:2px 8px;background:#181818;border:1px solid var(--border-subtle)}.pulse-indicator-dot{width:6px;height:6px;background:#22c55e;display:inline-block;animation:connection-pulse 2s ease-in-out infinite}@keyframes connection-pulse{0%,to{opacity:1}50%{opacity:.35}}.game-controls{display:flex;align-items:center;gap:6px}.btn-hud{height:28px;padding:0 10px;font-size:12px;font-family:var(--font-mono);background:#1e1e1e;color:var(--text-main);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn-hud:hover{background:#2a2a2a;border-color:var(--border-strong);color:var(--text-bright)}.btn-hud .icon{color:var(--text-muted);flex-shrink:0;transition:color var(--transition-fast)}.btn-hud:hover .icon{color:var(--text-bright)}.btn-hud.btn-active,.btn-hud[aria-expanded=true]{background:#901af824;border-color:var(--accent-primary);color:var(--text-bright)}.btn-hud.btn-active .icon,.btn-hud[aria-expanded=true] .icon{color:var(--accent-terminal)}.game-viewport-wrap{flex:1;position:relative;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}#aevocraft-game-root{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}#aevocraft-game-root canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.runtime-stats{position:absolute;top:12px;right:12px;z-index:15;width:min(340px,calc(100% - 24px));max-height:calc(100% - 24px);box-sizing:border-box;padding:0;border:1px solid var(--border-strong);background:#121212f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-main);font-family:var(--font-mono);font-size:11px;line-height:1.45;display:flex;flex-direction:column}.runtime-stats.hidden{display:none!important}.hud-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#161616;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.hud-header-title{display:flex;align-items:center;gap:8px}.hud-badge{font-size:9px;font-weight:700;letter-spacing:.05em;padding:1px 4px;background:var(--accent-primary);color:#fff;line-height:1.2}.hud-title{color:var(--text-bright);font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.hud-header-actions{display:flex;align-items:center;gap:8px}.hud-status-pill{display:inline-flex;align-items:center;gap:6px;padding:1px 6px;background:#202020;border:1px solid var(--border-subtle);font-size:10px}.hud-close-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.hud-close-btn:hover{background:#262626;border-color:var(--border-strong);color:var(--text-bright)}.hud-body{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 120px)}.hud-body::-webkit-scrollbar{width:4px}.hud-body::-webkit-scrollbar-track{background:#141414}.hud-body::-webkit-scrollbar-thumb{background:var(--border-strong)}.hud-section{display:flex;flex-direction:column;gap:2px}.hud-section-header{display:flex;align-items:center;gap:6px;color:var(--text-bright);font-size:10px;font-weight:700;letter-spacing:.06em;padding-bottom:4px;border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.hud-section-header svg{color:var(--accent-terminal);flex-shrink:0}.hud-fps-card{display:flex;align-items:center;justify-content:space-between;background:#141414;border:1px solid var(--border-subtle);padding:6px 10px;margin-bottom:4px}.hud-fps-main{display:flex;align-items:baseline;gap:6px}.hud-metric-label{font-size:10px;color:var(--text-dim);text-transform:uppercase}.hud-fps-meta{display:flex;flex-direction:column;align-items:flex-end;gap:1px}#stats-fps{font-size:20px;font-weight:700;color:var(--accent-terminal);line-height:1}.stats-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:2px}.stats-line>span:first-child{color:var(--text-muted)}.stats-value{flex:0 1 170px;max-width:170px;overflow:hidden;color:var(--accent-terminal);text-align:right;text-overflow:ellipsis;white-space:nowrap}.stats-value.stats-warning{color:var(--accent-warn)}.stats-mono-sm{font-size:10px;opacity:.9}.stats-line-compact{padding-top:2px}.game-state-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-main);display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.game-state-overlay.hidden{display:none!important}.game-message-card{width:min(540px,100%);padding:24px;background:var(--bg-surface);border:1px solid var(--border-strong)}.game-message-title{font-size:18px;color:var(--text-bright);margin-bottom:8px;font-weight:500}.game-message-text{font-size:13px;color:var(--text-main);line-height:1.6;margin-bottom:16px}.game-experimental-notice{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);padding:8px 12px;background:#181818;border:1px solid var(--border-subtle);margin-top:16px}.help-drawer{position:fixed;top:44px;right:0;width:min(360px,100%);bottom:0;background:#121212f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:1px solid var(--border-strong);padding:0;z-index:30;transform:translate(100%);transition:transform var(--transition-normal);overflow-y:auto;display:flex;flex-direction:column}.help-drawer.open{transform:translate(0)}.help-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#161616;border-bottom:1px solid var(--border-strong);flex-shrink:0}.help-title{color:var(--text-bright);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.help-close-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.help-close-btn:hover{background:#262626;border-color:var(--border-strong);color:var(--text-bright)}.help-content{padding:16px;display:flex;flex-direction:column;gap:4px;flex:1}.help-row{display:flex;justify-content:space-between;align-items:center;padding-block:6px;border-bottom:1px solid var(--border-subtle);font-size:12px}.help-key{font-family:var(--font-mono);color:var(--accent-terminal);background:#161616;padding:2px 7px;border:1px solid var(--border-strong);font-size:11px}.help-desc{color:var(--text-main)}.help-tip-box{margin:0 16px 16px;padding:12px;background:#161616;border:1px solid var(--border-subtle);display:flex;gap:10px;font-size:12px;line-height:1.5;color:var(--text-muted)}.help-tip-box svg{flex-shrink:0;margin-top:2px}@media(max-width:768px){.game-top-bar{height:auto;min-height:44px;padding:6px 10px;gap:8px;flex-wrap:wrap}.top-bar-brand-group{gap:8px}.game-connection-status{display:none}.game-controls{gap:4px}.btn-hud{padding:0 8px;height:26px;font-size:11px}.btn-hud .btn-text{display:none}.runtime-stats{top:8px;right:8px;left:8px;width:auto;max-height:48vh}}