:root{--color-primary: #00f0ff;--color-secondary: #ff007f;--color-accent: #7000ff;--color-bg: #0c0f1d;--color-bg-rgb: 12, 15, 29;--color-text: #ffffff;--color-text-muted: #a0aec0;--color-bg-glass: rgba(12, 15, 29, .6);--color-border-glass: rgba(255, 255, 255, .1);--blur-strength: 12px;--font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-unit: 8px;--spacing-xs: calc(var(--spacing-unit) * 1);--spacing-sm: calc(var(--spacing-unit) * 2);--spacing-md: calc(var(--spacing-unit) * 3);--spacing-lg: calc(var(--spacing-unit) * 4);--spacing-xl: calc(var(--spacing-unit) * 6);--z-canvas: 1;--z-ui-layer: 10;--z-navbar: 20;--z-modal: 100;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s cubic-bezier(.25, .8, .25, 1)}.text-h1{font-family:var(--font-main);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,#ffffff 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm)}.text-h2{font-family:var(--font-main);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--color-text);margin-bottom:var(--spacing-sm)}.text-body{font-family:var(--font-main);font-size:1rem;font-weight:400;line-height:1.6;color:var(--color-text-muted)}.text-caption{font-family:var(--font-main);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary)}.glass{background:var(--color-bg-glass);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));border:var(--color-border-glass);box-shadow:0 8px 32px #0000005e;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.glass:hover{border-color:#00f0ff4d;box-shadow:0 8px 32px #00f0ff1a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0c0f1d4d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.flight-hud{position:fixed;bottom:var(--spacing-sm);left:var(--spacing-sm);z-index:var(--z-navbar);width:360px;padding:var(--spacing-md);border-radius:12px;pointer-events:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);transition:opacity var(--transition-normal),transform var(--transition-normal);font-family:Courier New,Courier,monospace}.flight-hud.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.glass{background:var(--color-bg-glass);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));border:1px solid var(--color-border-glass);box-shadow:0 8px 32px #0000005e}.hud-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,240,255,.2);padding-bottom:var(--spacing-xs)}.hud-title{font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--color-primary);text-shadow:0 0 8px rgba(0,240,255,.5)}.hud-toggle-btn{background:#0c0f1d99;border:1px solid var(--color-primary);color:var(--color-text);padding:4px 8px;border-radius:4px;font-family:inherit;font-size:.7rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all var(--transition-fast)}.hud-toggle-btn:hover{background:#00f0ff26;box-shadow:0 0 10px #00f0ff4d}.hud-toggle-btn.active-manual{border-color:var(--color-secondary);color:var(--color-secondary)}.hud-toggle-btn.active-manual:hover{background:#ff007f26;box-shadow:0 0 10px #ff007f4d}.hud-toggle-btn.active-gravity{border-color:#ff007f;color:#ff007f;box-shadow:0 0 15px #ff007f80;background:#ff007f1a}#gravity-well-btn .status-indicator{background-color:#555;box-shadow:none}#gravity-well-btn.active-gravity .status-indicator{background-color:#ff007f;box-shadow:0 0 8px #ff007f;animation:pulse 1s infinite alternate}.status-indicator{width:6px;height:6px;border-radius:50%;background-color:#0f6;box-shadow:0 0 8px #0f6;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.active-manual .status-indicator{background-color:var(--color-secondary);box-shadow:0 0 8px var(--color-secondary);animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.hud-body{display:flex;gap:var(--spacing-md);align-items:center;margin-top:var(--spacing-xs)}.radar-container{width:100px;height:100px;flex-shrink:0;position:relative}.radar-scanner{width:100%;height:100%}.radar-border{fill:none;stroke:var(--color-primary);stroke-width:1;opacity:.6}.radar-grid{fill:none;stroke:var(--color-primary);stroke-width:.5;stroke-dasharray:2 2;opacity:.3}.radar-grid-line{stroke:var(--color-primary);stroke-width:.5;opacity:.3}.radar-sweep-line{stroke:var(--color-primary);stroke-width:1;opacity:.7;transform-origin:50px 50px;animation:sweep 4s linear infinite}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-dot{stroke-width:1;stroke:#000;opacity:.8;transition:transform var(--transition-fast)}.target-projects{fill:var(--color-primary);filter:drop-shadow(0 0 2px var(--color-primary))}.target-skills{fill:#fa0;filter:drop-shadow(0 0 2px #ffaa00)}.target-about{fill:var(--color-secondary);filter:drop-shadow(0 0 2px var(--color-secondary))}.target-resume{fill:#0f6;filter:drop-shadow(0 0 2px #00ff66)}.radar-drone-icon{fill:#fff;stroke:var(--color-primary);stroke-width:.5;transform-origin:50px 50px;filter:drop-shadow(0 0 3px rgba(255,255,255,.8))}.telemetry-info{display:flex;flex-direction:column;gap:8px;flex-grow:1;font-size:.7rem}.telemetry-row{display:flex;flex-direction:column;gap:2px}.telemetry-row .label{color:var(--color-text-muted);font-size:.6rem}.telemetry-row .value{color:#fff;font-weight:700}.controls-hint{margin-top:4px;border-top:1px dashed rgba(255,255,255,.1);padding-top:4px;display:none;flex-direction:column}.hint-title{color:var(--color-secondary);font-size:.6rem;font-weight:700}.hint-keys{color:var(--color-text-muted);font-size:.55rem;line-height:1.2}.audio-visualizer-row{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(0,240,255,.3);display:flex;flex-direction:column}#audio-visualizer{width:100%;height:40px;background-color:#0c0f1d99;border:1px solid rgba(0,240,255,.2);border-radius:4px;margin-top:6px;box-shadow:inset 0 0 10px #00f0ff26,0 0 10px #00f0ff1a;display:block;pointer-events:none}.chronometer-hud{position:fixed;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:var(--z-navbar);width:360px;padding:var(--spacing-md);border-radius:12px;pointer-events:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);transition:opacity var(--transition-normal),transform var(--transition-normal);font-family:Courier New,Courier,monospace}.chrono-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,240,255,.2);padding-bottom:var(--spacing-xs)}.chrono-title{font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--color-primary);text-shadow:0 0 8px rgba(0,240,255,.5)}.chrono-year-value{font-size:1.1rem;font-weight:900;color:var(--color-secondary);text-shadow:0 0 10px rgba(255,0,127,.6);background:#ff007f1a;padding:2px 8px;border-radius:4px;border:1px solid rgba(255,0,127,.3)}.chrono-body{display:flex;flex-direction:column;gap:6px;margin-top:4px}.chrono-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#0c0f1dcc;border:1px solid rgba(0,240,255,.3);border-radius:3px;outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.chrono-slider:hover{border-color:var(--color-primary)}.chrono-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 10px var(--color-secondary);border:2px solid #fff;cursor:pointer;transition:transform .1s ease}.chrono-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.chrono-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 10px var(--color-secondary);border:2px solid #fff;cursor:pointer;transition:transform .1s ease}.chrono-slider::-moz-range-thumb:hover{transform:scale(1.2)}.chrono-ticks{display:flex;justify-content:space-between;font-size:.65rem;color:var(--color-text-muted);padding:0 2px}.chrono-footer{border-top:1px dashed rgba(255,255,255,.1);padding-top:var(--spacing-xs);font-size:.6rem;text-align:center}.chrono-status-text{color:#0f6;text-shadow:0 0 5px rgba(0,255,102,.4);letter-spacing:.05em}.chrono-play-btn{background:#ff007f26;border:1px solid var(--color-secondary);color:var(--color-secondary);font-family:Courier New,Courier,monospace;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:4px;cursor:pointer;text-shadow:0 0 5px rgba(255,0,127,.5);box-shadow:0 0 8px #ff007f33;transition:all .2s ease}.chrono-play-btn:hover{background:var(--color-secondary);color:#000;text-shadow:none;box-shadow:0 0 15px var(--color-secondary);transform:scale(1.05)}.chrono-play-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d;border-color:#fff3;color:var(--color-text-muted);text-shadow:none;box-shadow:none}.temporal-glitch-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;pointer-events:none;opacity:0;background:transparent;transition:opacity .1s ease}.temporal-glitch-overlay.active{opacity:1;animation:glitch-anim .4s steps(2,end) infinite;background:#00f0ff0d}.temporal-glitch-overlay:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:100000;background-size:100% 4px,6px 100%}.temporal-glitch-overlay:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:#1210101a;opacity:0;z-index:100001}.temporal-glitch-overlay.active:after{opacity:1;animation:scanline-scroll .2s linear infinite}@keyframes scanline-scroll{0%{background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.4) 100%),linear-gradient(0deg,transparent,rgba(0,240,255,.2) 10%,transparent 20%);background-size:100% 100%,100% 500px;background-position:0 0}to{background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.4) 100%),linear-gradient(0deg,transparent,rgba(0,240,255,.2) 10%,transparent 20%);background-size:100% 100%,100% 500px;background-position:0 500px}}@keyframes glitch-anim{0%{filter:hue-rotate(0deg) saturate(1.5) contrast(1.2);transform:translate(2px,1px) skew(2deg);clip-path:inset(10% 0 30% 0)}20%{filter:hue-rotate(90deg) saturate(2) contrast(1.5);transform:translate(-2px,-1px) skew(-3deg);clip-path:inset(40% 0 10% 0)}40%{filter:hue-rotate(180deg) saturate(1.2) contrast(1.1);transform:translate(1px,-2px) skew(1deg);clip-path:inset(25% 0 5% 0)}60%{filter:hue-rotate(270deg) saturate(1.8) contrast(1.3);transform:translate(-1px,2px) skew(-1deg);clip-path:inset(5% 0 60% 0)}80%{filter:hue-rotate(360deg) saturate(1.5) contrast(1.2);transform:translate(3px,-3px) skew(4deg);clip-path:inset(80% 0 2% 0)}to{filter:hue-rotate(0deg) saturate(1.5) contrast(1.2);transform:translate(0) skew(0);clip-path:none}}@media (max-width: 768px){#section-hud:not(.tetris-active-hud),.section-hud:not(.tetris-active-hud){display:none!important}#section-hud.tetris-active-hud{top:15px!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 24px)!important;max-width:340px!important;padding:8px 12px!important;gap:4px!important;font-size:.8rem!important}.experience-mode-active #section-hud.tetris-active-hud{transform:translate(-50%)!important}#section-hud.tetris-active-hud .hud-title{font-size:.72rem!important;white-space:normal!important;word-break:break-word!important}#section-hud.tetris-active-hud .hud-desc-sub{font-size:.68rem!important;white-space:normal!important;word-break:break-word!important}#section-hud.tetris-active-hud #section-hud-desc,#section-hud.tetris-active-hud .tetris-system-hint,#section-hud.tetris-active-hud .tetris-keyboard-hint,#section-hud.tetris-active-hud .driving-keyboard-hint{display:none!important}#section-hud.tetris-active-hud #tetris-score-panel,#section-hud.tetris-active-hud #driving-panel{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:4px 12px!important;border-top:none!important;padding-top:4px!important;margin-top:2px!important}#section-hud.tetris-active-hud #tetris-score-panel>div,#section-hud.tetris-active-hud #driving-panel>div{flex:1 1 calc(50% - 6px)!important;display:flex!important;justify-content:space-between!important;margin-bottom:0!important}#section-hud.tetris-active-hud #tetris-score-panel #tetris-quit-btn,#section-hud.tetris-active-hud #driving-panel #driving-quit-btn{width:100%!important;margin-top:4px!important;padding:4px!important;font-size:.65rem!important}.experience-toggle-btn{bottom:15px!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 32px)!important;max-width:320px!important}.chronometer-hud{width:calc(100% - var(--spacing-sm) * 2)!important;bottom:80px!important;right:var(--spacing-sm)!important;left:var(--spacing-sm)!important}.flight-hud{display:none!important}.experience-mode-active .experience-toggle-btn{bottom:15px!important}.experience-mode-active .chronometer-hud{bottom:80px!important}.experience-mode-active .flight-hud{display:none!important}.resume-tile{width:100px!important;height:135px!important;padding:6px!important;box-shadow:0 0 10px #00ff884d!important}.resume-tile .symbol{font-size:26px!important;margin-top:2px!important}.resume-tile .title{font-size:8px!important;margin-top:2px!important}.resume-tile .details{font-size:6.5px!important;padding-top:4px!important}.resume-tile .number{font-size:8px!important}.go-home-btn.visible{position:fixed;bottom:75px!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 32px)!important;max-width:320px!important;padding:10px;border-radius:8px;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#0f8;border:1px solid rgba(0,255,136,.4);background:#0a1914d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer;display:flex!important;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-normal);pointer-events:auto;z-index:var(--z-navbar);box-shadow:0 0 10px #0f83}.go-home-btn.visible:hover{background:#00ff8826;box-shadow:0 0 15px #0f86;border-color:#0f8}.experience-mode-active .go-home-btn{display:none!important}.project-nav-mobile.visible{position:fixed;bottom:125px!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 32px)!important;max-width:320px!important;display:flex!important;gap:12px;z-index:var(--z-navbar);pointer-events:auto}.project-nav-btn{flex:1;padding:10px;border-radius:8px;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700;letter-spacing:.1em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);pointer-events:auto}#project-prev-btn{color:#00d2ff;border:1px solid rgba(0,210,255,.4);background:#0a141ed9;box-shadow:0 0 10px #00d2ff33}#project-prev-btn:hover{background:#00d2ff26;box-shadow:0 0 15px #00d2ff66;border-color:#00d2ff}#project-next-btn{color:#ff007f;border:1px solid rgba(255,0,127,.4);background:#1e0a14d9;box-shadow:0 0 10px #ff007f33}#project-next-btn:hover{background:#ff007f26;box-shadow:0 0 15px #ff007f66;border-color:#ff007f}.experience-mode-active .project-nav-mobile{display:none!important}}.go-home-btn,.project-nav-mobile{display:none!important}.arcade-portal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-modal);background:#04050ad9;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .4s ease,visibility .4s ease}.arcade-portal.hidden{opacity:0;visibility:hidden;pointer-events:none}.arcade-frame{width:640px;max-width:95%;border-radius:16px;overflow:hidden;border:2px solid var(--color-primary);box-shadow:0 0 30px #00f0ff66,inset 0 0 20px #00f0ff1a;display:flex;flex-direction:column}.arcade-header{display:flex;justify-content:space-between;align-items:center;background:#0c0f1df2;border-bottom:2px solid var(--color-primary);padding:12px 18px}.arcade-title{color:var(--color-primary);font-weight:700;font-size:.95rem;letter-spacing:.15em;text-shadow:0 0 8px rgba(0,240,255,.6)}.arcade-close-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:1.8rem;cursor:pointer;transition:color var(--transition-fast);line-height:1}.arcade-close-btn:hover{color:var(--color-secondary)}.arcade-screen-container{position:relative;width:100%;aspect-ratio:3/2;background:#000;display:flex;justify-content:center;align-items:center}#arcade-canvas{width:100%;height:100%;display:block;box-shadow:inset 0 0 40px #000}.arcade-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#080a12eb;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;box-sizing:border-box;animation:crt-flicker .15s infinite alternate}.arcade-overlay.hidden{display:none!important}.neon-text-blue{color:#00f0ff;font-size:2.2rem;font-weight:900;letter-spacing:.2em;margin-bottom:12px;text-shadow:0 0 10px #00f0ff,0 0 20px #00f0ff}.neon-text-red{color:#f05;font-size:2.2rem;font-weight:900;letter-spacing:.2em;margin-bottom:12px;text-shadow:0 0 10px #ff0055,0 0 20px #ff0055}.neon-text-green{color:#0fa;font-size:2.2rem;font-weight:900;letter-spacing:.2em;margin-bottom:12px;text-shadow:0 0 10px #00ffaa,0 0 20px #00ffaa}.arcade-subtitle{color:var(--color-text-muted);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.arcade-instruction{color:#fff;font-size:.75rem;max-width:450px;line-height:1.5;margin-bottom:8px}.arcade-score-requirement{color:#fa0;font-size:.75rem;font-weight:700;margin-bottom:24px}.arcade-victory-desc{color:#0fa;font-size:.8rem;font-weight:700;margin-bottom:24px}.arcade-stats{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:24px;letter-spacing:.05em}.arcade-btn{background:#0c0f1dcc;border:2px solid var(--color-primary);color:var(--color-primary);padding:10px 24px;font-family:inherit;font-size:.85rem;font-weight:700;letter-spacing:.1em;cursor:pointer;border-radius:6px;text-shadow:0 0 5px rgba(0,240,255,.5);box-shadow:0 0 10px #00f0ff33;transition:all var(--transition-fast)}.arcade-btn:hover{background:var(--color-primary);color:#000;box-shadow:0 0 20px var(--color-primary);text-shadow:none}.green-btn{border-color:#0fa;color:#0fa;box-shadow:0 0 10px #0fa3}.green-btn:hover{background:#0fa;color:#000;box-shadow:0 0 20px #0fa}.arcade-controls-footer{background:#0c0f1df2;border-top:2px solid var(--color-primary);padding:10px 18px;text-align:center;font-size:.65rem;color:var(--color-text-muted);letter-spacing:.05em}@keyframes crt-flicker{0%{opacity:.98}to{opacity:1}}.audio-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hud-btn-icon{background:transparent;border:none;color:var(--color-primary);cursor:pointer;font-size:.85rem;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s ease,filter var(--transition-fast)}.hud-btn-icon:hover{transform:scale(1.15);filter:drop-shadow(0 0 4px var(--color-primary))}.hud-tiny-btn{background:#0c0f1d99;border:1px solid var(--color-primary);color:var(--color-primary);font-family:inherit;font-size:.55rem;font-weight:700;padding:2px 6px;border-radius:3px;cursor:pointer;letter-spacing:.05em;transition:all var(--transition-fast)}.hud-tiny-btn:hover{background:#00f0ff26;box-shadow:0 0 8px #00f0ff66;color:#fff}.section-hud{position:fixed;top:90px;left:var(--spacing-sm);z-index:var(--z-navbar);width:320px;padding:var(--spacing-sm);border-radius:12px;pointer-events:auto;display:flex;flex-direction:column;gap:var(--spacing-xs);transition:opacity var(--transition-normal),transform var(--transition-normal);font-family:Courier New,Courier,monospace}.section-hud.hidden{opacity:0;transform:translate(-30px);pointer-events:none}.section-hud-body{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.section-hud-desc{font-size:.8rem;line-height:1.4;color:var(--color-text)}.section-hud-hint-container{border-top:1px dashed rgba(0,240,255,.2);padding-top:var(--spacing-xs)}#section-hud.skills-active-hud:not(.tetris-active-hud) .section-hud-hint-container{display:none!important}.hint-label{font-size:.75rem;font-weight:700;color:var(--color-secondary);letter-spacing:.05em;display:block;margin-bottom:2px}.section-hud-hint{font-size:.75rem;line-height:1.3;color:#fa0;font-style:italic}.theme-tile{transition:transform .2s cubic-bezier(.25,.8,.25,1),border-color .3s ease,box-shadow .3s ease}.theme-tile:hover{transform:translateY(-2px);border-color:var(--color-primary)!important;box-shadow:0 4px 15px #00f0ff33}.interactive-btn{transition:all .2s cubic-bezier(.25,.8,.25,1)}.interactive-btn:hover{background:#ffffff1a!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important;box-shadow:0 0 10px var(--color-primary);transform:scale(1.02)}.interactive-btn:active{transform:scale(.98)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;height:6px;border-radius:3px;outline:none;transition:background .3s}input[type=range]:hover{background:#ffffff26}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-primary, #00f0ff);cursor:pointer;box-shadow:0 0 8px var(--color-primary, #00f0ff);transition:transform .1s,background-color .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}#systems-terminal::-webkit-scrollbar{width:4px}#systems-terminal::-webkit-scrollbar-track{background:#0003}#systems-terminal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}#systems-terminal::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.resume-tile{width:140px;height:180px;box-shadow:0 0 15px #0f86;border:1px solid rgba(0,255,136,.3);background-color:#0a1914d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:Courier New,Courier,monospace;text-align:center;cursor:pointer;transition:all .3s ease;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;padding:10px;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden}.resume-tile:hover{box-shadow:0 0 25px #0f8c;border:1px solid rgba(0,255,136,.9);background-color:#002819e6;transform:scale(1.05)}.resume-tile .number{font-size:10px;color:#0f89;text-align:right;font-weight:700}.resume-tile .symbol{font-size:38px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,255,136,.8);margin-top:5px}.resume-tile .title{font-size:11px;font-weight:700;color:#00ff88e6;margin-top:5px;text-transform:uppercase;letter-spacing:.05em}.resume-tile .details{font-size:8px;color:#ffffffb3;line-height:1.2;margin-top:auto;border-top:1px solid rgba(0,255,136,.2);padding-top:6px}.resume-back-btn{position:fixed;top:100px;left:50%;transform:translate(-50%);background:#0a1914d9;color:#0f8;border:1px solid rgba(0,255,136,.5);padding:10px 20px;font-family:Courier New,Courier,monospace;font-size:12px;font-weight:700;border-radius:4px;cursor:pointer;z-index:10000;letter-spacing:.1em;box-shadow:0 0 15px #00ff884d;transition:all .3s ease;pointer-events:auto;opacity:0;visibility:hidden}.resume-back-btn.visible{opacity:1;visibility:visible}.resume-back-btn:hover{background:#0f83;box-shadow:0 0 25px #00ff88b3;border-color:#0f8;text-shadow:0 0 5px #00ff88}.experience-toggle-btn{position:fixed;bottom:280px;left:var(--spacing-sm);z-index:var(--z-navbar);width:360px;padding:10px;border-radius:8px;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#00f0ff;border:1px solid rgba(0,240,255,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-normal);pointer-events:auto}.experience-toggle-btn:hover{background:#00f0ff26;box-shadow:0 0 15px #00f0ff66;border-color:#00f0ff}.experience-toggle-btn.active-experience{border-color:#ff007f;color:#ff007f;background:#ff007f26;box-shadow:0 0 20px #ff007f80}.experience-toggle-btn.active-experience .status-indicator{background-color:#ff007f;box-shadow:0 0 8px #ff007f;animation:pulse 1s infinite alternate}.experience-mode-active #navbar{opacity:0;pointer-events:none;transform:translateY(-20px);display:none!important}.experience-mode-active #section-hud{opacity:0;pointer-events:none;transform:translate(-20px)}.experience-mode-active #section-hud.tetris-active-hud{opacity:1!important;pointer-events:auto!important;transform:none!important}@media (max-width: 768px){.experience-mode-active #section-hud.tetris-active-hud{transform:translate(-50%)!important;top:15px!important}}.experience-mode-active #flight-hud .hud-header,.experience-mode-active #flight-hud .telemetry-row{display:none!important}.experience-mode-active #flight-hud .controls-hint{display:flex!important;border-top:none;margin-top:0;padding-top:0}.experience-mode-active .experience-toggle-btn{bottom:250px}.tetris-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:1000;padding:30px var(--spacing-lg);border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);transition:opacity .4s ease,transform .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;border:2px solid var(--color-primary);box-shadow:0 0 25px #00f0ff4d,inset 0 0 15px #00f0ff33}.tetris-popup.hidden{opacity:0;transform:translate(-50%,-50%) scale(.8);pointer-events:none}.tetris-popup__title{font-family:Courier New,Courier,monospace;font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:.15em;text-shadow:0 0 10px rgba(0,240,255,.8),0 0 20px rgba(255,0,127,.6);animation:neonPulse 1.5s infinite alternate}.tetris-popup__btn{background:linear-gradient(135deg,#00f0ffcc,#ff007fcc);border:1px solid #fff;color:#fff;padding:12px 30px;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:900;border-radius:8px;cursor:pointer;letter-spacing:.1em;transition:all var(--transition-fast);box-shadow:0 0 15px #ff007f80;text-shadow:0 0 5px #fff}.tetris-popup__btn:hover{transform:scale(1.05);box-shadow:0 0 25px #00f0ffcc,0 0 25px #ff007fcc;background:linear-gradient(135deg,#ff007fe6,#00f0ffe6)}@keyframes neonPulse{0%{text-shadow:0 0 10px rgba(0,240,255,.8),0 0 20px rgba(255,0,127,.6)}to{text-shadow:0 0 15px rgba(0,240,255,.9),0 0 30px rgba(255,0,127,.8),0 0 5px rgba(255,255,255,.5)}}@media (max-width: 768px){.resume-admin-content{padding:16px!important;width:95%!important;max-height:90vh!important}.resume-admin-grid{grid-template-columns:1fr!important;gap:8px!important}.resume-admin-actions{flex-direction:column!important;gap:8px!important}.resume-admin-actions button{width:100%!important}}.mobile-controls-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;display:none}.mobile-joystick-container{position:absolute;bottom:85px;left:40px;width:120px;height:120px;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none}.mobile-joystick-svg{width:100%;height:100%;overflow:visible}.mobile-action-buttons{position:absolute;bottom:85px;right:40px;display:flex;gap:20px;align-items:center;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none}.mobile-btn{width:70px;height:70px;border-radius:50%;background:#0c0f1d99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;font-weight:900;font-size:12px;letter-spacing:1px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease;user-select:none;-webkit-user-select:none}.mobile-btn:active{transform:scale(.9)}.mobile-btn-sub{font-size:7px;opacity:.6;margin-top:2px}.mobile-btn.btn-jump{border:2px solid #00f0ff;color:#00f0ff;box-shadow:0 0 10px #00f0ff4d,inset 0 0 5px #00f0ff33;text-shadow:0 0 5px rgba(0,240,255,.6)}.mobile-btn.btn-jump:active{background:#00f0ff33;box-shadow:0 0 18px #00f0ff,inset 0 0 10px #00f0ff66}.mobile-btn.btn-boost{border:2px solid #ff007f;color:#ff007f;box-shadow:0 0 10px #ff007f4d,inset 0 0 5px #ff007f33;text-shadow:0 0 5px rgba(255,0,127,.6)}.mobile-btn.btn-boost:active{background:#ff007f33;box-shadow:0 0 18px #ff007f,inset 0 0 10px #ff007f66}@media (max-width: 1024px){.mobile-controls-layer.active{display:block}.snake-keyboard-hint{display:none!important}}body.snake-game-active #toggle-experience-mode,body.snake-game-active #mobile-controls-layer,body.tetris-game-active #toggle-experience-mode,body.tetris-game-active #mobile-controls-layer,body.driving-game-active #toggle-experience-mode,body.driving-game-active #mobile-controls-layer,body.rubiks-game-active #toggle-experience-mode,body.rubiks-game-active #mobile-controls-layer,body.connect4-game-active #toggle-experience-mode,body.connect4-game-active #mobile-controls-layer{display:none!important}.snake-dpad-container{position:absolute;bottom:5%;left:50%;transform:translate(-50%);width:180px;height:180px;display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:10px;pointer-events:auto;z-index:99999;user-select:none;-webkit-user-select:none;touch-action:none}@media (min-width: 1025px){.snake-dpad-container{display:none!important}}.snake-dpad-btn{background:#0c0f1db3;border:2px solid #39ff14;border-radius:12px;color:#39ff14;font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 10px #39ff1433,inset 0 0 5px #39ff141a;text-shadow:0 0 8px rgba(57,255,20,.6);transition:all .1s ease;user-select:none;-webkit-user-select:none}.snake-dpad-btn:active,.snake-dpad-btn.active{transform:scale(.92);background:#39ff1440;box-shadow:0 0 20px #39ff14,inset 0 0 10px #39ff1480;text-shadow:0 0 12px #39ff14}.snake-dpad-up{grid-area:up}.snake-dpad-down{grid-area:down}.snake-dpad-left{grid-area:left}.snake-dpad-right{grid-area:right}@media (min-aspect-ratio: 1/1) and (max-height: 500px){.snake-dpad-container{bottom:2%;width:140px;height:140px;gap:6px}}.tetris-gamepad-container{position:absolute;bottom:4%;left:50%;transform:translate(-50%);width:90%;max-width:320px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;z-index:99999;user-select:none;-webkit-user-select:none;touch-action:none}.tetris-pad-row{display:flex;justify-content:center;gap:10px;width:100%}.tetris-pad-btn{flex:1;background:#0c0f1dbf;border:2px solid #ff007f;border-radius:12px;color:#ff007f;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 10px #ff007f33,inset 0 0 5px #ff007f1a;text-shadow:0 0 8px rgba(255,0,127,.6);transition:all .1s ease}.tetris-pad-btn:active{transform:scale(.92);background:#ff007f40;box-shadow:0 0 18px #ff007f,inset 0 0 8px #ff007f80;text-shadow:0 0 12px #ff007f}.tetris-pad-btn.long-btn{font-size:.75rem;border-color:#00f0ff;color:#00f0ff;text-shadow:0 0 8px rgba(0,240,255,.6);box-shadow:0 0 10px #00f0ff33,inset 0 0 5px #00f0ff1a}.tetris-pad-btn.long-btn:active{background:#00f0ff40;box-shadow:0 0 18px #00f0ff,inset 0 0 8px #00f0ff80;text-shadow:0 0 12px #00f0ff}@media (min-width: 1025px){.tetris-gamepad-container{display:none!important}}@media (min-aspect-ratio: 1/1) and (max-height: 500px){.tetris-gamepad-container{bottom:2%;max-width:280px;gap:4px}.tetris-pad-btn{height:38px;font-size:.9rem;border-radius:8px}.tetris-pad-btn.long-btn{font-size:.65rem}}.driving-gamepad-container{position:fixed;bottom:30px;left:0;right:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:0 40px;box-sizing:border-box;pointer-events:none;z-index:99999;user-select:none;-webkit-user-select:none;touch-action:none}.driving-steering-container,.driving-pedals-container{display:flex;gap:15px;pointer-events:auto}.driving-btn{background:#0c0f1dbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;font-family:Courier New,Courier,monospace;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .1s ease;user-select:none;-webkit-user-select:none}.steering-btn{width:75px;height:75px;border:2px solid #00f0ff;color:#00f0ff;font-size:1.8rem;box-shadow:0 0 10px #00f0ff33,inset 0 0 5px #00f0ff1a;text-shadow:0 0 8px rgba(0,240,255,.6)}.steering-btn:active,.steering-btn.active{transform:scale(.9);background:#00f0ff40;box-shadow:0 0 18px #00f0ff,inset 0 0 8px #00f0ff80;text-shadow:0 0 12px #00f0ff}.pedal-btn{width:85px;height:95px}.pedal-label{font-size:.95rem;letter-spacing:1px}.pedal-sub{font-size:.6rem;opacity:.6;margin-top:4px}.pedals-stacked{display:flex;flex-direction:column;gap:8px}.stacked-pedal-btn{width:95px;height:44px;border-radius:8px;display:flex;justify-content:center;align-items:center}.stacked-pedal-btn .pedal-label{font-size:.8rem;letter-spacing:.5px}.btn-gas{border:2px solid #39ff14;color:#39ff14;box-shadow:0 0 10px #39ff1433,inset 0 0 5px #39ff141a;text-shadow:0 0 8px rgba(57,255,20,.6)}.btn-gas:active,.btn-gas.active{transform:scale(.9);background:#39ff1440;box-shadow:0 0 18px #39ff14,inset 0 0 8px #39ff1480;text-shadow:0 0 12px #39ff14}.btn-reverse{border:2px solid #ffaa00;color:#fa0;box-shadow:0 0 10px #fa03,inset 0 0 5px #ffaa001a;text-shadow:0 0 8px rgba(255,170,0,.6)}.btn-reverse:active,.btn-reverse.active{transform:scale(.95);background:#ffaa0040;box-shadow:0 0 18px #fa0,inset 0 0 8px #ffaa0080;text-shadow:0 0 12px #ffaa00}.btn-brake,.btn-handbrake{border:2px solid #ff3333;color:#f33;box-shadow:0 0 10px #f333,inset 0 0 5px #ff33331a;text-shadow:0 0 8px rgba(255,51,51,.6)}.btn-brake:active,.btn-brake.active,.btn-handbrake:active,.btn-handbrake.active{transform:scale(.9);background:#ff333340;box-shadow:0 0 18px #f33,inset 0 0 8px #ff333380;text-shadow:0 0 12px #ff3333}@media (min-width: 1025px){.driving-gamepad-container{display:none!important}}@media (max-width: 768px){.driving-gamepad-container{bottom:20px;padding:0 15px}.steering-btn{width:60px;height:60px;font-size:1.4rem;border-radius:8px}.pedal-btn{width:70px;height:80px;border-radius:8px}.pedal-label{font-size:.8rem}.pedal-sub{font-size:.5rem;margin-top:2px}.pedals-stacked{gap:6px}.stacked-pedal-btn{width:80px;height:37px;border-radius:6px}.stacked-pedal-btn .pedal-label{font-size:.7rem}}@media (min-aspect-ratio: 1/1) and (max-height: 500px){.driving-gamepad-container{bottom:10px;padding:0 20px}.steering-btn{width:50px;height:50px;font-size:1.2rem;border-radius:8px}.pedal-btn{width:60px;height:65px;border-radius:8px}.pedal-label{font-size:.75rem}.pedal-sub{display:none}.pedals-stacked{gap:4px}.stacked-pedal-btn{width:70px;height:30px;border-radius:6px}.stacked-pedal-btn .pedal-label{font-size:.65rem}}.rubiks-gamepad-container{position:absolute;bottom:3%;left:50%;transform:translate(-50%);width:92%;max-width:380px;background:#0c0f1da6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,240,255,.2);box-shadow:0 0 20px #00f0ff1a,inset 0 0 10px #00f0ff0d;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;pointer-events:auto;z-index:99999;user-select:none;-webkit-user-select:none;touch-action:none;box-sizing:border-box}.rubiks-gamepad-title{color:#00f0ff;font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;text-align:center;text-shadow:0 0 8px rgba(0,240,255,.6);margin-bottom:2px}.rubiks-selector-group{display:flex;flex-direction:column;gap:4px}.rubiks-selector-label{font-family:Courier New,Courier,monospace;font-size:.65rem;font-weight:700;color:#ff007f;text-shadow:0 0 5px rgba(255,0,127,.4);letter-spacing:1px;text-transform:uppercase;margin-left:2px}.rubiks-btn-row{display:flex;justify-content:space-between;gap:6px;width:100%}.rubiks-pad-btn{flex:1;background:#14182ecc;border:1px solid rgba(0,240,255,.3);border-radius:6px;color:#00f0ff;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:900;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .15s ease;box-shadow:inset 0 0 4px #00f0ff1a;text-shadow:0 0 4px rgba(0,240,255,.5)}.rubiks-pad-btn:active{transform:scale(.95);background:#00f0ff26;box-shadow:0 0 10px #00f0ff66,inset 0 0 6px #00f0ff33}.rubiks-pad-btn.active{background:#ff007f33;border-color:#ff007f;color:#ff007f;text-shadow:0 0 8px #ff007f;box-shadow:0 0 10px #ff007f4d,inset 0 0 4px #ff007f26}.rubiks-execute-btn{background:linear-gradient(135deg,#00f0ffcc,#0046adcc);border:1px solid rgba(0,240,255,.4);border-radius:8px;color:#fff;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700;letter-spacing:1px;height:36px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .15s ease;text-shadow:0 0 4px rgba(255,255,255,.6);box-shadow:0 0 12px #00f0ff33}.rubiks-execute-btn:active{transform:scale(.96);box-shadow:0 0 20px #00f0ff;background:linear-gradient(135deg,#00f0ff,#0046ad)}.rubiks-drag-toggle-container{display:flex;border:1px solid rgba(255,0,127,.3);border-radius:6px;overflow:hidden}.rubiks-drag-btn{flex:1;background:#0c0f1d99;color:#ff007f99;border:none;font-family:Courier New,Courier,monospace;font-size:.7rem;font-weight:700;height:28px;cursor:pointer;transition:all .15s ease;display:flex;justify-content:center;align-items:center}.rubiks-drag-btn.active{background:#ff007f40;color:#ff007f;text-shadow:0 0 6px #ff007f;box-shadow:inset 0 0 6px #ff007f33}.rubiks-gimbal-settings{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.rubiks-gimbal-settings.hidden{display:none!important}.rubiks-standard-settings{display:flex;flex-direction:column;gap:10px;width:100%}.rubiks-standard-settings.hidden{display:none!important}.rubiks-gimbal-trackpad{position:relative;width:120px;height:120px;margin:4px auto 0;border-radius:50%;background:radial-gradient(circle,#0c0f1d66 30%,#00f0ff0d);border:1px dashed rgba(0,240,255,.3);box-shadow:0 0 15px #00f0ff1a,inset 0 0 10px #00f0ff0d;display:flex;justify-content:center;align-items:center;cursor:grab;touch-action:none}.rubiks-gimbal-trackpad:active{cursor:grabbing}.rubiks-gimbal-ring{position:relative;width:100px;height:100px;border-radius:50%;border:2px solid rgba(0,240,255,.45);box-shadow:0 0 10px #00f0ff33;display:flex;justify-content:center;align-items:center;pointer-events:none}.rubiks-gimbal-radar{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:conic-gradient(from 0deg,#00f0ff1f,#00f0ff00 180deg);animation:rubiks-gimbal-sweep 3s linear infinite}.rubiks-gimbal-knob{position:absolute;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f3a,#c06 80%);border:2px solid #ff007f;box-shadow:0 0 12px #ff007f,inset 0 0 5px #fff9;z-index:2;pointer-events:none;will-change:transform}@keyframes rubiks-gimbal-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1025px){.rubiks-gamepad-container{display:none!important}}@media (min-aspect-ratio: 1/1) and (max-height: 500px){.rubiks-gimbal-trackpad{width:90px;height:90px}.rubiks-gimbal-ring{width:76px;height:76px}.rubiks-gimbal-knob{width:24px;height:24px}.rubiks-gamepad-container{bottom:2%;max-width:300px;padding:6px 8px;gap:4px;border-radius:12px}.rubiks-gamepad-title{font-size:.65rem;margin-bottom:0}.rubiks-selector-label{font-size:.55rem}.rubiks-btn-row{gap:4px}.rubiks-pad-btn{height:24px;font-size:.7rem;border-radius:4px}.rubiks-execute-btn{height:28px;font-size:.7rem}.rubiks-drag-btn{height:22px;font-size:.6rem}}.connect4-gamepad-container{position:absolute;bottom:8%;left:50%;transform:translate(-50%);width:min(400px,92vw);background:#0c0f1db3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,240,255,.25);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;z-index:9999;box-shadow:0 0 20px #00f0ff26,inset 0 0 10px #00f0ff0d}.connect4-gamepad-title{color:#00f0ff;font-family:Courier New,Courier,monospace;font-weight:900;font-size:.75rem;text-align:center;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 8px rgba(0,240,255,.4)}.connect4-btn-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%}.connect4-pad-btn{height:40px;background:#0c0f1dd9;border:1px solid rgba(0,240,255,.3);color:#00f0ff;border-radius:8px;font-family:Courier New,Courier,monospace;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .15s ease;box-shadow:0 0 5px #00f0ff0d}.connect4-pad-btn:active{transform:scale(.9);background:#00f0ff33;box-shadow:0 0 12px #00f0ff66}.connect4-pad-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none;border-color:#ffffff1a;color:#ffffff4d}@media (min-width: 1025px){.connect4-gamepad-container{display:none!important}}@media (max-width: 1024px){.connect4-current-hover,.connect4-tips,.connect4-col-selector-container,.connect4-drop-btn-class{display:none!important}}.voxel-gamepad-container{position:fixed;bottom:85px;left:50%;transform:translate(-50%);width:min(340px,92vw);background:#0c0f1db3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,240,255,.25);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;pointer-events:auto;z-index:9999;box-shadow:0 0 20px #00f0ff26,inset 0 0 10px #00f0ff0d}.voxel-gamepad-title{color:#00f0ff;font-family:Courier New,Courier,monospace;font-weight:900;font-size:.7rem;text-align:center;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 8px rgba(0,240,255,.4)}.voxel-btn-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.voxel-pad-btn{height:38px;background:#0c0f1dd9;border:1px solid rgba(0,240,255,.2);color:#fff9;border-radius:8px;font-family:Courier New,Courier,monospace;font-weight:700;font-size:.75rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .15s ease}.voxel-pad-btn .voxel-sub{font-size:.55rem;opacity:.6;margin-top:1px}.voxel-pad-btn:active{transform:scale(.95)}.voxel-pad-btn.active[data-mode=add]{border-color:#00f0ff;color:#00f0ff;background:#00f0ff26;box-shadow:0 0 10px #00f0ff4d,inset 0 0 5px #00f0ff1a;text-shadow:0 0 5px rgba(0,240,255,.5)}.voxel-pad-btn.active[data-mode=remove]{border-color:#ff007f;color:#ff007f;background:#ff007f26;box-shadow:0 0 10px #ff007f4d,inset 0 0 5px #ff007f1a;text-shadow:0 0 5px rgba(255,0,127,.5)}.voxel-pad-btn.active[data-mode=color]{border-color:#ffca00;color:#ffca00;background:#ffca0026;box-shadow:0 0 10px #ffca004d,inset 0 0 5px #ffca001a;text-shadow:0 0 5px rgba(255,202,0,.5)}@media (min-width: 1025px){.voxel-gamepad-container{display:none!important}}@media (max-width: 1024px){body.voxel-painter-active .section-hud-hint-container .hint-label{display:none!important}body.voxel-painter-active .section-hud-hint-container{border-top:none!important;padding-top:0!important;margin-top:0!important}body.voxel-painter-active #section-hud{padding:8px 12px!important}}.toast-container{position:fixed;top:90px;right:var(--spacing-sm);z-index:var(--z-navbar);display:flex;flex-direction:column;gap:var(--spacing-xs);pointer-events:none}.hud-toast{background:#0c0f1dd9;border-left:3px solid var(--color-secondary);border-top:1px solid rgba(255,0,127,.3);border-right:1px solid rgba(255,0,127,.1);border-bottom:1px solid rgba(255,0,127,.1);color:#fff;font-family:Courier New,Courier,monospace;font-size:.75rem;padding:10px 14px;border-radius:0 8px 8px 0;width:280px;box-shadow:0 4px 15px #ff007f33;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;display:flex;flex-direction:column;gap:2px;animation:toast-slide-in .3s cubic-bezier(.18,.89,.32,1.28) forwards}.hud-toast.warning{border-left-color:#fa0;box-shadow:0 4px 15px #fa03;border-top-color:#ffaa004d}.hud-toast.success{border-left-color:#0f6;box-shadow:0 4px 15px #0f63;border-top-color:#00ff664d}.hud-toast-header{font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--color-text-muted);display:flex;justify-content:space-between;margin-bottom:2px}.hud-toast-body{line-height:1.3;word-break:break-word}@keyframes toast-slide-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.hud-toast.toast-fade-out{animation:toast-fade-out .3s cubic-bezier(.6,-.28,.735,.045) forwards}@keyframes toast-fade-out{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.toast-glitch-text{animation:text-glitch-anim 2.5s infinite}@keyframes text-glitch-anim{0%{text-shadow:none}92%{text-shadow:none}93%{text-shadow:1px 0 0 red,-1px 0 0 blue}94%{text-shadow:none}96%{text-shadow:-1.5px .5px 0 #00ffaa,1.5px -.5px 0 #ff007f}98%{text-shadow:none}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;background-color:var(--color-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;transition:opacity 1.2s cubic-bezier(.25,1,.5,1);pointer-events:auto}.loading-screen--hidden{opacity:0;pointer-events:none}.loading-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.loading-content{position:absolute;bottom:12%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);z-index:2;padding:var(--spacing-sm) var(--spacing-md);pointer-events:none}.loading-title{font-family:var(--font-main);font-size:1.5rem;font-weight:800;letter-spacing:.3em;color:var(--color-primary);text-transform:uppercase;text-shadow:0 0 12px rgba(0,240,255,.6);animation:loading-pulse 2s infinite ease-in-out}.loading-sub{font-family:var(--font-main);font-size:.8rem;font-weight:600;letter-spacing:.15em;color:var(--color-text-muted);text-transform:uppercase}@keyframes loading-pulse{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main)}#app{position:relative;width:100%;height:100%}#webgl-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-canvas)}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-ui-layer);pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.navbar,.modal-container__card,.interactive-btn{pointer-events:auto}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);position:fixed;top:0;left:0;width:100%;z-index:var(--z-navbar);background:linear-gradient(to bottom,#0c0f1dcc,#0c0f1d00);transition:transform var(--transition-normal)}.navbar--hidden{transform:translateY(-100%)}.navbar__logo{width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #00f0ff33;border:1px solid rgba(0,240,255,.25);background:#0c0f1d80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.navbar__menu{display:flex;gap:var(--spacing-sm);list-style:none}.navbar__link{background:none;border:none;color:var(--color-text-muted);font-family:var(--font-main);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;position:relative;transition:color var(--transition-fast);border-radius:4px}.navbar__link:hover{color:var(--color-primary)}.navbar__link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-normal)}.navbar__link:hover:after,.navbar__link.active:after{width:calc(100% - var(--spacing-sm) * 2)}.navbar__link.active{color:var(--color-primary);text-shadow:0 0 10px rgba(0,240,255,.3)}.navbar__toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;z-index:calc(var(--z-navbar) + 1)}.navbar__toggle-bar{width:100%;height:2px;background-color:var(--color-text);border-radius:1px;transition:transform var(--transition-normal),opacity var(--transition-normal),background-color var(--transition-normal)}.navbar__toggle:hover .navbar__toggle-bar{background-color:var(--color-primary)}.navbar__toggle.active .navbar__toggle-bar:nth-child(1){transform:translateY(8px) rotate(45deg);background-color:var(--color-primary)}.navbar__toggle.active .navbar__toggle-bar:nth-child(2){opacity:0}.navbar__toggle.active .navbar__toggle-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);background-color:var(--color-primary)}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-normal),visibility var(--transition-normal);opacity:1;visibility:visible}.modal-container.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-container__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#060810d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-container__wrapper{position:relative;width:90%;max-width:650px;max-height:80vh;z-index:2;transform:scale(1);transition:transform var(--transition-slow)}.modal-container.hidden .modal-container__wrapper{transform:scale(.9)}.modal-container__card{padding:var(--spacing-lg);border-radius:12px;overflow-y:auto;max-height:80vh;position:relative}.modal-container__close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--color-text-muted);font-size:2rem;line-height:1;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast)}.modal-container__close:hover{color:var(--color-secondary);transform:rotate(90deg)}.modal-container__content{margin-top:var(--spacing-sm)}@media (max-width: 768px){.navbar{padding:var(--spacing-sm) var(--spacing-md);background:#0c0f1df2;-webkit-backdrop-filter:blur(var(--blur-strength));backdrop-filter:blur(var(--blur-strength));border-bottom:1px solid var(--color-border-glass);flex-direction:row;justify-content:space-between;align-items:center}.navbar__toggle{display:flex}.navbar__menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#0c0f1df2;-webkit-backdrop-filter:blur(var(--blur-strength));backdrop-filter:blur(var(--blur-strength));border-bottom:1px solid var(--color-border-glass);padding:var(--spacing-sm) 0;gap:0;transform:translateY(-10px);opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--transition-normal),opacity var(--transition-normal),visibility var(--transition-normal)}.navbar__menu.active{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.navbar__link{width:100%;text-align:center;padding:var(--spacing-sm);font-size:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.navbar__link:last-child{border-bottom:none}.navbar__link:after{display:none}.navbar__link.active{background:#00f0ff1a;border-left:4px solid var(--color-primary);border-right:4px solid var(--color-primary)}.modal-container__wrapper{width:95%!important;max-height:85vh!important}.modal-container__card{padding:16px!important;max-height:85vh!important}.modal-container__content .text-h2{font-size:1.35rem!important;margin-right:24px}.modal-container__content div[style*="display: grid"],.modal-container__content div[style*="display:grid"]{grid-template-columns:1fr!important;gap:var(--spacing-sm)!important}}