.interaction-prompt{position:fixed;bottom:25%;left:50%;transform:translate(-50%);z-index:100;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.interaction-prompt.show{opacity:1}.interaction-prompt-content{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#000000d9;border:2px solid #ffffff;border-radius:4px;box-shadow:0 4px 12px #0009;font-family:Courier New,monospace;font-size:16px;color:#fff;text-shadow:2px 2px 0px #000000;animation:pulse 1.5s ease-in-out infinite}.interaction-key{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:4px 8px;background:linear-gradient(180deg,#4a4a4a,#2a2a2a);border:2px solid #ffffff;border-radius:4px;font-weight:700;font-size:18px;color:#ff0;text-shadow:1px 1px 2px #000000;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0006}.interaction-message{font-weight:400;font-size:16px;letter-spacing:.5px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.interaction-prompt{bottom:20%}.interaction-prompt-content{padding:10px 20px;font-size:14px}.interaction-key{min-width:28px;height:28px;font-size:16px}.interaction-message{font-size:14px}}.interaction-prompt.locked .interaction-message{color:#ff6b6b}.interaction-prompt.hiding .interaction-key{background:linear-gradient(180deg,#4a4a2a,#2a2a1a);color:#90ee90}.interaction-prompt.vent .interaction-key{background:linear-gradient(180deg,#3a3a4a,#1a1a2a);color:#87ceeb}.debug-panel{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:Courier New,monospace;pointer-events:all;user-select:none}.debug-toggle{background:#000000e6;border:2px solid #00ff00;color:#0f0;padding:8px 12px;font-size:14px;font-weight:700;font-family:Courier New,monospace;cursor:pointer;text-shadow:0 0 5px #00ff00;box-shadow:0 0 10px #00ff004d;transition:all .2s;letter-spacing:2px}.debug-toggle:hover{background:#00ff001a;box-shadow:0 0 15px #00ff0080}.debug-content{margin-top:10px;background:#000000f2;border:2px solid #00ff00;padding:15px;min-width:280px;box-shadow:0 0 20px #0f06;display:block}.debug-panel.collapsed .debug-content{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important}.debug-section{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,255,0,.3)}.debug-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.debug-label{color:#0f0;font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.debug-value{font-size:24px;font-weight:700;text-align:center;padding:5px;border:1px solid #00ff00;background:#00ff000d}.fps{text-shadow:0 0 10px currentColor}.fps-high{color:#0f0}.fps-medium{color:#ff0}.fps-low{color:red}.debug-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}.preset-button{background:#00ff001a;border:1px solid #00ff00;color:#0f0;padding:6px 10px;font-size:11px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s;font-weight:700}.preset-button:hover{background:#0f03;box-shadow:0 0 5px #00ff0080}.preset-button.active{background:#00ff004d;border-color:#0f0;box-shadow:0 0 10px #0f09}.preset-button:disabled{opacity:.3;cursor:not-allowed}.debug-slider{width:100%;height:6px;background:#0f03;outline:none;border:1px solid #00ff00;appearance:none;cursor:pointer}.debug-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#0f0;border:2px solid #000;cursor:pointer;box-shadow:0 0 5px #0f0c}.debug-slider::-moz-range-thumb{width:16px;height:16px;background:#0f0;border:2px solid #000;cursor:pointer;box-shadow:0 0 5px #0f0c}.debug-slider:disabled{opacity:.3;cursor:not-allowed}.debug-button{width:100%;background:#00ff001a;border:2px solid #00ff00;color:#0f0;padding:10px;font-size:14px;font-family:Courier New,monospace;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.debug-button:hover{background:#0f03;box-shadow:0 0 10px #00ff0080}.debug-button:active{transform:scale(.98)}.pause-button.paused{border-color:#ff0;color:#ff0;background:#ffff001a}.pause-button.paused:hover{background:#ff03;box-shadow:0 0 10px #ffff0080}.debug-info{border:none;padding-bottom:0}.debug-info-text{color:#0f0;font-size:10px;opacity:.7;margin-bottom:5px;line-height:1.4}.debug-info-text:last-child{margin-bottom:0}kbd{display:inline-block;padding:2px 6px;background:#0f03;border:1px solid #00ff00;border-radius:2px;font-family:Courier New,monospace;font-size:10px;font-weight:700}@keyframes glow{0%,to{box-shadow:0 0 10px #00ff004d}50%{box-shadow:0 0 20px #0f09}}.debug-panel.expanded .debug-toggle{animation:glow 2s ease-in-out infinite}:root{--color-primary: #ff4444;--color-secondary: #ff8844;--color-background: #000000;--color-surface: #111111;--color-text: #ffffff;--color-text-secondary: #888888;--color-danger: #ff0000;--color-success: #00ff00;--color-warning: #ffff00;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-background);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;position:relative}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;outline:none;transition:all var(--transition-fast)}button:hover{opacity:.8}button:active{transform:scale(.95)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text)}::selection{background-color:var(--color-primary);color:var(--color-background)}canvas{display:block;outline:none}