:root{--bg-color: #05050a;--panel-bg: rgba(15, 15, 30, .75);--wall-color: #0a0a1a;--path-color: #020205;--text-main: #e0e0ff}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-color);color:var(--text-main);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#020205;overflow:hidden;transition:--theme-color .5s ease}.nebula-overlay{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(0,243,255,.08),transparent 40%),radial-gradient(circle at 70% 60%,rgba(255,0,255,.08),transparent 40%);filter:blur(60px);animation:nebulaPulse 20s infinite alternate linear;z-index:0;pointer-events:none}@keyframes nebulaPulse{0%{transform:scale(1) rotate(0);opacity:.8}to{transform:scale(1.2) rotate(10deg);opacity:1}}.starfield{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.stars{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:transparent}.stars-sm{background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 160px,#fff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000);background-size:200px 200px;animation:starDrift 20s linear infinite;opacity:.5}.stars-md{background-image:radial-gradient(2px 2px at 50px 50px,#fff,#0000),radial-gradient(2px 2px at 150px 100px,#fff,#0000),radial-gradient(2px 2px at 80px 180px,#fff,#0000);background-size:300px 300px;animation:starDrift 15s linear infinite;opacity:.8}.stars-lg{background-image:radial-gradient(3px 3px at 100px 100px,#fff,#0000),radial-gradient(3px 3px at 250px 250px,#fff,#0000);background-size:400px 400px;animation:starDrift 10s linear infinite;opacity:1}@keyframes starDrift{0%{transform:translateY(0)}to{transform:translateY(200px)}}.cyber-grid{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(255,255,255,.03) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.03) 2px,transparent 2px);background-size:50px 50px;transform:perspective(600px) rotateX(60deg) translateY(-100px) translateZ(-200px);animation:gridMove 15s linear infinite;z-index:0;pointer-events:none}@keyframes gridMove{0%{transform:perspective(600px) rotateX(60deg) translateY(0) translateZ(-200px)}to{transform:perspective(600px) rotateX(60deg) translateY(50px) translateZ(-200px)}}.ambient-light{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;z-index:0;pointer-events:none;transition:background 1s ease}.light-1{width:300px;height:300px;background:var(--theme-color);top:-100px;left:-100px;animation:float 10s ease-in-out infinite alternate}.light-2{width:400px;height:400px;background:#f0f;bottom:-150px;right:-100px;animation:float 12s ease-in-out infinite alternate-reverse}.cloud-status-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffffe6;background:#000000b3;padding:8px 18px;border-radius:20px;z-index:100;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;box-shadow:0 4px 15px #0009;font-weight:500;letter-spacing:.5px}.cloud-status-bar .icon{width:14px;height:14px}.cloud-status-bar .spin{animation:spin 2s linear infinite}.cloud-status-bar .error{color:#f44}.toast{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#000000d9;border:1px solid var(--theme-color);color:var(--theme-color);padding:12px 24px;border-radius:8px;z-index:101;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 20px #00000080,inset 0 0 10px #ffffff1a;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:8px}.inline-icon{display:inline-block;vertical-align:middle}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:20px;z-index:10}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0009;transition:all .3s ease}.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--text-main);border:none;padding:14px 36px;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer;outline:none;position:relative;overflow:hidden;transition:all .3s}.neon-btn{border:2px solid var(--theme-color);box-shadow:0 0 15px #00000080,inset 0 0 10px #ffffff1a;text-shadow:0 0 5px var(--theme-color)}.neon-btn:hover{background:#ffffff1a;box-shadow:0 0 25px var(--theme-color),inset 0 0 20px #fff3;transform:translateY(-2px)}.btn-secondary{border:1px solid rgba(255,255,255,.3);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.shortcut-hint{font-size:12px;opacity:.6;font-weight:400;margin-left:8px;background:#ffffff1a;padding:2px 6px;border-radius:4px}.title-container{text-align:center;margin-bottom:30px}.glitch-title{font-size:3.5rem;font-weight:900;color:#fff;text-shadow:3px 0 #ff00ff,-3px 0 #00f3ff;letter-spacing:6px;margin-bottom:5px}.subtitle{color:var(--theme-color);font-size:1.2rem;letter-spacing:4px;opacity:.9;text-transform:uppercase;transition:color .3s ease}.difficulty-selector{display:flex;gap:10px;margin-bottom:30px;background:#0009;padding:6px;border-radius:30px;border:1px solid rgba(255,255,255,.1)}.diff-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#ffffff80;padding:8px 20px;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s;font-size:14px;letter-spacing:1px}.diff-btn:hover{color:#fff;background:#ffffff0d}.diff-btn.active{background:var(--theme-color);color:#000;box-shadow:0 0 15px var(--theme-color)}.diff-icon-inline{opacity:.8}.record-board{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:40px;min-width:360px;max-width:90vw}.record-icon{width:36px;height:36px;transition:all .3s ease}.record-board h3{font-size:1rem;color:#fffc;margin-bottom:5px}.record-stats{display:flex;gap:24px;font-size:1.2rem;color:var(--theme-color);font-weight:700}.record-stats span{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.no-record{color:#ffffffb3;font-size:.95rem;display:flex;align-items:center;gap:6px;text-align:center;line-height:1.5;padding:0 15px}.decor-enemies{position:absolute;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-img,.floating-svg-wrap{position:absolute;width:100px;height:100px;filter:drop-shadow(0 0 15px rgba(255,0,255,.6));animation:float 6s ease-in-out infinite}.decor-enemies>*:nth-child(1){top:20%;left:15%}.decor-enemies>*:nth-child(2){bottom:25%;right:15%;animation-delay:-3s;filter:drop-shadow(0 0 15px rgba(0,243,255,.6))}.playing-screen{justify-content:flex-start;padding-top:50px}.game-header{display:flex;flex-direction:column;gap:12px;width:100%;max-width:600px;padding:16px 24px;margin-bottom:20px;border-radius:16px}.stats-group{display:flex;justify-content:space-between;align-items:center;width:100%}.stat{display:flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:700;color:var(--theme-color);text-shadow:0 0 8px rgba(255,255,255,.3)}.diff-badge{font-size:.9rem;padding:4px 10px;border-radius:12px;border:1px solid;text-shadow:none;text-transform:uppercase;font-weight:700}.controls-hint{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.action-btns{display:flex;gap:10px}.key-hint{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#fff9;background:#0006;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.btn-icon{border:none;cursor:pointer;transition:all .2s}.btn-icon:hover{color:var(--theme-color);background:#ffffff1a;border-color:var(--theme-color)}.maze-wrapper{width:100%;max-width:600px;aspect-ratio:1/1;position:relative;background:var(--path-color);border:2px solid var(--theme-color);border-radius:12px;box-shadow:0 0 30px #000000e6,0 0 20px #ffffff1a;overflow:hidden;transition:all .5s ease}.maze-wrapper.diff-easy{box-shadow:0 0 30px #0f83,inset 0 0 20px #00ff881a}.maze-wrapper.diff-normal{box-shadow:0 0 30px #00f3ff33,inset 0 0 20px #00f3ff1a}.maze-wrapper.diff-hard{box-shadow:0 0 30px #ff00554d,inset 0 0 30px #f053;animation:dangerPulse 2s infinite alternate}.hud-bracket{position:absolute;width:30px;height:30px;border:3px solid var(--theme-color);z-index:20;pointer-events:none;opacity:.8;box-shadow:0 0 10px var(--theme-color)}.top-left{top:10px;left:10px;border-right:none;border-bottom:none}.top-right{top:10px;right:10px;border-left:none;border-bottom:none}.bottom-left{bottom:10px;left:10px;border-right:none;border-top:none}.bottom-right{bottom:10px;right:10px;border-left:none;border-top:none}@keyframes dangerPulse{0%{border-color:#ff005580}to{border-color:#f05}}.scan-line{position:absolute;top:0;left:0;width:100%;height:15px;background:linear-gradient(to bottom,transparent,var(--theme-color),transparent);opacity:.4;box-shadow:0 0 15px var(--theme-color);animation:scan 3s linear infinite;z-index:5;pointer-events:none}@keyframes scan{0%{top:-10%}to{top:110%}}.maze-grid{width:100%;height:100%;display:grid;position:absolute;top:0;left:0;z-index:2}.maze-cell{width:100%;height:100%;position:relative}.wall{background-color:var(--wall-color)}.wall-inner{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.05);background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.02) 3px,rgba(255,255,255,.02) 6px)}.path{background-color:transparent}.player-marker,.exit-marker{position:absolute;display:flex;align-items:center;justify-content:center;z-index:10}.game-img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.5));z-index:2}.player-img{filter:drop-shadow(0 0 10px var(--theme-color))}.boss-img{filter:drop-shadow(0 0 12px #ff00ff);animation:pulse 2s infinite alternate}.crisp-svg{width:90%;height:90%;z-index:2;overflow:visible}.player-svg{filter:drop-shadow(0 0 8px var(--theme-color))}.boss-svg{filter:drop-shadow(0 0 10px #ff00ff);animation:pulse 2s infinite alternate}.boss-core{animation:corePulse 1s infinite alternate}.explosion-svg{width:150%;height:150%;filter:drop-shadow(0 0 20px #ff5500);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.engine-flare{animation:flareFlicker .1s infinite alternate;transform-origin:center top}@keyframes flareFlicker{0%{transform:scaleY(.8);opacity:.7}to{transform:scaleY(1.2);opacity:1}}@keyframes corePulse{0%{fill:#a0f;r:16}to{fill:#f0f;r:20}}.player-glow{position:absolute;width:180%;height:180%;background:radial-gradient(circle,var(--theme-color) 0%,transparent 60%);border-radius:50%;z-index:1;animation:pulseGlow 1s infinite alternate;opacity:.6}@keyframes pulseGlow{0%{transform:scale(.8);opacity:.4}to{transform:scale(1.2);opacity:.8}}.target-pulse{position:absolute;width:150%;height:150%;border:2px solid #ff00ff;border-radius:50%;animation:radar 2s ease-out infinite;opacity:0}.virtual-joypad{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10}.joy-row{display:flex;gap:8px}.joy-btn{width:55px;height:55px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 10px #0000004d}.joy-btn:active{background:#ffffff1a;border-color:var(--theme-color);transform:scale(.9);box-shadow:0 0 15px #fff3}@media (min-width: 768px){.virtual-joypad{display:none}}.win-card{text-align:center;min-width:380px;position:relative;overflow:hidden}.explosion-container{height:140px;display:flex;justify-content:center;align-items:center;margin-bottom:-10px}.explosion-img{height:100%;object-fit:contain;filter:drop-shadow(0 0 20px #ffaa00);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.win-title{font-size:2.2rem;color:#fff;margin-bottom:25px;letter-spacing:2px;transition:text-shadow .3s ease}.win-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;background:#0006;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.win-stat-item{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.win-stat-item:last-child{border-bottom:none;padding-bottom:0}.win-stat-item .label{color:#ffffffb3}.win-stat-item .value{color:#fff;font-weight:700}.win-stat-item .highlight{color:var(--theme-color);font-size:1.4rem;text-shadow:0 0 10px rgba(255,255,255,.3)}.win-actions{display:flex;flex-direction:column;gap:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.95);filter:drop-shadow(0 0 5px #ff00ff)}to{transform:scale(1.05);filter:drop-shadow(0 0 15px #ff00ff)}}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,30px)}}@keyframes radar{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}@keyframes popIn{0%{transform:scale(0);opacity:0}80%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}