:root{--color-primary-green: #00ff00;--color-light-green: #66ff66;--color-white: #ffffff;--color-black: #000000;--color-blue-accent: #667eea;--color-purple-accent: #764ba2;--color-cyan-accent: #00d4ff;--bg-dark-overlay: rgba(0, 0, 0, .3);--bg-medium-overlay: rgba(0, 0, 0, .5);--bg-heavy-overlay: rgba(0, 0, 0, .8);--bg-max-overlay: rgba(0, 0, 0, .9);--bg-white-overlay: rgba(255, 255, 255, .2);--border-green-primary: rgba(0, 255, 0, .3);--border-green-light: rgba(0, 200, 0, .2);--border-green-medium: rgba(0, 255, 0, .3);--border-white-light: rgba(255, 255, 255, .2);--border-white-medium: rgba(255, 255, 255, .4);--text-primary: var(--color-primary-green);--text-white: var(--color-white);--text-white-medium: rgba(255, 255, 255, .9);--text-white-low: rgba(255, 255, 255, .6);--text-black: var(--color-black);--font-family-mono: "Roboto Mono", monospace;--font-size-sm: 11px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 2.8em;--font-weight-bold: bold;--spacing-xs: 3px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 10px;--spacing-xl: 12px;--spacing-xxl: 15px;--spacing-xxxl: 20px;--radius-sm: 2px;--radius-base: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-xxl: 20px;--shadow-sm: 0 0 4px;--shadow-base: 0 0 10px;--shadow-lg: 0 4px 12px;--shadow-xl: 0 8px 20px;--shadow-xxl: 0 20px 60px;--z-crosshair: 50;--z-ui: 100;--z-hud: 100;--z-fps: 1000;--z-lobby: 1000;--health-gradient: linear-gradient(90deg, var(--color-primary-green), var(--color-light-green));--lobby-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--button-gradient: linear-gradient(45deg, var(--color-blue-accent) 0%, var(--color-purple-accent) 100%);--title-gradient: linear-gradient(45deg, var(--color-cyan-accent), var(--color-white), #ff6b6b)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:var(--font-family-mono)}button:focus,button:focus-visible{outline:4px auto #646cff}body{margin:0;padding:0;overflow:hidden;font-family:var(--font-family-mono);line-height:1.4;font-size:var(--font-size-md)}.controls-info.svelte-15ozuht{position:fixed;bottom:20px;left:20px;color:var(--text-primary);font-size:var(--font-size-sm);background:var(--bg-medium-overlay);padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-base);white-space:nowrap;display:none;z-index:1000}.game-hud.svelte-15ozuht{position:fixed;top:var(--spacing-xxl);left:var(--spacing-xxl);width:280px;max-width:600px;min-height:120px;background:var(--bg-dark-overlay);border:1px solid var(--border-green-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);pointer-events:none;box-shadow:var(--shadow-base) var(--border-green-primary);z-index:var(--z-hud);display:flex;flex-direction:column;gap:var(--spacing-md);box-sizing:border-box;display:none}.room-code-indicator.svelte-15ozuht{position:fixed;top:var(--spacing-lg);left:50%;transform:translate(-50%);background:var(--bg-dark-overlay);border:1px solid var(--border-green-light);border-radius:var(--radius-base);padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-base);color:var(--text-white);z-index:var(--z-fps);text-align:center;white-space:nowrap;display:none}.health-fill.svelte-15ozuht{height:100%;background:var(--color-white)}.hud-element.svelte-15ozuht{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-dark-overlay);border-radius:var(--radius-base);border-left:2px solid var(--color-primary-green);color:var(--text-primary);font-size:var(--font-size-base);font-family:Roboto Mono,monospace;min-height:var(--spacing-xxl)}.hud-element.health-container.svelte-15ozuht{padding:var(--spacing-sm) var(--spacing-md)!important;min-height:16px!important;position:relative!important;background:var(--bg-medium-overlay)!important;border:1px solid var(--color-primary-green)!important;border-radius:var(--radius-base)!important;display:block!important}.hud-element.health-container.svelte-15ozuht .health-fill:where(.svelte-15ozuht){position:absolute;top:0;left:0;height:100%;background:var(--health-gradient)!important;border-radius:var(--radius-sm)}.hud-element.health-container.svelte-15ozuht .health-text:where(.svelte-15ozuht){position:relative;z-index:1;text-align:center;color:var(--text-black);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-shadow:none;line-height:16px;width:100%}.ui-bottom-bar.svelte-15ozuht{display:flex;justify-content:center;align-items:center;width:100%;padding:var(--spacing-lg) 0}.fps-counter.svelte-15ozuht{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--bg-dark-overlay);border:1px solid var(--border-green-light);border-radius:var(--radius-base);padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-base);color:var(--text-primary);z-index:var(--z-fps)}.ui-element.svelte-15ozuht{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-dark-overlay);border-radius:var(--radius-base);color:var(--text-primary);font-size:var(--font-size-sm);font-family:Roboto Mono,monospace;margin:var(--spacing-xs) 0}.ui-element.svelte-15ozuht .label:where(.svelte-15ozuht){color:var(--text-white-medium);font-weight:var(--font-weight-bold)}.ui-element.svelte-15ozuht .value:where(.svelte-15ozuht){color:var(--text-primary);font-weight:var(--font-weight-bold)}#bottom-controls.svelte-15ozuht{position:absolute;bottom:var(--spacing-xxl);right:var(--spacing-xxl);color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:var(--font-size-sm);text-shadow:var(--shadow-sm) var(--text-primary);background:var(--bg-medium-overlay);padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-base);max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;display:none}.sensitivity-controls.svelte-15ozuht{background:var(--bg-dark-overlay);border:1px solid var(--border-green-medium);border-radius:var(--radius-base);padding:var(--spacing-lg);margin-top:var(--spacing-md);pointer-events:auto}.sensitivity-header.svelte-15ozuht{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-md)}.sensitivity-header.svelte-15ozuht label:where(.svelte-15ozuht){color:var(--text-primary);font-size:var(--font-size-base);font-family:Roboto Mono,monospace}#sensitivity-slider.svelte-15ozuht{width:100%;height:var(--spacing-sm);background:var(--border-green-light);border-radius:var(--radius-sm);outline:none;appearance:none}#sensitivity-slider.svelte-15ozuht::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--color-primary-green);border-radius:50%;cursor:pointer}#sensitivity-slider.svelte-15ozuht::-webkit-slider-thumb:hover{background:var(--color-light-green)}.sensitivity-hint.svelte-15ozuht{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-dark-overlay);border-radius:var(--radius-base);color:var(--text-primary);font-size:var(--font-size-sm);font-family:Roboto Mono,monospace;margin:var(--spacing-xs) 0;text-align:center;width:100%;box-sizing:border-box}#crosshair.svelte-15ozuht{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:20px!important;height:20px!important;z-index:1000!important;pointer-events:none!important;display:block!important}#crosshair.svelte-15ozuht .crosshair-vertical:where(.svelte-15ozuht){position:absolute;width:2px;height:20px;background-color:#0c0;left:9px;top:0;border:none;outline:none}#crosshair.svelte-15ozuht .crosshair-horizontal:where(.svelte-15ozuht){position:absolute;width:20px;height:2px;background-color:#0c0;left:0;top:9px;border:none;outline:none}