:root{--color-bg:#0a0a0f;--color-text:#c8c8d0;--color-accent:#f44;--color-accent-dim:#811;--color-ui-bg:#0a0a0fd9;--color-ui-border:#ff44444d;--font-mono:"Courier New", Courier, monospace;--font-ui:"Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-bg);width:100%;height:100%;color:var(--color-text);font-family:var(--font-ui);overflow:hidden}#app{width:100%;height:100%;position:relative}#game-container{width:100%;height:100%}#game-container canvas{display:block}#loading-screen{background:var(--color-bg);z-index:1000;justify-content:center;align-items:center;transition:opacity 1s ease-out;display:flex;position:fixed;inset:0}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-content h1{font-family:var(--font-mono);color:var(--color-accent);text-shadow:0 0 20px var(--color-accent-dim);letter-spacing:.5rem;margin-bottom:.5rem;font-size:4rem;animation:3s infinite flicker}.loading-content h2{font-family:var(--font-ui);color:var(--color-text);opacity:.7;letter-spacing:.2rem;margin-bottom:3rem;font-size:1.2rem}.loading-bar{background:#ffffff1a;width:300px;height:2px;margin:0 auto 1rem;overflow:hidden}.loading-progress{background:var(--color-accent);width:0%;height:100%;animation:2s ease-in-out infinite loading}.loading-text{font-family:var(--font-mono);opacity:.5;letter-spacing:.1rem;font-size:.8rem}@keyframes loading{0%{width:0%;margin-left:0}50%{width:100%;margin-left:0}to{width:0%;margin-left:100%}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.3}94%{opacity:1}96%{opacity:.5}97%{opacity:1}}#crosshair{pointer-events:none;z-index:100;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-dot{background:#fff9;border-radius:50%;width:4px;height:4px;box-shadow:0 0 4px #000c}#interaction-prompt{background:var(--color-ui-bg);border:1px solid var(--color-ui-border);z-index:100;border-radius:4px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:20%;left:50%;transform:translate(-50%)}#interaction-prompt.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(10px)}#interaction-prompt .key{background:var(--color-accent);color:#fff;width:28px;height:28px;font-family:var(--font-mono);border-radius:3px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}#interaction-prompt .label{font-family:var(--font-ui);color:var(--color-text);font-size:.95rem}#info-panel{background:var(--color-ui-bg);border:1px solid var(--color-ui-border);z-index:100;border-radius:4px;padding:1rem;position:fixed;top:20px;right:20px}.frequency-display{flex-direction:column;gap:.25rem;display:flex}.frequency-display .label{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.15rem;font-size:.65rem}.frequency-display .value{font-family:var(--font-mono);color:var(--color-text);font-size:1.2rem}#error-screen{background:var(--color-bg);z-index:1000;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}#error-screen h1{font-family:var(--font-mono);color:var(--color-accent);margin-bottom:1rem;font-size:3rem}#error-screen p{color:var(--color-text);margin-bottom:.5rem}#error-screen .error-details{font-family:var(--font-mono);opacity:.6;margin-top:1rem;font-size:.85rem}.vignette{pointer-events:none;z-index:50;background:radial-gradient(#0000 50%,#000c 100%);position:fixed;inset:0}.film-grain{pointer-events:none;opacity:.03;z-index:51;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (width<=768px){.loading-content h1{font-size:2.5rem}.loading-content h2{font-size:1rem}#info-panel{padding:.75rem;top:10px;right:10px}.frequency-display .value{font-size:1rem}}