@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Orbitron:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Playfair+Display:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";.intro-container{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#0a0a0f;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;z-index:10000}.intro-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(0,245,255,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(191,0,255,.3) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,107,0,.2) 0%,transparent 50%),linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e,#0f3460,#533483);animation:gradient-flow 15s ease infinite;z-index:0}.intro-container:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 20%,rgba(191,0,255,.25) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(0,245,255,.25) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(255,107,0,.15) 0%,transparent 50%);animation:gradient-flow-reverse 20s ease infinite;z-index:0;opacity:.7}@keyframes gradient-flow{0%{transform:translate(0) rotate(0)}33%{transform:translate(10%,-10%) rotate(120deg)}66%{transform:translate(-10%,10%) rotate(240deg)}to{transform:translate(0) rotate(360deg)}}@keyframes gradient-flow-reverse{0%{transform:translate(0) rotate(360deg)}33%{transform:translate(-10%,10%) rotate(240deg)}66%{transform:translate(10%,-10%) rotate(120deg)}to{transform:translate(0) rotate(0)}}.intro-content{text-align:center;color:#fff;z-index:10}.name-title{font-size:clamp(3rem,8vw,5rem);font-weight:800;margin:0 0 30px;background:radial-gradient(circle at center,#a78bfa,#c4b5fd,#e9d5ff,#f3e8ff,#faf5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;animation:fade-in 1s ease-out;position:relative;display:inline-block;filter:drop-shadow(0 0 .5px rgba(255,255,255,.6)) drop-shadow(0 1px 2px rgba(0,0,0,.3)) drop-shadow(0 0 15px rgba(167,139,250,.4));text-shadow:0 -1px 1px rgba(255,255,255,.5),0 1px 1px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(167,139,250,.3),0 0 10px rgba(196,181,253,.2)}.profile-pic{width:200px;height:200px;border-radius:50%;object-fit:cover;margin:0 auto 30px;display:block;border:4px solid rgba(255,255,255,.2);box-shadow:0 0 30px #00f5ff4d,0 0 60px #bf00ff33,inset 0 0 20px #ffffff1a;animation:fade-in 1s ease-out .2s both,profile-glow 3s ease-in-out infinite;position:relative;z-index:1}@keyframes profile-glow{0%,to{box-shadow:0 0 30px #00f5ff4d,0 0 60px #bf00ff33,inset 0 0 20px #ffffff1a}50%{box-shadow:0 0 40px #00f5ff80,0 0 80px #bf00ff4d,inset 0 0 25px #ffffff26}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-section{margin:40px 0}.about-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1.1rem;font-weight:500;padding:12px 24px;cursor:pointer;transition:all .3s ease;font-family:inherit}.about-button:hover{background:#ffffff26;border-color:#00f5ff80;transform:translateY(-2px)}.about-dropdown{margin-top:15px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:20px;text-align:left;max-width:400px;margin-left:auto;margin-right:auto;animation:slide-down .3s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#ffffffe6}.dropdown-item strong{color:#00f5ff;font-size:1.1rem;display:block;margin-bottom:10px}.dropdown-item p{margin:8px 0;color:#fffc;font-size:.95rem}.enter-button{margin-top:40px;padding:16px 40px;font-size:1.2rem;font-weight:600;font-family:inherit;color:#000;background:linear-gradient(135deg,#00f5ff,#bf00ff);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #00f5ff4d,0 0 60px #bf00ff33;animation:fade-in 1s ease-out .3s both}.enter-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #00f5ff66,0 0 80px #bf00ff4d}.enter-button:active{transform:translateY(-1px) scale(1.02)}@media (max-width: 768px){.name-title{font-size:2.5rem}.profile-pic{width:150px;height:150px;margin-bottom:25px}.about-button{font-size:1rem;padding:10px 20px}.about-dropdown{max-width:90%;padding:15px}.enter-button{padding:14px 35px;font-size:1.1rem}}@media (max-width: 480px){.name-title{font-size:2rem}.profile-pic{width:120px;height:120px;margin-bottom:20px}.about-dropdown{padding:12px}}.snake-container{font-family:Orbitron,sans-serif;background:linear-gradient(135deg,#0a0a1a,#1a1a3a,#0f0f2f);border-radius:24px;padding:30px;position:relative;overflow:hidden;box-shadow:0 0 60px #4ecdc426,0 0 120px #ff6b6b1a,inset 0 1px #ffffff0d}.snake-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(78,205,196,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,107,107,.1) 0%,transparent 40%);pointer-events:none}.snake-title{text-align:center;font-size:3em;font-weight:900;margin:0 0 5px;background:linear-gradient(135deg,#4ecdc4,#44a08d,#093637);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 20px rgba(78,205,196,.5));animation:titlePulse 2s ease-in-out infinite;letter-spacing:8px}.snake-emoji{-webkit-text-fill-color:initial;animation:snakeWiggle 1s ease-in-out infinite;display:inline-block}.snake-emoji:last-child{animation-delay:.5s}@keyframes snakeWiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 20px rgba(78,205,196,.5))}50%{filter:drop-shadow(0 0 30px rgba(78,205,196,.8))}}.snake-subtitle{text-align:center;color:#96c8c8b3;font-size:1em;margin:0 0 25px;letter-spacing:3px;font-weight:400}.snake-stats{display:flex;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.snake-stat{background:#141e32b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(78,205,196,.2);border-radius:12px;padding:12px 20px;text-align:center;min-width:80px;transition:all .3s ease}.snake-stat:hover{transform:translateY(-2px);border-color:#4ecdc480;box-shadow:0 5px 20px #4ecdc433}.snake-stat.combo{border-color:#ffc83280;animation:comboPulse .5s ease-in-out infinite}@keyframes comboPulse{0%,to{box-shadow:0 0 10px #ffc8324d}50%{box-shadow:0 0 20px #ffc83299}}.snake-stat.high-score{border-color:#ffd70066}.snake-stat.high-score .snake-stat-value{color:gold}.snake-stat-label{font-size:.7em;color:#96c8c899;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.snake-stat-value{font-size:1.5em;font-weight:700;color:#4ecdc4}.special-food-alert{text-align:center;padding:10px 20px;margin-bottom:15px;border-radius:20px;font-weight:700;font-size:1.1em;animation:alertBounce .5s ease-out,alertGlow 1s ease-in-out infinite}.special-food-alert.speed{background:linear-gradient(90deg,#ffd70033,#ffb40033);color:gold;border:1px solid rgba(255,215,0,.4);text-shadow:0 0 10px #ffd700}.special-food-alert.bonus{background:linear-gradient(90deg,#ff6b6b33,#ff505033);color:#ff6b6b;border:1px solid rgba(255,107,107,.4);text-shadow:0 0 10px #ff6b6b}.special-food-alert.shrink{background:linear-gradient(90deg,#0f83,#00c86433);color:#0f8;border:1px solid rgba(0,255,136,.4);text-shadow:0 0 10px #00ff88}.special-food-alert.rainbow{background:linear-gradient(90deg,#ff000026,#ff7f0026,#ffff0026,#00ff0026,#0000ff26,#8b00ff26);color:#fff;border:1px solid rgba(255,255,255,.3);animation:alertBounce .5s ease-out,rainbowGlow 2s linear infinite}@keyframes alertBounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes alertGlow{0%,to{box-shadow:0 0 15px currentColor}50%{box-shadow:0 0 25px currentColor}}@keyframes rainbowGlow{0%{box-shadow:0 0 20px red}17%{box-shadow:0 0 20px #f70}33%{box-shadow:0 0 20px #ff0}50%{box-shadow:0 0 20px #0f0}67%{box-shadow:0 0 20px #07f}83%{box-shadow:0 0 20px #80f}to{box-shadow:0 0 20px red}}.special-food-alert .timer{opacity:.7;font-size:.85em;margin-left:8px}.snake-canvas-wrapper{position:relative;display:flex;justify-content:center;border-radius:16px;overflow:hidden;box-shadow:0 0 0 2px #4ecdc44d,0 0 40px #00000080,inset 0 0 60px #4ecdc40d}.snake-canvas{display:block;border-radius:12px}.snake-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0a0a1ed9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.start-prompt{text-align:center;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.press-start{font-family:"Press Start 2P",cursive;font-size:1.2em;color:#4ecdc4;margin-bottom:30px;animation:blink 1s step-end infinite;text-shadow:0 0 20px rgba(78,205,196,.8)}@keyframes blink{50%{opacity:.5}}.controls-hint{display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff9;font-size:1.5em}.controls-hint span{display:inline-block;background:#4ecdc433;border:1px solid rgba(78,205,196,.4);padding:8px 15px;border-radius:8px;margin:0 5px}.controls-hint .or{font-size:.6em;background:none;border:none;color:#fff6;margin-top:10px}.game-over-overlay{animation:gameOverFlash .3s ease-out}@keyframes gameOverFlash{0%{background:#ff323280}to{background:#0a0a1ed9}}.game-over-content{text-align:center;animation:gameOverSlide .5s ease-out}@keyframes gameOverSlide{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.game-over-title{font-family:"Press Start 2P",cursive;font-size:2em;color:#ff6b6b;margin:0 0 30px;text-shadow:0 0 30px rgba(255,107,107,.8);animation:gameOverPulse 1s ease-in-out infinite}@keyframes gameOverPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.final-stats{display:flex;justify-content:center;gap:40px;margin-bottom:20px}.final-score,.final-length{text-align:center}.final-stats .label{display:block;font-size:.8em;color:#ffffff80;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}.final-stats .value{display:block;font-size:2.5em;font-weight:900;color:#fff}.final-score .value{color:#4ecdc4;text-shadow:0 0 20px rgba(78,205,196,.6)}.new-high-score{font-family:"Press Start 2P",cursive;font-size:1em;color:gold;margin-bottom:25px;animation:newHighScoreBounce .5s ease-out,highScoreGlow 1s ease-in-out infinite;text-shadow:0 0 20px rgba(255,215,0,.8)}@keyframes newHighScoreBounce{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes highScoreGlow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.8)}50%{text-shadow:0 0 40px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.5)}}.play-again-btn{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1em;padding:15px 40px;border:none;border-radius:30px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 5px 20px #4ecdc466}.play-again-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #4ecdc499}.play-again-btn:active{transform:translateY(-1px) scale(1.02)}.snake-controls-info{margin-top:20px;text-align:center}.food-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.food-item{font-size:.85em;padding:6px 12px;border-radius:15px;background:#1e283c99;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.food-item.apple{border-color:#ff6b6b66}.food-item.speed{border-color:#ffd70066;color:gold}.food-item.bonus{border-color:#ff6b6b66;color:#ff6b6b}.food-item.shrink{border-color:#0f86;color:#0f8}.food-item.rainbow{border-image:linear-gradient(90deg,red,#f70,#ff0,#0f0,#07f,#80f) 1;color:#fff}.mobile-controls{display:none;justify-content:center;margin-top:20px}.dpad{display:flex;flex-direction:column;align-items:center;gap:5px}.dpad-row{display:flex;align-items:center;gap:5px}.dpad-btn{width:60px;height:60px;border:none;border-radius:12px;background:linear-gradient(145deg,#4ecdc44d,#4ecdc41a);border:2px solid rgba(78,205,196,.4);color:#4ecdc4;font-size:1.5em;cursor:pointer;transition:all .1s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.dpad-btn:active{background:#4ecdc466;transform:scale(.95);box-shadow:0 0 20px #4ecdc480}.dpad-center{width:60px;height:60px;background:#1e283c80;border-radius:12px}.mobile-hint{color:#96c8c880;font-size:.85em;margin-top:15px;display:none}@media (max-width: 600px){.snake-container{padding:15px}.snake-title{font-size:2em;letter-spacing:4px}.snake-stats{gap:8px}.snake-stat{padding:8px 12px;min-width:60px}.snake-stat-value{font-size:1.2em}.food-legend{gap:8px}.food-item{font-size:.75em;padding:4px 8px}.mobile-controls{display:flex}.mobile-hint{display:block}}@media (hover: none) and (pointer: coarse){.mobile-controls{display:flex}.mobile-hint{display:block}}.app{min-height:100vh;padding:20px}.arcade-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.arcade-container{max-width:1400px;width:100%;padding:40px 20px;position:relative}.arcade-header{text-align:center;margin-bottom:50px;position:relative;min-height:60px}.back-to-intro-button{position:absolute;top:0;left:0;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:12px;font-size:.9em;cursor:pointer;transition:all .3s ease;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit;z-index:1000;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}.back-to-intro-button:active{transform:translate(-3px) scale(.98)}.back-to-intro-button:hover{background:#fff3;border-color:#fff6;transform:translate(-3px);box-shadow:0 4px 15px #0003}.arcade-title{text-align:center;color:#fff;font-size:4.5em;font-weight:700;margin-bottom:15px;text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.2);animation:titlePulse 3s ease-in-out infinite;letter-spacing:2px}@keyframes titlePulse{0%,to{transform:scale(1);text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.2)}50%{transform:scale(1.05);text-shadow:0 6px 30px rgba(0,0,0,.4),0 0 60px rgba(255,255,255,.4)}}.arcade-subtitle{text-align:center;color:#fffffff2;font-size:1.5em;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.arcade-stats{display:flex;gap:20px;justify-content:center;margin-top:15px;color:#ffffffe6;font-size:.95em}.arcade-stats span{background:#fff3;padding:8px 15px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:60px}.game-card{background:#ffffff1a;border-radius:25px;padding:0;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;animation:cardFadeIn .6s ease-out backwards;box-shadow:0 10px 30px #0003}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity .4s ease;filter:blur(40px);border-radius:50%}.game-card:hover .game-card-glow{opacity:.3}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--game-color);transform:scaleX(0);transition:transform .4s ease;z-index:1}.game-card:hover{transform:translateY(-15px) scale(1.02);border-color:var(--game-color);box-shadow:0 20px 50px #0006,0 0 30px var(--game-color)}.game-card:hover:before{transform:scaleX(1)}.game-card-content{padding:30px;position:relative;z-index:1}.game-icon{font-size:3.5em;margin-bottom:15px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-card-content h3{color:#fff;font-size:1.8em;margin-bottom:12px;font-weight:600}.game-card-content p{color:#ffffffd9;margin-bottom:20px;font-size:1.1em;line-height:1.5}.game-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.difficulty-tag{background:#fff3;color:#fff;padding:5px 12px;border-radius:15px;font-size:.85em;font-weight:600}.play-button{background:var(--game-color);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.play-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.other-projects{margin-top:40px;text-align:center}.other-projects h3{color:#fff;font-size:1.8em;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.project-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project-link{display:flex;align-items:center;gap:12px;padding:16px 28px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;text-decoration:none;font-size:1.1em;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-link:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 30px #0000004d}.project-link.spongebob{border-color:gold;background:linear-gradient(135deg,#ffd70033,#ffa5001a)}.project-link.spongebob:hover{background:linear-gradient(135deg,#ffd70066,#ffa50033);box-shadow:0 10px 30px #ffd7004d}.project-link.bulk{border-color:#0f8;background:linear-gradient(135deg,#0f83,#00c8641a)}.project-link.bulk:hover{background:linear-gradient(135deg,#0f86,#00c86433);box-shadow:0 10px 30px #00ff884d}.project-emoji{font-size:1.5em}.project-name{white-space:nowrap}.project-arrow{opacity:0;transform:translate(-10px);transition:all .3s ease}.project-link:hover .project-arrow{opacity:1;transform:translate(0)}.game-header{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding:20px 30px;background:#0006;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 20px #0000004d}.game-header-info{flex:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.game-header h2{color:#fff;font-size:2.2em;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.5)}.game-meta{display:flex;gap:10px;align-items:center}.difficulty-badge{padding:6px 15px;border-radius:20px;color:#fff;font-size:.9em;font-weight:600;box-shadow:0 2px 8px #0000004d}.players-badge{background:#fff3;padding:6px 15px;border-radius:20px;color:#fff;font-size:.9em;font-weight:600}.back-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 25px;border-radius:12px;font-size:1em;cursor:pointer;transition:all .3s ease;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translate(-5px)}.container{background:#ffffff0d;border-radius:20px;padding:25px;box-shadow:0 20px 60px #00000080;max-width:1400px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}h1{text-align:center;color:#fff;margin-bottom:10px;font-size:2.5em;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5)}.subtitle{text-align:center;color:#ccc;margin-bottom:20px;font-size:1.1em}.game-canvas{display:block;margin:0 auto;border-radius:15px;box-shadow:0 10px 40px #00000080;background:#000;cursor:default;width:100%;max-width:1200px;height:600px}.controls{margin-top:20px;text-align:center;color:#ccc;font-size:.95em;background:#ffffff0d;padding:15px;border-radius:10px}.controls p{margin:5px 0}.stats{display:flex;justify-content:space-around;margin-top:15px;padding:15px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:15px}.stat{text-align:center;min-width:100px}.stat-label{font-size:.85em;color:#aaa;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:1.8em;font-weight:700;color:#4ecdc4;text-shadow:0 0 10px rgba(78,205,196,.5)}.tilt-indicator{margin-top:15px;text-align:center;color:#fff;font-size:.9em}@media (max-width: 768px){.arcade-title{font-size:2.5em}h1{font-size:2em}.back-to-intro-button{position:relative;margin-bottom:20px;width:100%;max-width:200px;margin-left:auto;margin-right:auto}.container{padding:15px}.game-canvas{height:400px}.games-grid{grid-template-columns:1fr}.game-header{flex-direction:column;align-items:flex-start}.game-header-info{width:100%}}.highway-racer-container{font-family:Rajdhani,Orbitron,sans-serif;position:relative;overflow:hidden;background:linear-gradient(180deg,#050510,#0a0a20,#151525);border-radius:24px;padding:30px;box-shadow:0 0 60px #64329633,0 0 120px #3264961a,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.05)}.highway-racer-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 0%,rgba(120,50,180,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(50,150,200,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.highway-racer-container>*{position:relative;z-index:1}.highway-racer-container h1{font-family:Orbitron,sans-serif;font-weight:800;letter-spacing:6px;text-transform:uppercase;background:linear-gradient(135deg,#f6a,#6af,#a6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(150,100,255,.5));animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(150,100,255,.5))}50%{filter:drop-shadow(0 0 30px rgba(150,100,255,.8))}}.stat-card{background:#14142899;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px 28px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:0 10px 30px #0000004d}.stat-label{font-size:.75em;text-transform:uppercase;letter-spacing:3px;opacity:.7;margin-bottom:6px;font-weight:500}.stat-value{font-family:Orbitron,sans-serif;font-size:1.6em;font-weight:700;letter-spacing:1px}.game-canvas-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px #00000080,inset 0 0 100px #6432961a}.game-canvas-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f0f,#0ff,#f0f);z-index:10;opacity:.8}.game-canvas-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0ff,#f0f,#0ff);z-index:10;opacity:.8}.game-button{font-family:Orbitron,sans-serif;font-weight:600;letter-spacing:3px;text-transform:uppercase;border:none;padding:18px 50px;border-radius:50px;font-size:1.1em;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ff6496e6,#9664ffe6);color:#fff;box-shadow:0 0 30px #c864c84d,0 10px 30px #0000004d}.game-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.game-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 50px #c864c880,0 15px 40px #0006}.game-button:hover:before{left:100%}.game-button:active{transform:translateY(-1px) scale(.98)}.game-over-text{font-family:Orbitron,sans-serif;font-weight:900;font-size:3em;background:linear-gradient(135deg,#f46,#f6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,50,100,.6));animation:crashPulse .5s ease-out}@keyframes crashPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes crashFlash{0%{opacity:1}to{opacity:0}}.final-score{font-family:Orbitron,sans-serif;font-size:1.4em;color:#fff;margin:15px 0}.final-score span{color:#fd4;font-weight:700;text-shadow:0 0 15px rgba(255,220,50,.5)}.high-score-badge{display:inline-block;padding:10px 25px;background:linear-gradient(135deg,#ffc83233,#ff963233);border:1px solid rgba(255,200,50,.4);border-radius:30px;color:gold;font-family:Orbitron,sans-serif;font-weight:600;letter-spacing:2px;animation:newHighScore .6s ease-out}@keyframes newHighScore{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.controls-info{margin-top:20px;padding:15px 25px;background:#14142866;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.controls-info p{margin:0;font-size:.9em;color:#fff9;letter-spacing:1px}.controls-info strong{color:#64c8ffe6}@media (max-width: 768px){.highway-racer-container{padding:15px;border-radius:16px}.highway-racer-container h1{font-size:1.8em!important;letter-spacing:3px}.stat-card{padding:12px 18px}.stat-value{font-size:1.3em}.game-button{padding:14px 35px;font-size:1em}}.highway-racer-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:100}.chess-container{font-family:Playfair Display,serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);border-radius:24px;padding:30px;min-height:100vh;position:relative}.chess-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(218,165,32,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(139,90,43,.08) 0%,transparent 40%);pointer-events:none;border-radius:24px}.chess-title{font-family:Cinzel,serif;text-align:center;font-size:3.5em;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,gold,#daa520,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(218,165,32,.4));letter-spacing:8px}.chess-subtitle{text-align:center;color:#c8b496b3;font-size:1.2em;margin:0 0 40px;letter-spacing:3px}.difficulty-selection{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:50px}.difficulty-btn{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px 50px;border:2px solid rgba(218,165,32,.3);border-radius:20px;background:#1e1e3299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease}.difficulty-btn:hover{transform:translateY(-5px);border-color:#daa52099;box-shadow:0 10px 40px #daa52033}.difficulty-btn .diff-icon{font-size:3em}.difficulty-btn .diff-name{font-family:Cinzel,serif;font-size:1.5em;font-weight:600;color:gold}.difficulty-btn .diff-desc{font-size:.9em;color:#ffffff80}.difficulty-btn.easy:hover{border-color:#4ade80;box-shadow:0 10px 40px #4ade8033}.difficulty-btn.medium:hover{border-color:#fbbf24;box-shadow:0 10px 40px #fbbf2433}.difficulty-btn.hard:hover{border-color:#f87171;box-shadow:0 10px 40px #f8717133}.chess-info{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:20px}.turn-indicator{display:flex;align-items:center;gap:10px;font-size:1.2em;color:#fffc}.turn-dot{width:16px;height:16px;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.turn-dot.white-turn{background:#fff;box-shadow:0 0 15px #fff9}.turn-dot.black-turn{background:#333;border:2px solid #666;box-shadow:0 0 15px #64646466}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.difficulty-badge{padding:8px 20px;background:#daa52033;border:1px solid rgba(218,165,32,.4);border-radius:20px;color:gold;font-size:.9em;letter-spacing:2px}.game-alert{text-align:center;padding:15px 30px;margin:15px auto;max-width:400px;border-radius:12px;font-size:1.3em;font-weight:600;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.game-alert.check{background:#fbbf2433;border:1px solid rgba(251,191,36,.5);color:#fbbf24}.game-alert.white-wins{background:#4ade8033;border:1px solid rgba(74,222,128,.5);color:#4ade80}.game-alert.black-wins{background:#f8717133;border:1px solid rgba(248,113,113,.5);color:#f87171}.game-alert.stalemate{background:#94a3b833;border:1px solid rgba(148,163,184,.5);color:#94a3b8}.chess-game-area{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.captured-pieces{display:flex;flex-direction:column;gap:5px;min-width:50px;padding:10px}.captured-piece{font-size:1.5em;opacity:.7}.chess-board{display:flex;flex-direction:column;border:4px solid #8b5a2b;border-radius:8px;box-shadow:0 0 0 8px #8b5a2b4d,0 20px 60px #00000080,inset 0 0 30px #0003;overflow:hidden}.chess-row{display:flex}.rank-label{width:25px;display:flex;align-items:center;justify-content:center;font-size:.9em;color:#c8b49699;background:#14141ecc}.file-labels{display:flex}.file-labels span{width:60px;height:25px;display:flex;align-items:center;justify-content:center;font-size:.9em;color:#c8b49699;background:#14141ecc}.file-labels span:first-child{width:25px}.chess-square{width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .15s ease}.chess-square.light{background:linear-gradient(135deg,#f0d9b5,#e8c99b)}.chess-square.dark{background:linear-gradient(135deg,#b58863,#9a7050)}.chess-square.selected{background:#ffff6499!important;box-shadow:inset 0 0 20px #ff06}.chess-square.valid-move:after{content:"";position:absolute;width:20px;height:20px;background:#64c86480;border-radius:50%}.chess-square.capture-move{background:#ff646466!important}.chess-square.capture-move:after{display:none}.chess-square.last-move{background:#6496ff66!important}.chess-square:hover{filter:brightness(1.1)}.move-dot{width:18px;height:18px;background:#32963299;border-radius:50%;box-shadow:0 0 10px #32963266}.chess-piece{font-size:2.8em;line-height:1;cursor:pointer;transition:transform .15s ease;-webkit-user-select:none;user-select:none;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.3))}.chess-piece.white-piece{color:#fff;text-shadow:0 0 2px #000,1px 1px 2px rgba(0,0,0,.5)}.chess-piece.black-piece{color:#1a1a1a;text-shadow:0 0 1px rgba(255,255,255,.3)}.chess-piece:hover{transform:scale(1.1)}.chess-controls{display:flex;justify-content:center;gap:15px;margin-top:25px}.chess-btn{font-family:Cinzel,serif;padding:12px 30px;border:2px solid rgba(218,165,32,.4);border-radius:8px;background:#1e1e3299;color:gold;font-size:1em;cursor:pointer;transition:all .3s ease}.chess-btn:hover{background:#daa52033;border-color:#daa520b3;box-shadow:0 5px 20px #daa52033}.move-history{margin-top:25px;padding:15px 20px;background:#14142399;border-radius:12px;border:1px solid rgba(255,255,255,.05);max-width:600px;margin-left:auto;margin-right:auto}.move-history h3{margin:0 0 10px;color:#c8b496b3;font-size:.9em;text-transform:uppercase;letter-spacing:2px}.moves-list{display:flex;flex-wrap:wrap;gap:8px;max-height:100px;overflow-y:auto}.move-notation{color:#ffffffb3;font-size:.95em}.move-number{color:#daa520b3;margin-right:3px}@media (max-width: 600px){.chess-container{padding:15px}.chess-title{font-size:2.5em;letter-spacing:4px}.chess-square{width:40px;height:40px}.chess-piece{font-size:1.8em}.rank-label,.file-labels span{width:20px;font-size:.7em}.file-labels span{width:40px;height:20px}.file-labels span:first-child{width:20px}.difficulty-selection{gap:15px}.difficulty-btn{padding:25px 35px}.move-dot{width:12px;height:12px}.chess-square.valid-move:after{width:12px;height:12px}}.tetris-container{position:relative;width:100%;height:100%;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Orbitron,Courier New,monospace;-webkit-user-select:none;user-select:none;touch-action:none}.tetris-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0a1a,#1a0a2e,#0a1a2e);z-index:0}.tetris-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(0,245,255,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(191,0,255,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,0,58,.05) 0%,transparent 50%);animation:pulse-bg 8s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:.5}50%{opacity:1}}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,245,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.03) 1px,transparent 1px);background-size:30px 30px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translateY(0)}to{transform:translateY(30px)}}.tetris-start-screen{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:30px;padding:40px;background:#0a0a1ee6;border:2px solid #00f5ff;border-radius:20px;box-shadow:0 0 30px #00f5ff4d,inset 0 0 30px #00f5ff1a}.tetris-logo{font-size:4rem;font-weight:900;letter-spacing:15px;text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor;animation:logo-glow 2s ease-in-out infinite alternate}@keyframes logo-glow{0%{filter:brightness(1)}to{filter:brightness(1.3)}}.tetris-logo span{display:inline-block;animation:letter-bounce .5s ease-in-out infinite alternate}.tetris-logo span:nth-child(1){animation-delay:0s}.tetris-logo span:nth-child(2){animation-delay:.1s}.tetris-logo span:nth-child(3){animation-delay:.2s}.tetris-logo span:nth-child(4){animation-delay:.3s}.tetris-logo span:nth-child(5){animation-delay:.4s}.tetris-logo span:nth-child(6){animation-delay:.5s}@keyframes letter-bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.start-instructions{text-align:center;color:#aaa}.start-instructions p{font-size:1.2rem;color:#00f5ff;margin-bottom:10px}.control-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:300px}.control-list span{background:#ffffff1a;padding:5px 12px;border-radius:5px;font-size:.85rem;color:#ddd}.mobile-hint{margin-top:15px;font-size:.9rem!important;color:#bf00ff!important}.start-btn{padding:15px 50px;font-size:1.3rem;font-family:inherit;font-weight:700;color:#0a0a1a;background:linear-gradient(135deg,#00f5ff,#bf00ff);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:3px}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #00f5ff80}.tetris-game{position:relative;z-index:10;display:flex;gap:20px;align-items:flex-start;padding:20px}.side-panel{display:flex;flex-direction:column;gap:15px;min-width:120px}.panel-box{background:#0a0a1ee6;border:2px solid rgba(0,245,255,.5);border-radius:10px;padding:15px;box-shadow:0 0 15px #00f5ff33}.panel-box h3{color:#00f5ff;font-size:.9rem;text-align:center;margin-bottom:10px;text-shadow:0 0 10px #00f5ff;letter-spacing:2px}.preview-grid{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px}.preview-row{display:flex;gap:2px}.preview-cell{width:18px;height:18px;border-radius:3px;background:#ffffff0d}.preview-cell.filled{border-radius:4px}.hold-box{position:relative}.hold-locked{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.5}.stats-box .stat{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.stat-label{font-size:.7rem;color:#888;letter-spacing:2px}.stat-value{font-size:1.3rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.stat.combo .stat-value{color:gold;animation:combo-pulse .3s ease-in-out infinite alternate}@keyframes combo-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.board-wrapper{position:relative}.action-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:#fff;text-shadow:0 0 10px #00f5ff,0 0 20px #00f5ff,0 0 40px #bf00ff;z-index:20;animation:action-pop 1s ease-out forwards;pointer-events:none}@keyframes action-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1) translateY(-30px);opacity:0}}.tetris-board{display:flex;flex-direction:column;gap:1px;padding:10px;background:#0a0a1ef2;border:3px solid #00f5ff;border-radius:10px;box-shadow:0 0 30px #00f5ff4d,inset 0 0 50px #00000080}.board-row{display:flex;gap:1px}.board-row.clearing{animation:clear-flash .3s ease-out}@keyframes clear-flash{0%,to{filter:brightness(1);transform:scaleY(1)}50%{filter:brightness(3);transform:scaleY(1.1)}}.board-cell{width:24px;height:24px;background:#ffffff08;border-radius:3px;transition:all .1s ease}.board-cell.filled{border-radius:4px;animation:piece-place .2s ease-out}.board-cell.ghost{background:transparent!important}@keyframes piece-place{0%{transform:scale(1.1)}to{transform:scale(1)}}.pause-overlay,.game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1ef2;border-radius:10px;z-index:30}.pause-overlay h2,.game-over-overlay h2{font-size:2.5rem;color:#00f5ff;text-shadow:0 0 20px #00f5ff;margin-bottom:10px}.pause-overlay p,.game-over-overlay p{color:#aaa;font-size:1rem;margin:5px 0}.restart-btn{margin-top:20px;padding:12px 30px;font-size:1rem;font-family:inherit;font-weight:700;color:#0a0a1a;background:linear-gradient(135deg,#00f5ff,#00ff41);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.restart-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #00f5ff80}.controls-box{display:none}.mini-controls{display:flex;flex-direction:column;gap:5px;font-size:.7rem;color:#666}.mobile-controls{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);flex-direction:column;gap:10px;z-index:100}.mobile-row{display:flex;gap:15px;justify-content:center}.mobile-btn{width:60px;height:60px;font-size:1.5rem;font-family:inherit;font-weight:700;color:#00f5ff;background:#0a0a1ee6;border:2px solid #00f5ff;border-radius:50%;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center}.mobile-btn:active{background:#00f5ff4d;transform:scale(.95)}.mobile-btn.hold-btn{font-size:.8rem;border-color:#bf00ff;color:#bf00ff}.mobile-btn.drop-btn{background:#ff003a33;border-color:#ff073a;color:#ff073a}.soft-drop-btn{width:auto!important;padding:10px 30px;border-radius:30px!important;font-size:.9rem!important;background:#ffd7001a;border-color:gold!important;color:gold!important}@media (max-width: 768px){.tetris-game{flex-direction:column;align-items:center}.side-panel{flex-direction:row;min-width:auto}.left-panel{order:-1}.right-panel{display:none}.board-cell{width:18px;height:18px}.preview-cell{width:14px;height:14px}.panel-box{padding:10px}.stats-box .stat{margin-bottom:5px}.stat-value{font-size:1rem}.mobile-controls{display:flex}.tetris-logo{font-size:2.5rem;letter-spacing:8px}.start-btn{padding:12px 35px;font-size:1.1rem}}@media (max-width: 400px){.board-cell{width:14px;height:14px}.preview-cell{width:12px;height:12px}.tetris-board{padding:5px}.mobile-btn{width:50px;height:50px;font-size:1.2rem}}.isometric-city{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;font-family:Fredoka,sans-serif;background:linear-gradient(180deg,#1a1a2e,#16213e,#1a1a2e,#0f3460,#533483 80%,#e94560 95%,#ff6b6b);filter:contrast(1.08) saturate(1.15) brightness(1.02);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.post-process-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10000;mix-blend-mode:screen}.bloom-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 80% 20%,rgba(255,215,0,.2) 0%,rgba(255,165,0,.15) 25%,rgba(255,99,71,.1) 45%,transparent 65%),radial-gradient(ellipse at 50% 50%,rgba(233,69,96,.08) 0%,transparent 50%);filter:blur(50px);opacity:.7;animation:bloomPulse 4s ease-in-out infinite;mix-blend-mode:screen}.chromatic-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,0,150,.02) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,150,255,.02) 50%,transparent 100%);mix-blend-mode:overlay;opacity:.3}.vignette-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.15) 100%);pointer-events:none}.color-grading-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,200,150,.05) 0%,transparent 50%),linear-gradient(0deg,rgba(150,200,255,.05) 0%,transparent 50%);mix-blend-mode:soft-light;opacity:.4}@keyframes bloomPulse{0%,to{opacity:.5}50%{opacity:.8}}.volumetric-fog{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:15;overflow:hidden}.fog-particle{position:absolute;width:200px;height:150px;background:radial-gradient(ellipse,rgba(255,255,255,.08) 0%,rgba(233,69,96,.05) 40%,transparent 70%);filter:blur(30px);animation:fogFloat 20s ease-in-out infinite;border-radius:50%}@keyframes fogFloat{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(100px,-50px) scale(1.5);opacity:.9}}.depth-of-field{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(0,0,0,.1) 80%,rgba(0,0,0,.2) 100%);pointer-events:none;z-index:20;mix-blend-mode:multiply;opacity:.5}.city-sky{position:absolute;top:0;left:0;right:0;height:60%;pointer-events:none;overflow:hidden}.city-sky:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,#fff,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 250px 160px,#fff,transparent),radial-gradient(2px 2px at 300px 90px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 350px 20px,#fff,transparent),radial-gradient(2px 2px at 400px 100px,rgba(255,255,255,.8),transparent);background-size:400px 200px;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.4}}.stars{position:absolute;top:0;left:0;right:0;height:40%;background-image:radial-gradient(2px 2px at 50px 50px,#fff,transparent),radial-gradient(1px 1px at 100px 80px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 150px 30px,#fff,transparent),radial-gradient(1px 1px at 200px 100px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 280px 60px,#fff,transparent),radial-gradient(1px 1px at 350px 90px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 420px 40px,#fff,transparent),radial-gradient(1px 1px at 500px 120px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 580px 70px,#fff,transparent),radial-gradient(1px 1px at 650px 110px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 750px 45px,#fff,transparent),radial-gradient(1px 1px at 820px 85px,rgba(255,255,255,.6),transparent);background-size:900px 150px;animation:twinkle 3s ease-in-out infinite alternate}.sun{position:absolute;bottom:5%;right:20%;width:140px;height:140px;will-change:transform;transform:translateZ(0)}.sun-core{position:absolute;width:100%;height:100%;background:radial-gradient(circle,#fff 0%,#FFD700 15%,#FFA500 35%,#FF6347 55%,transparent 75%);border-radius:50%;box-shadow:0 0 80px #ffd70099;will-change:transform;transform:translateZ(0)}.sun-glow{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle,transparent 40%,rgba(255,165,0,.15) 50%,transparent 60%);border-radius:50%;will-change:opacity,transform;transform:translateZ(0);animation:sunGlowPulse 4s ease-in-out infinite}.sun-rays{position:absolute;width:180%;height:180%;top:-40%;left:-40%;background:radial-gradient(circle at 50% 50%,transparent 25%,rgba(255,215,0,.15) 30%,rgba(255,215,0,.1) 35%,transparent 45%);border-radius:50%;will-change:transform;transform:translateZ(0)}@keyframes sunGlowPulse{0%,to{opacity:.2;transform:scale(1) translateZ(0)}50%{opacity:.35;transform:scale(1.05) translateZ(0)}}.city-sky:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(0deg,rgba(255,107,107,.3) 0%,transparent 100%);pointer-events:none}.cloud{position:absolute;font-size:4rem;opacity:.3;filter:blur(2px);animation:cloudFloat 60s linear infinite;text-shadow:0 0 20px rgba(255,255,255,.5)}.cloud-1{top:60px;left:-150px;animation-delay:0s;font-size:3rem}.cloud-2{top:100px;left:-250px;animation-delay:-20s;font-size:2.5rem;opacity:.2}.cloud-3{top:40px;left:-180px;animation-delay:-40s;font-size:2rem;opacity:.25}@keyframes cloudFloat{0%{transform:translate(0)}to{transform:translate(calc(100vw + 300px))}}.distant-city{position:absolute;bottom:20%;left:0;right:0;height:150px;pointer-events:none}.distant-building{position:absolute;bottom:0;width:25px;background:linear-gradient(180deg,#1e283c99,#141e32cc);border-radius:2px 2px 0 0;opacity:.5}.distant-building:before{content:"";position:absolute;top:10%;left:20%;right:20%;bottom:20%;background:repeating-linear-gradient(0deg,transparent 0px,transparent 8px,rgba(255,200,100,.3) 8px,rgba(255,200,100,.3) 10px),repeating-linear-gradient(90deg,transparent 0px,transparent 5px,rgba(255,200,100,.2) 5px,rgba(255,200,100,.2) 7px)}.horizon-glow{position:absolute;bottom:15%;left:0;right:0;height:150px;background:linear-gradient(0deg,rgba(255,107,107,.5) 0%,rgba(233,69,96,.3) 30%,rgba(255,165,0,.2) 50%,transparent 100%);pointer-events:none;animation:horizonPulse 5s ease-in-out infinite}@keyframes horizonPulse{0%,to{opacity:1}50%{opacity:.8}}.atmospheric-fog{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(233,69,96,.15) 0%,transparent 60%),radial-gradient(ellipse at center,transparent 0%,rgba(255,255,255,.1) 100%);pointer-events:none;animation:fogDrift 30s ease-in-out infinite}@keyframes fogDrift{0%,to{transform:translate(0);opacity:.8}50%{transform:translate(20px);opacity:1}}.god-rays{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent 0px,transparent 200px,rgba(255,215,0,.08) 200px,rgba(255,215,0,.08) 250px,transparent 250px);pointer-events:none;opacity:.6;animation:raySweep 15s ease-in-out infinite;mask:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.8) 70%,transparent 100%);-webkit-mask:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.8) 70%,transparent 100%)}@keyframes raySweep{0%,to{transform:translate(-50px) translateY(0);opacity:.4}50%{transform:translate(50px) translateY(-20px);opacity:.7}}.isometric-city:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(15,52,96,.8) 0%,transparent 100%);pointer-events:none;z-index:5}.city-stats-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));background:linear-gradient(135deg,#1a1a2efa,#16213efa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid rgba(233,69,96,.5);z-index:1000;box-shadow:0 4px 30px #00000080,inset 0 1px #ffffff1a}.city-name-container{min-width:200px}.city-name{color:#fff;font-size:1.5rem;font-weight:700;margin:0;cursor:pointer;display:flex;align-items:center;gap:10px;text-shadow:0 0 20px rgba(233,69,96,.5);background:linear-gradient(135deg,#fff,#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.edit-hint{opacity:0;transition:opacity .2s;font-size:.9rem;-webkit-text-fill-color:initial}.city-name:hover .edit-hint{opacity:1}.city-name-input{background:#e9456033;border:2px solid #e94560;border-radius:8px;color:#fff;font-size:1.3rem;font-family:Fredoka,sans-serif;font-weight:600;padding:6px 14px;width:200px;outline:none}.stats-group{display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#ffffff0d;border-radius:14px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.stat-item:hover{background:#ffffff1a;transform:translateY(-2px)}.stat-icon{font-size:1.4rem;filter:drop-shadow(0 0 8px currentColor)}.stat-value{color:#fff;font-weight:700;font-size:1.15rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-change{color:#2ecc71;font-size:.85rem;font-weight:600;text-shadow:0 0 10px rgba(46,204,113,.5)}.stat-item.money .stat-value{color:#f1c40f;text-shadow:0 0 15px rgba(241,196,15,.5)}.stat-item.population .stat-value{color:#3498db;text-shadow:0 0 15px rgba(52,152,219,.5)}.stat-item.happiness .stat-value{color:#e94560;text-shadow:0 0 15px rgba(233,69,96,.5)}.game-controls{display:flex;gap:8px}.speed-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;padding:10px 16px;cursor:pointer;font-family:Fredoka,sans-serif;font-weight:600;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.speed-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.speed-btn.active{background:linear-gradient(135deg,#e94560,#533483);border-color:#e94560;box-shadow:0 0 20px #e9456066}.speed-btn.paused{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#e74c3c;animation:pausePulse 1s ease-in-out infinite}@keyframes pausePulse{0%,to{box-shadow:0 0 #e74c3c66}50%{box-shadow:0 0 0 8px #e74c3c00}}.tools-panel{position:absolute;left:16px;top:90px;width:190px;background:linear-gradient(165deg,#1a1a2ef2,#16213ef2);border-radius:20px;padding:18px;box-shadow:0 10px 40px #0006,inset 0 1px #ffffff1a;z-index:100;border:1px solid rgba(233,69,96,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tools-panel h3{margin:0 0 14px;color:#fff;font-size:1.15rem;font-weight:700;padding-bottom:10px;border-bottom:2px solid rgba(233,69,96,.3);text-shadow:0 0 15px rgba(233,69,96,.5)}.tools-grid{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto;padding-right:4px}.tool-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .25s;font-family:Fredoka,sans-serif;color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}.tool-btn:hover:not(:disabled){background:#e9456033;border-color:#e9456080;transform:translate(5px);box-shadow:0 4px 15px #e9456033}.tool-btn.selected{background:linear-gradient(135deg,#e94560,#533483);border-color:#e94560;box-shadow:0 4px 20px #e9456066,inset 0 1px #fff3}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-icon{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tool-name{flex:1;font-size:.9rem;font-weight:500;text-align:left}.tool-cost{font-size:.75rem;padding:3px 8px;background:#0000004d;border-radius:6px;color:#f1c40f}.tool-btn.selected .tool-cost{background:#fff3;color:#fff}.demolish-btn{width:100%;margin-top:14px;padding:12px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:12px;cursor:pointer;font-family:Fredoka,sans-serif;font-weight:700;font-size:.95rem;transition:all .2s;box-shadow:0 4px 15px #e74c3c4d;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}.demolish-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c80}.demolish-btn.active{animation:demolishPulse .6s ease-in-out infinite alternate;box-shadow:0 0 30px #e74c3c99}@keyframes demolishPulse{0%{transform:scale(1);box-shadow:0 0 20px #e74c3c66}to{transform:scale(1.02);box-shadow:0 0 30px #e74c3cb3}}.info-panel{position:absolute;right:16px;top:90px;width:210px;background:linear-gradient(165deg,#1a1a2ef2,#16213ef2);border-radius:20px;padding:18px;box-shadow:0 10px 40px #0006,inset 0 1px #ffffff1a;z-index:100;border:1px solid rgba(233,69,96,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.info-panel h3,.info-panel h4{margin:0 0 12px;color:#fff;font-size:1.05rem;font-weight:700;text-shadow:0 0 15px rgba(233,69,96,.5)}.info-panel h4{margin-top:18px;padding-top:14px;border-top:2px solid rgba(233,69,96,.3)}.info-stats{display:flex;flex-direction:column;gap:10px}.info-row{display:flex;justify-content:space-between;font-size:.95rem;color:#ffffffb3;padding:6px 0}.info-row span:last-child{color:#fff;font-weight:600}.income-value{color:#2ecc71!important;text-shadow:0 0 10px rgba(46,204,113,.5)}.achievements-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.achievement-item{font-size:.85rem;padding:8px 10px;border-radius:8px;background:#ffffff0d;color:#ffffff80;transition:all .2s}.achievement-item.unlocked{background:linear-gradient(135deg,#f1c40f33,#f39c1233);color:#f1c40f;border:1px solid rgba(241,196,15,.3);text-shadow:0 0 10px rgba(241,196,15,.3)}.achievement-item.locked{opacity:.6}.isometric-grid{position:absolute;top:50%;left:50%;transform:translate(-50%,-35%);z-index:10}.grid-container{position:relative;width:900px;height:550px}.iso-tile{position:absolute;width:64px;height:32px;cursor:pointer;transition:all .2s ease;transform-style:preserve-3d;transform:translate(-50%,-50%);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tile-surface{position:absolute;width:100%;height:100%;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);transition:all .2s ease;background:linear-gradient(135deg,#34d399f2,#2ecc71f2,#27ae60f2 60%,#1e824cf2);box-shadow:inset 0 0 20px #ffffff26,inset 0 2px 8px #0000001a;overflow:hidden}.tile-surface:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 25% 35%,rgba(255,255,255,.2) 0%,transparent 25%),radial-gradient(ellipse at 75% 55%,rgba(255,255,255,.15) 0%,transparent 20%),radial-gradient(ellipse at 50% 75%,rgba(255,255,255,.1) 0%,transparent 30%),radial-gradient(ellipse at 60% 25%,rgba(0,0,0,.08) 0%,transparent 30%),repeating-linear-gradient(45deg,transparent 0px,transparent 4px,rgba(255,255,255,.03) 4px,rgba(255,255,255,.03) 5px),repeating-linear-gradient(-45deg,transparent 0px,transparent 6px,rgba(0,0,0,.02) 6px,rgba(0,0,0,.02) 7px);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.tile-grass-detail{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 2px 8px at 30% 40%,rgba(60,179,113,.6) 0%,transparent 50%),radial-gradient(ellipse 2px 8px at 70% 60%,rgba(60,179,113,.5) 0%,transparent 50%),radial-gradient(ellipse 2px 8px at 45% 70%,rgba(60,179,113,.4) 0%,transparent 50%),radial-gradient(ellipse 2px 8px at 55% 30%,rgba(60,179,113,.5) 0%,transparent 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);pointer-events:none;z-index:1}.tile-ground-shine{position:absolute;top:20%;left:30%;width:40%;height:40%;background:radial-gradient(ellipse,rgba(255,255,255,.2),transparent);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:groundShine 4s ease-in-out infinite;pointer-events:none;z-index:2;filter:blur(2px)}.tile-wetness{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%),radial-gradient(ellipse at 60% 40%,rgba(200,230,255,.15),transparent 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);pointer-events:none;z-index:3;mix-blend-mode:overlay}.tile-depth-shadow{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(0deg,rgba(0,0,0,.15) 0%,transparent 100%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);pointer-events:none;z-index:1}@keyframes groundShine{0%,to{opacity:.4;transform:translate(0) scale(1)}50%{opacity:.7;transform:translate(5px,5px) scale(1.1)}}.tile-surface:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:1px solid rgba(255,255,255,.25);box-shadow:inset 3px -3px 6px #00000040,inset -3px 3px 6px #ffffff26,0 2px 4px #0000001a;pointer-events:none}.iso-tile:hover .tile-surface{background:linear-gradient(135deg,#58d68dfa,#34d399fa,#2ecc71fa);filter:brightness(1.25) saturate(1.1);box-shadow:inset 0 0 25px #fff3,inset 0 2px 10px #0000001a,0 4px 12px #2ecc714d}.iso-tile:hover{transform:translateY(-5px);z-index:500!important}.iso-tile.hovered .tile-surface:after{border-color:#e9456080;box-shadow:inset 3px -3px 8px #0000004d,inset -3px 3px 8px #fff3,0 4px 12px #e9456033,0 0 20px #e9456026}.iso-tile.occupied .tile-surface{background:linear-gradient(135deg,#2ecc71b3,#27ae60b3,#1e824cb3)}.iso-tile.delete-mode:hover .tile-surface{background:linear-gradient(135deg,#e74c3ce6,#c0392be6,#a93226e6);animation:deletePulse .5s ease-in-out infinite alternate}@keyframes deletePulse{0%{filter:brightness(1)}to{filter:brightness(1.3)}}.building{position:absolute;transform:translate(-50%,-100%);pointer-events:none;animation:buildingRise .4s cubic-bezier(.34,1.56,.64,1)}@keyframes buildingRise{0%{transform:translate(-50%,-50%) scale(.5);opacity:0;filter:blur(4px)}50%{transform:translate(-50%,-110%) scale(1.05)}to{transform:translate(-50%,-100%) scale(1);opacity:1;filter:blur(0)}}.building:hover{filter:brightness(1.15) saturate(1.1)}.building-residential .building-emoji,.building-commercial .building-emoji{animation:buildingGlow 4s ease-in-out infinite;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,220,100,.3))}@keyframes buildingGlow{0%,to{filter:drop-shadow(2px 4px 8px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,220,100,.3))}50%{filter:drop-shadow(2px 4px 12px rgba(241,196,15,.5)) drop-shadow(0 0 20px rgba(241,196,15,.4)) drop-shadow(0 0 30px rgba(255,200,100,.2))}}.building-body{position:relative;display:flex;align-items:flex-end;justify-content:center;transform-style:preserve-3d}.building-3d{position:relative;transform-style:preserve-3d}.building-top{position:absolute;background:linear-gradient(135deg,var(--roof-light),var(--roof-dark));clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:inset 0 -5px 20px #0000004d;z-index:3}.building-top:before{content:"";position:absolute;top:10%;left:10%;width:30%;height:30%;background:radial-gradient(ellipse,rgba(255,255,255,.4),transparent);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.building-left{position:absolute;background:linear-gradient(180deg,var(--wall-light),var(--wall-dark));clip-path:polygon(0% 0%,50% 0%,100% 100%,0% 100%);z-index:2}.building-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 11px);clip-path:polygon(0% 0%,50% 0%,100% 100%,0% 100%)}.building-right{position:absolute;background:linear-gradient(180deg,var(--wall-medium),var(--wall-darker));clip-path:polygon(50% 0%,100% 0%,100% 100%,0% 100%);z-index:1}.building-right:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 100%),repeating-linear-gradient(0deg,transparent 0px,transparent 10px,rgba(0,0,0,.08) 10px,rgba(0,0,0,.08) 11px);clip-path:polygon(50% 0%,100% 0%,100% 100%,0% 100%)}.building-emoji{position:relative;font-size:1.9rem;filter:drop-shadow(2px 4px 10px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(255,220,100,.2));opacity:.98;pointer-events:none;display:block;z-index:11;text-shadow:0 0 10px rgba(255,255,255,.3),0 0 20px rgba(255,215,0,.2)}.building-residential .building-3d{--roof-light: #e74c3c;--roof-dark: #c0392b;--wall-light: #ecf0f1;--wall-dark: #bdc3c7;--wall-medium: #d5dbdb;--wall-darker: #aab7b8}.building-commercial .building-3d{--roof-light: #3498db;--roof-dark: #2980b9;--wall-light: #f5b041;--wall-dark: #d68910;--wall-medium: #eb984e;--wall-darker: #ca6f1e}.building-industrial .building-3d{--roof-light: #7f8c8d;--roof-dark: #5d6d7e;--wall-light: #85929e;--wall-dark: #5d6d7e;--wall-medium: #707b7c;--wall-darker: #515a5a}.building-office .building-3d{--roof-light: #9b59b6;--roof-dark: #8e44ad;--wall-light: #5dade2;--wall-dark: #2e86c1;--wall-medium: #3498db;--wall-darker: #21618c}.building-park .building-body{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.tree-container{position:relative;width:100%;height:100%}.tree-trunk{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8px;height:20px;background:linear-gradient(180deg,#8b4513e6,#65320ef2);border-radius:2px;box-shadow:inset -2px 0 3px #0000004d;z-index:2}.tree-crown{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:3;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.4))}.park-sparkle{position:absolute;font-size:.6rem;pointer-events:none;animation:sparkleFloat 3s ease-out infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.8));z-index:4}@keyframes sparkleFloat{0%{transform:translateY(0) translate(0) scale(0);opacity:0}20%{opacity:1;transform:translateY(-10px) translate(5px) scale(1)}to{transform:translateY(-40px) translate(15px) scale(.5);opacity:0}}.smoke-particle{position:absolute;top:-25px;pointer-events:none;z-index:50;width:20px;height:20px}.smoke-cloud{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(200,200,200,.7),rgba(150,150,150,.4),transparent);filter:blur(3px)}.smoke-cloud-1{width:12px;height:12px;left:50%;top:0;transform:translate(-50%);animation:smokeFloat1 4s ease-out infinite}.smoke-cloud-2{width:16px;height:16px;left:40%;top:-5px;animation:smokeFloat2 4s ease-out infinite .3s}.smoke-cloud-3{width:14px;height:14px;left:60%;top:-3px;animation:smokeFloat3 4s ease-out infinite .6s}@keyframes smokeFloat1{0%{transform:translate(-50%) translateY(0) scale(.8);opacity:.9}to{transform:translate(-50%) translateY(-70px) translate(15px) scale(2);opacity:0}}@keyframes smokeFloat2{0%{transform:translateY(0) translate(0) scale(.7);opacity:.8}to{transform:translateY(-80px) translate(25px) scale(2.2);opacity:0}}@keyframes smokeFloat3{0%{transform:translateY(0) translate(0) scale(.75);opacity:.85}to{transform:translateY(-65px) translate(-20px) scale(1.9);opacity:0}}.steam-particle{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:8px;height:8px;background:radial-gradient(circle,rgba(255,255,255,.6),transparent);border-radius:50%;filter:blur(2px);animation:steamRise 4.5s ease-out infinite;pointer-events:none;z-index:49}@keyframes steamRise{0%{transform:translate(-50%) translateY(0) scale(.5);opacity:.8}to{transform:translate(-50%) translateY(-50px) scale(2);opacity:0}}.electric-spark{position:absolute;pointer-events:none;z-index:15}.electric-spark span{font-size:.9rem;display:block;filter:drop-shadow(0 0 10px rgba(241,196,15,.9));animation:sparkFlicker .6s ease-in-out infinite}.spark-trail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:radial-gradient(circle,rgba(241,196,15,.6),transparent);border-radius:50%;filter:blur(3px);animation:sparkTrail .6s ease-in-out infinite}@keyframes sparkFlicker{0%,to{opacity:.7;transform:translate(0) scale(1) rotate(0)}25%{opacity:1;transform:translate(-3px,-3px) scale(1.3) rotate(-15deg)}50%{opacity:.8;transform:translate(3px,3px) scale(.8) rotate(15deg)}75%{opacity:1;transform:translate(-2px,2px) scale(1.2) rotate(-10deg)}}@keyframes sparkTrail{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.3)}}.powerplant-aura{position:absolute;top:20%;left:50%;transform:translate(-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(241,196,15,.15) 0%,rgba(241,196,15,.08) 40%,transparent 70%);filter:blur(10px);animation:auraPulse 2s ease-in-out infinite;pointer-events:none;z-index:5}@keyframes auraPulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}.window-light-ray{position:absolute;width:4px;height:40px;background:linear-gradient(180deg,rgba(255,240,170,.5) 0%,rgba(255,220,120,.4) 30%,rgba(255,200,100,.3) 60%,transparent 100%);filter:blur(3px) drop-shadow(0 0 8px rgba(255,200,100,.6));pointer-events:none;z-index:1;animation:lightRay 3s ease-in-out infinite;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.window-light-ray:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:6px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%);filter:blur(2px)}@keyframes lightRay{0%,to{opacity:.5;transform:translateY(0) scaleY(1);filter:blur(3px) drop-shadow(0 0 8px rgba(255,200,100,.6))}50%{opacity:.9;transform:translateY(-8px) scaleY(1.3);filter:blur(2px) drop-shadow(0 0 15px rgba(255,220,120,.8))}}.building-road .building-body{filter:none}.building-hospital .building-3d{--roof-light: #fff;--roof-dark: #ecf0f1;--wall-light: #fff;--wall-dark: #ecf0f1;--wall-medium: #f8f9fa;--wall-darker: #e5e8e8}.building-school .building-3d{--roof-light: #e67e22;--roof-dark: #d35400;--wall-light: #fdebd0;--wall-dark: #f5cba7;--wall-medium: #fad7a0;--wall-darker: #f0b27a}.building-stadium .building-3d{--roof-light: #1abc9c;--roof-dark: #16a085;--wall-light: #d5d8dc;--wall-dark: #aeb6bf;--wall-medium: #bfc9ca;--wall-darker: #99a3a4}.building-powerplant .building-3d{--roof-light: #f39c12;--roof-dark: #d68910;--wall-light: #5d6d7e;--wall-dark: #34495e;--wall-medium: #4a5a6a;--wall-darker: #2c3e50}.building-shadow-building{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:35px;pointer-events:none}.shadow-outer{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,rgba(0,0,0,.25) 50%,transparent 75%);filter:blur(5px);transform:scale(1.3)}.shadow-inner{position:absolute;width:65%;height:65%;left:17.5%;top:17.5%;background:radial-gradient(ellipse,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 50%,transparent 70%);filter:blur(3px)}.shadow-contact{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:45px;height:8px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.8) 20%,rgba(0,0,0,.9) 50%,rgba(0,0,0,.8) 80%,transparent 100%);clip-path:polygon(50% 0%,100% 100%,0% 100%);filter:blur(2px)}.building-shadow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%) rotateX(60deg);width:50px;height:25px;background:radial-gradient(ellipse,rgba(0,0,0,.35) 0%,transparent 70%);filter:blur(3px)}.building-base{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:54px;height:8px;background:linear-gradient(135deg,#787878e6,#505050f2,#3c3c3ce6);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:inset 0 3px 6px #0006,inset 0 -2px 3px #ffffff1a,0 2px 8px #0000004d;z-index:1}.base-detail{position:absolute;bottom:0;height:2px;background:#fff3;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.base-detail-1{left:10%;width:35%}.base-detail-2{right:10%;width:35%}.building-windows-left,.building-windows-right{position:absolute;top:20%;left:12%;right:12%;bottom:18%;display:flex;flex-direction:column;gap:8px;justify-content:space-evenly}.window-row{display:flex;justify-content:center;gap:5px}.window{position:relative;width:7px;height:10px;background:linear-gradient(180deg,#fff08cfa,#ffdc64f2 40%,#ffc850e6,#ffb432d9);border-radius:1px;border:.5px solid rgba(0,0,0,.3);box-shadow:0 0 12px #ffdc78cc,0 0 25px #ffc86480,0 0 40px #ffb43c4d,inset 0 1px 3px #fff6,inset 0 -1px 2px #0003;animation:windowFlicker 4s ease-in-out infinite;overflow:hidden;filter:brightness(1.1)}.window-pane{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,0,0,.2) 50%,transparent 100%)}.window-glow{position:absolute;top:15%;left:25%;width:50%;height:50%;background:radial-gradient(circle,rgba(255,255,220,1) 0%,rgba(255,240,180,.8) 40%,transparent 70%);border-radius:50%;animation:glowPulse 3s ease-in-out infinite;filter:blur(1px)}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1);filter:blur(1px)}50%{opacity:1;transform:scale(1.4);filter:blur(.5px)}}.window.window-off{background:linear-gradient(180deg,#283246e6,#141e32f2);box-shadow:0 0 2px #00000080,inset 0 1px 2px #0006;animation:none}.window.window-off .window-glow{display:none}@keyframes windowFlicker{0%,to{opacity:1;filter:brightness(1)}10%{opacity:.9;filter:brightness(.95)}20%{opacity:1;filter:brightness(1)}30%{opacity:.85;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.05)}80%{opacity:1;filter:brightness(1)}90%{opacity:.75;filter:brightness(.85)}}.building-door-left{position:absolute;bottom:5%;left:32%;width:12px;height:14px;z-index:5}.door-frame{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#503c28e6,#3c2d1ef2);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);z-index:0}.door{position:relative;width:100%;height:100%;background:linear-gradient(180deg,#8b4513f2,#65320efa);border-radius:2px 2px 0 0;border:1px solid rgba(0,0,0,.4);box-shadow:inset -3px 0 5px #0006,inset 3px 0 3px #ffffff26,0 2px 4px #0000004d;overflow:hidden;z-index:1}.door-panel{position:absolute;width:45%;height:80%;top:10%;background:#0003;border-radius:1px}.door-panel-1{left:5%;border-right:1px solid rgba(0,0,0,.3)}.door-panel-2{right:5%;border-left:1px solid rgba(255,255,255,.1)}.door-knob{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:2.5px;height:2.5px;background:radial-gradient(circle,#f1c40f,#d68910);border-radius:50%;box-shadow:0 0 6px #f1c40fe6,inset -1px -1px 2px #0000004d;z-index:3}.door-handle{position:absolute;right:1px;top:45%;width:1px;height:4px;background:#c89664cc;border-radius:0 1px 1px 0}.wall-texture{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 8px,rgba(0,0,0,.04) 8px,rgba(0,0,0,.04) 9px),repeating-linear-gradient(0deg,transparent 0px,transparent 12px,rgba(255,255,255,.06) 12px,rgba(255,255,255,.06) 13px);pointer-events:none;opacity:.8}.wall-ao{position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(0deg,rgba(0,0,0,.15) 0%,transparent 100%);pointer-events:none}.building-ao-shadow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:48px;height:20px;background:radial-gradient(ellipse at center top,rgba(0,0,0,.2),transparent 70%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);pointer-events:none;z-index:0}.building-rim-light{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,transparent 65%,rgba(255,255,255,.2) 80%,rgba(255,255,255,.3) 90%,rgba(255,215,0,.15) 100%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);pointer-events:none;z-index:12;mix-blend-mode:overlay;filter:blur(1px);animation:rimLightShift 6s ease-in-out infinite}@keyframes rimLightShift{0%,to{opacity:.8}50%{opacity:1}}.building-atmosphere{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:70px;height:40px;background:radial-gradient(ellipse,rgba(255,255,255,.1),transparent 70%);filter:blur(10px);pointer-events:none;z-index:-1}.building-volumetric-light{position:absolute;top:20%;left:-20px;width:80px;height:60%;background:linear-gradient(90deg,rgba(255,215,0,.2) 0%,rgba(255,165,0,.15) 30%,transparent 70%);filter:blur(15px);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);pointer-events:none;z-index:13;mix-blend-mode:screen;animation:volumetricPulse 4s ease-in-out infinite}@keyframes volumetricPulse{0%,to{opacity:.5;transform:translate(0)}50%{opacity:.8;transform:translate(5px)}}.building-reflection{position:absolute;top:15%;left:30%;width:40%;height:30%;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.1) 50%,transparent 100%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);pointer-events:none;z-index:14;mix-blend-mode:overlay;animation:reflectionShift 6s ease-in-out infinite}@keyframes reflectionShift{0%,to{opacity:.6;transform:translate(0)}50%{opacity:.9;transform:translate(3px,-2px)}}.building-specular{position:absolute;top:25%;left:35%;width:30%;height:20%;background:radial-gradient(ellipse,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 30%,transparent 60%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);pointer-events:none;z-index:15;mix-blend-mode:screen;filter:blur(2px);animation:specularMove 5s ease-in-out infinite}@keyframes specularMove{0%,to{opacity:.5;transform:translate(0) scale(1)}50%{opacity:.9;transform:translate(5px,-3px) scale(1.2)}}.roof-tiles{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(135deg,transparent 0px,transparent 8px,rgba(0,0,0,.1) 8px,rgba(0,0,0,.1) 9px),repeating-linear-gradient(45deg,transparent 0px,transparent 6px,rgba(255,255,255,.1) 6px,rgba(255,255,255,.1) 7px);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.chimney{position:absolute;top:-8px;right:20%;width:5px;height:12px;background:linear-gradient(180deg,#505050e6,#323232f2);border-radius:1px;z-index:4;box-shadow:inset -1px 0 2px #0006,inset 1px 0 1px #ffffff1a}.chimney-smoke{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:8px;height:8px;background:radial-gradient(circle,rgba(200,200,200,.6),transparent);border-radius:50%;animation:smokeRise 2s ease-out infinite;filter:blur(2px)}@keyframes smokeRise{0%{transform:translate(-50%) translateY(0) scale(1);opacity:.8}to{transform:translate(-50%) translateY(-25px) scale(1.8);opacity:0}}.building-icon-container{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.building-icon-container .building-emoji{position:relative;font-size:1.8rem;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.6));opacity:.95}.emoji-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent);border-radius:50%;animation:emojiGlow 2s ease-in-out infinite;filter:blur(3px)}.emoji-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle,rgba(255,215,0,.2),transparent);border-radius:50%;animation:emojiPulse 3s ease-in-out infinite}@keyframes emojiGlow{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.3)}}@keyframes emojiPulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.4)}}.building-sign{position:absolute;top:30%;left:50%;transform:translate(-50%);width:20px;height:8px;z-index:6}.sign-board{width:100%;height:100%;background:linear-gradient(135deg,#e74c3ce6,#c0392bf2);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d,0 2px 6px #0000004d;position:relative}.sign-board:before{content:"★";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.4rem;color:#f1c40f;text-shadow:0 0 4px rgba(241,196,15,.8)}.building-balcony{position:absolute;bottom:35%;left:50%;transform:translate(-50%);width:35px;height:8px;z-index:4}.balcony-base{position:absolute;bottom:0;width:100%;height:4px;background:linear-gradient(135deg,#969696e6,#646464f2);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:inset 0 2px 4px #0000004d}.balcony-rail{position:absolute;bottom:4px;width:100%;height:3px;background:linear-gradient(135deg,#c8c8c8cc,#969696e6);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:.5px solid rgba(0,0,0,.2)}.building-residential .building-emoji{animation:houseGlow 3s ease-in-out infinite}@keyframes houseGlow{0%,to{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.4))}50%{filter:drop-shadow(2px 3px 8px rgba(241,196,15,.6))}}.building-industrial .building-emoji:after{content:"💨";position:absolute;top:-20px;left:10px;font-size:.8rem;animation:smoke 2s ease-out infinite;opacity:0}@keyframes smoke{0%{transform:translateY(0) scale(.5);opacity:.8}to{transform:translateY(-30px) scale(1.5);opacity:0}}.building-powerplant .building-emoji{animation:powerPulse 1s ease-in-out infinite}@keyframes powerPulse{0%,to{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.4)) drop-shadow(0 0 8px rgba(241,196,15,.6))}50%{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.4)) drop-shadow(0 0 15px rgba(241,196,15,.9))}}.building-road .building-body{font-size:0;position:relative}.building-road .road-surface{width:54px;height:27px;background:linear-gradient(135deg,#1e2832,#2c3e50,#34495e,#2c3e50,#1e2832);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);position:relative;box-shadow:inset 0 0 15px #0006,inset 0 2px 4px #ffffff0d;overflow:hidden}.road-marking{position:absolute;height:2px;background:linear-gradient(90deg,transparent 0%,#f1c40f 10%,#f1c40f 40%,transparent 50%,#f1c40f 60%,#f1c40f 90%,transparent 100%);opacity:.85;filter:blur(.5px)}.road-marking-1{top:42%;left:20%;width:60%;transform:rotate(45deg)}.road-marking-2{top:45%;left:25%;width:50%;transform:rotate(-45deg);opacity:.6}.road-shine{position:absolute;top:0;left:0;right:0;bottom:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:linear-gradient(135deg,transparent 35%,rgba(255,255,255,.15) 50%,transparent 65%);animation:roadShine 3s ease-in-out infinite;filter:blur(1px)}.road-reflection{position:absolute;top:0;left:0;right:0;bottom:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.08) 30%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 70%,transparent 100%);mix-blend-mode:overlay;opacity:.6}.road-puddles{position:absolute;top:30%;left:40%;width:20%;height:20%;background:radial-gradient(ellipse,rgba(100,150,200,.3) 0%,rgba(50,100,150,.2) 50%,transparent 70%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);filter:blur(3px);animation:puddleShimmer 5s ease-in-out infinite}@keyframes roadShine{0%,to{opacity:.4;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(8px) scale(1.05)}}@keyframes puddleShimmer{0%,to{opacity:.5;transform:translate(0)}50%{opacity:.8;transform:translate(3px,-2px)}}.building-road .road-surface:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:1px solid rgba(255,255,255,.15);box-shadow:inset 2px -2px 10px #0000004d,inset -2px 2px 4px #ffffff0d}.building-preview{position:absolute;transform:translate(-50%,-100%);opacity:.6;pointer-events:none;animation:previewFloat 1.5s ease-in-out infinite;filter:saturate(.7) brightness(1.1);z-index:999}@keyframes previewFloat{0%,to{opacity:.5;transform:translate(-50%,-100%) translateY(0) scale(.98)}50%{opacity:.75;transform:translate(-50%,-100%) translateY(-8px) scale(1.02)}}.preview-body{font-size:2.4rem;filter:drop-shadow(0 6px 12px rgba(233,69,96,.4)) drop-shadow(0 0 20px rgba(233,69,96,.3));position:relative}.preview-body:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(233,69,96,.2),transparent);border-radius:50%;animation:previewGlow 2s ease-in-out infinite}@keyframes previewGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.3)}}.notifications{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:2000}.notification{padding:14px 28px;border-radius:14px;font-weight:600;font-size:.95rem;animation:notificationSlide .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 25px #0000004d,inset 0 1px #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes notificationSlide{0%{transform:translateY(30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.notification.success{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:1px solid rgba(255,255,255,.2)}.notification.error{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;border:1px solid rgba(255,255,255,.2)}.notification.demolish{background:linear-gradient(135deg,#d35400,#e67e22);color:#fff;border:1px solid rgba(255,255,255,.2)}.achievement-popup{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:3000;animation:achievementDrop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes achievementDrop{0%{transform:translate(-50%) translateY(-80px) scale(.5);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.achievement-content{display:flex;align-items:center;gap:18px;padding:22px 36px;background:linear-gradient(135deg,#f1c40f,#f39c12);border-radius:20px;box-shadow:0 10px 40px #f1c40f80,0 0 60px #f1c40f4d,inset 0 2px #fff6;border:2px solid rgba(255,255,255,.3)}.achievement-star{font-size:3rem;animation:starBurst .8s ease-out;filter:drop-shadow(0 0 15px rgba(255,255,255,.8))}@keyframes starBurst{0%{transform:rotate(-360deg) scale(0)}50%{transform:rotate(20deg) scale(1.3)}to{transform:rotate(0) scale(1)}}.achievement-text{color:#fff;text-shadow:1px 2px 3px rgba(0,0,0,.2)}.achievement-text h4{margin:0 0 4px;font-size:.9rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:1px}.achievement-text p{margin:0;font-size:1.4rem;font-weight:700}.achievement-text small{font-size:.85rem;opacity:.85}.game-instructions{position:fixed;bottom:24px;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);padding:14px 28px;border-radius:30px;z-index:100;border:1px solid rgba(233,69,96,.3);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 8px 30px #0000004d}.game-instructions p{margin:0;color:#ffffffe6;font-size:.9rem;font-weight:500;letter-spacing:.5px}.panel-toggle{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:48px;background:#e94560e6;border:1px solid rgba(233,69,96,.6);border-radius:0 8px 8px 0;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;z-index:101;display:none;align-items:center;justify-content:center;transition:all .3s;padding:0;box-shadow:2px 0 8px #0000004d;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px}.tools-panel .panel-toggle{right:-24px}.info-panel .panel-toggle{left:-24px;border-radius:8px 0 0 8px}.panel-toggle:hover{background:#e94560;width:28px}.panel-toggle:active{transform:translateY(-50%) scale(.95)}@media (max-width: 1400px){.tools-panel{width:170px;padding:16px}.info-panel{width:190px;padding:16px}}@media (max-width: 1200px){.tools-panel{width:160px;padding:14px}.info-panel{width:180px;padding:14px}.tool-name{font-size:.85rem}.stat-value{font-size:1rem}}@media (max-width: 900px){.panel-toggle{display:flex}.city-stats-bar{flex-wrap:wrap;padding:8px 12px;gap:8px}.city-name-container{min-width:auto;width:100%;order:-1}.city-name{font-size:1.2rem}.stats-group{gap:8px;flex-wrap:wrap;width:100%;justify-content:center}.stat-item{padding:6px 12px;gap:6px}.stat-icon{font-size:1.1rem}.stat-value{font-size:.95rem}.stat-change{font-size:.7rem}.game-controls{gap:6px}.speed-btn{padding:8px 12px;font-size:.85rem}.tools-panel{width:140px;padding:12px;top:70px;left:8px}.tools-panel.collapsed{transform:translate(calc(-100% + 24px))}.info-panel{width:150px;padding:12px;top:70px;right:8px}.info-panel.collapsed{transform:translate(calc(100% - 24px))}.tools-panel h3,.info-panel h3,.info-panel h4{font-size:.95rem}.tool-btn{padding:8px 10px;gap:6px}.tool-icon{font-size:1.1rem}.tool-name{font-size:.75rem}.tool-cost{font-size:.65rem;padding:2px 6px}.demolish-btn{padding:10px;font-size:.85rem}.info-row{font-size:.85rem;gap:8px}.achievements-list{max-height:150px}.achievement-item{font-size:.75rem;padding:6px 8px}.isometric-grid{transform:translate(-50%,-35%) scale(.85)}.game-instructions{padding:10px 16px;font-size:.75rem}.notification{padding:10px 20px;font-size:.85rem}}@media (max-width: 768px){.city-stats-bar{padding:6px 10px}.city-name{font-size:1rem}.city-name-input{font-size:1rem;width:150px;padding:4px 10px}.stats-group{gap:6px}.stat-item{padding:5px 10px;gap:5px}.stat-icon{font-size:1rem}.stat-value{font-size:.85rem}.stat-change{display:none}.game-controls{gap:4px}.speed-btn{padding:6px 10px;font-size:.75rem}.tools-panel{width:120px;padding:10px;top:60px;left:4px;max-height:calc(100vh - 80px)}.tools-panel.collapsed{transform:translate(calc(-100% + 20px))}.info-panel{width:130px;padding:10px;top:60px;right:4px;max-height:calc(100vh - 80px)}.info-panel.collapsed{transform:translate(calc(100% - 20px))}.tools-grid{max-height:calc(100vh - 200px);gap:4px}.tool-btn{padding:6px 8px;gap:5px}.tool-icon{font-size:1rem}.tool-name{font-size:.7rem}.tool-cost{font-size:.6rem}.demolish-btn{padding:8px;font-size:.75rem;margin-top:10px}.info-panel h3,.info-panel h4{font-size:.85rem;margin-bottom:8px}.info-stats{gap:6px}.info-row{font-size:.75rem}.achievements-list{max-height:120px;gap:4px}.achievement-item{font-size:.7rem;padding:4px 6px}.isometric-grid{transform:translate(-50%,-35%) scale(.7)}.grid-container{width:800px;height:500px}.game-instructions{padding:8px 12px;font-size:.7rem;bottom:10px}.notification{padding:8px 16px;font-size:.8rem;bottom:70px}.achievement-popup{top:80px}.achievement-content{padding:16px 24px}.achievement-text p{font-size:1.2rem}}@media (max-width: 480px) and (min-height: 800px){.city-stats-bar{padding:8px 10px;padding-top:max(8px,calc(env(safe-area-inset-top) + 8px));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.city-name{font-size:.95rem}.stats-group{width:100%;justify-content:space-between;gap:6px}.stat-item{flex:1;min-width:0;padding:6px 8px;justify-content:center;min-height:36px}.stat-icon{font-size:1rem}.stat-value{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-controls{flex-wrap:wrap;justify-content:center;width:100%;order:1;gap:4px}.speed-btn{padding:8px 12px;font-size:.75rem;min-width:44px;min-height:44px}.tools-panel,.info-panel{width:85%;max-width:300px}.tools-panel{left:50%;transform:translate(-50%);top:max(60px,calc(env(safe-area-inset-top) + 60px))}.tools-panel.collapsed{transform:translate(-50%) translateY(-100%);top:-200px}.info-panel{right:50%;transform:translate(50%);top:auto;bottom:max(100px,calc(env(safe-area-inset-bottom) + 100px))}.info-panel.collapsed{transform:translate(50%) translateY(100%);bottom:-200px}.panel-toggle{display:flex;min-width:44px;min-height:44px}.tools-panel .panel-toggle,.info-panel .panel-toggle{width:24px;height:44px;font-size:.85rem}.isometric-grid{transform:translate(-50%,-35%) scale(.65)}.grid-container{width:650px;height:420px}.game-instructions{font-size:.7rem;padding:10px 16px;bottom:max(10px,calc(env(safe-area-inset-bottom) + 10px))}.notification{font-size:.8rem;padding:10px 16px;bottom:max(70px,calc(env(safe-area-inset-bottom) + 70px))}.achievement-popup{top:max(80px,calc(env(safe-area-inset-top) + 80px))}}@media (max-width: 480px){.city-name{font-size:.9rem}.stats-group{width:100%;justify-content:space-between}.stat-item{flex:1;min-width:0;padding:4px 6px;justify-content:center;min-height:36px}.stat-value{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-controls{flex-wrap:wrap;justify-content:center;width:100%;order:1}.speed-btn{padding:5px 8px;font-size:.7rem;min-width:44px;min-height:44px}.tools-panel,.info-panel{width:90%;max-width:280px}.tools-panel{left:50%;transform:translate(-50%);top:max(70px,calc(env(safe-area-inset-top) + 70px))}.tools-panel.collapsed{transform:translate(-50%) translateY(-100%);top:-200px}.info-panel{right:50%;transform:translate(50%);top:auto;bottom:max(80px,calc(env(safe-area-inset-bottom) + 80px))}.info-panel.collapsed{transform:translate(50%) translateY(100%);bottom:-200px}.panel-toggle{display:flex;min-width:44px;min-height:44px}.tools-panel .panel-toggle,.info-panel .panel-toggle{width:20px;height:44px;font-size:.8rem}.isometric-grid{transform:translate(-50%,-30%) scale(.6)}.grid-container{width:700px;height:450px}.game-instructions{font-size:.65rem;padding:6px 10px;bottom:max(5px,calc(env(safe-area-inset-bottom) + 5px))}.notification{font-size:.75rem;padding:6px 12px;bottom:max(60px,calc(env(safe-area-inset-bottom) + 60px))}}.tools-panel,.info-panel{transition:transform .3s ease-in-out}.tools-panel.collapsed .tools-grid,.tools-panel.collapsed h3,.tools-panel.collapsed .demolish-btn,.info-panel.collapsed .info-stats,.info-panel.collapsed h3,.info-panel.collapsed h4,.info-panel.collapsed .achievements-list{opacity:0;pointer-events:none}.tools-panel h3,.info-panel h3,.tools-grid,.demolish-btn,.info-stats,.achievements-list{transition:opacity .2s ease-in-out}.tools-grid::-webkit-scrollbar,.achievements-list::-webkit-scrollbar{width:5px}.tools-grid::-webkit-scrollbar-track,.achievements-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.tools-grid::-webkit-scrollbar-thumb,.achievements-list::-webkit-scrollbar-thumb{background:#e9456080;border-radius:3px}.tools-grid::-webkit-scrollbar-thumb:hover,.achievements-list::-webkit-scrollbar-thumb:hover{background:#e94560b3}.isometric-city:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 100px 200px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 300px 400px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 500px 150px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 700px 350px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 200px 500px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 600px 250px,rgba(255,215,0,.3),transparent),radial-gradient(1px 1px at 400px 450px,rgba(255,165,0,.2),transparent);animation:particleFloat 25s linear infinite;pointer-events:none;z-index:1;filter:blur(.5px)}@keyframes particleFloat{0%{transform:translateY(0) translate(0);opacity:.8}50%{opacity:1}to{transform:translateY(-120px) translate(30px);opacity:.6}}.building-level-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,gold,#ff8c00);color:#000;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:8px;box-shadow:0 2px 8px #ffd70099;z-index:10;border:1px solid rgba(255,255,255,.3);animation:levelPulse 2s ease-in-out infinite}@keyframes levelPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.upgrade-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upgrade-menu{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #00f5ff;border-radius:20px;padding:30px;max-width:400px;width:90%;box-shadow:0 10px 40px #00f5ff4d;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-upgrade-btn{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-upgrade-btn:hover{background:#ff00004d;transform:rotate(90deg)}.upgrade-menu h3{color:#00f5ff;margin-bottom:20px;text-align:center;font-size:1.5rem;text-shadow:0 0 10px rgba(0,245,255,.5)}.upgrade-info{display:flex;flex-direction:column;align-items:center;gap:20px}.building-preview-upgrade{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#00f5ff1a;border-radius:15px;border:2px solid #00f5ff}.level-badge{position:absolute;bottom:-10px;background:linear-gradient(135deg,gold,#ff8c00);color:#000;padding:5px 12px;border-radius:15px;font-weight:700;font-size:.9rem;box-shadow:0 2px 10px #ffd70099}.upgrade-stats{text-align:center;color:#fff;width:100%}.upgrade-stats p{margin:10px 0;font-size:1rem}.upgrade-stats strong{color:#00f5ff;font-size:1.2rem}.upgrade-benefit{color:#4ade80!important;font-weight:600}.max-level{color:gold!important;font-size:1.1rem!important;font-weight:700!important}.upgrade-btn{margin-top:15px;padding:12px 30px;background:linear-gradient(135deg,#00f5ff,#00a8cc);border:none;border-radius:10px;color:#000;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #00f5ff66}.upgrade-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00f5ff99}.upgrade-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#666,#444)}.iso-tile.empty:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#00f5ff4d;opacity:0;transition:opacity .2s}.iso-tile.empty:hover:after{opacity:1}.road-warning{position:absolute;background:#ff0000e6;color:#fff;padding:5px 10px;border-radius:8px;font-size:.75rem;font-weight:600;white-space:nowrap;transform:translate(-50%);box-shadow:0 2px 10px #ff000080;animation:warningPulse 1s ease-in-out infinite;pointer-events:none}@keyframes warningPulse{0%,to{opacity:.9;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.05)}}.building-preview.no-road-access{filter:grayscale(.5) brightness(.7);border-color:red!important}.save-btn{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s}.save-btn:hover{background:#fff3;transform:scale(1.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:contain;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{width:100%;min-height:100vh}