.fire-page{height:100vh;overflow:hidden;background:#070b19;user-select:none}.night-sky{position:fixed;inset:0;background:linear-gradient(#060718,#171334 50%,#3a172a);overflow:hidden}.moon{position:absolute;right:10%;top:13%;width:75px;height:75px;border-radius:50%;background:#fff8cb;box-shadow:0 0 50px #fff8cb88}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:43px 39px;opacity:.4}.game-hud{position:fixed;z-index:20;top:0;left:0;right:0;min-height:70px;padding:8px 65px 8px 12px;display:flex;align-items:center;justify-content:space-around;gap:12px;background:linear-gradient(#050611ee,#0c0e23dd);border-bottom:1px solid #f7a92855;box-shadow:0 5px 30px #000}.game-hud .sound-toggle{position:fixed}.hud-stat{text-align:center;min-width:65px}.hud-stat small{display:block;color:#9096b3;font:700 9px system-ui;letter-spacing:.18em}.hud-stat b{font-size:25px;color:var(--gold)}.hud-title{font-size:24px;letter-spacing:.08em}.lives{color:#ff3455;font:22px system-ui;letter-spacing:3px;text-shadow:0 0 10px #f24}.city{position:fixed;inset:70px 0 0;overflow:hidden}.city-haze{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#ff62431a)}.buildings{position:absolute;left:50%;bottom:13vh;transform:translateX(-50%);width:min(980px,94vw);height:min(67vh,650px);display:flex;align-items:flex-end;gap:3.5vw}.building{position:relative;flex:1;height:90%;padding:38px 5% 25px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);gap:2.3%;background:linear-gradient(90deg,#12152b,#252440 48%,#101328);border:3px solid #080916;box-shadow:0 0 0 1px #44425b,8px 0 22px #000}.building:nth-child(2){height:100%}.building:nth-child(3){height:84%}.building:before{content:attr(data-name);position:absolute;top:10px;left:0;right:0;text-align:center;color:#777a99;font-size:11px;letter-spacing:.3em}.building:after{content:"";position:absolute;top:-12px;left:20%;width:60%;height:12px;background:#16182e}.window{position:relative;border:4px solid #0b0d19;background:linear-gradient(135deg,#293143,#131928);cursor:pointer;overflow:visible;box-shadow:inset 0 0 8px #000;transition:.2s}.window:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#0d101c}.window:hover{filter:brightness(1.45)}.window.lit{background:#d89e42;box-shadow:0 0 7px #ffcb61}.window.burning{background:#ffb213;box-shadow:0 0 28px #ff351b}.flame{position:absolute;z-index:4;left:8%;right:8%;bottom:-5%;height:105%;filter:drop-shadow(0 0 7px red);background:linear-gradient(0deg,#ff2d0b 10%,#ff9c0b 55%,#fff17a);clip-path:polygon(0 100%,8% 45%,20% 68%,32% 8%,45% 58%,64% 0,70% 58%,89% 24%,83% 74%,100% 49%,94% 100%);animation:flame .18s ease-in-out infinite alternate}.smoke{position:absolute;z-index:3;left:25%;top:-25%;width:48%;aspect-ratio:1;border-radius:50%;background:#73727d;filter:blur(5px);opacity:.7;animation:smoke 1.3s ease-out infinite}.street{position:absolute;left:0;right:0;bottom:0;height:14vh;min-height:80px;background:linear-gradient(#272932 4%,#11131a 5% 70%,#20222b 72%);border-top:4px solid #4c4d52}.street:after{content:"";position:absolute;top:55%;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,#f1c84c 0 70px,transparent 70px 115px)}.firetruck{position:absolute;z-index:3;left:11%;bottom:16%;width:180px;height:62px;transition:.2s}.truck-top{position:absolute;left:52px;top:-25px;width:93px;height:27px;background:#e52e29;border-radius:20px 8px 0 0;font-size:10px;padding:8px;text-align:center}.truck-body{height:55px;background:linear-gradient(#fa4939,#a71219);border:3px solid #620b10;border-radius:8px 12px 4px 4px;display:flex;align-items:center;gap:20px;padding:5px 15px}.truck-body span{font:31px system-ui}.truck-body b{font-size:14px}.firetruck i{position:absolute;bottom:-10px;width:28px;height:28px;border:7px solid #292a31;border-radius:50%;background:#aaa}.firetruck i:nth-of-type(1){left:25px}.firetruck i:nth-of-type(2){right:25px}.firefighter{position:absolute;z-index:4;left:31%;bottom:12%;filter:drop-shadow(0 3px 4px #000)}.fighter-head{width:40px;height:38px;border-radius:50%;background:#d69c70;border-top:13px solid #e9be23;text-align:center;font-size:16px}.fighter-body{width:50px;height:58px;background:#d7b029;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);font-size:10px;color:#171717;padding-top:25px;text-align:center}.hydrant{position:absolute;right:8%;bottom:13%;height:49px;width:28px;background:#d92d29;border-radius:6px 6px 0 0}.water-layer{position:absolute;z-index:10;inset:0;width:100%;height:100%;pointer-events:none}.water-layer line{stroke:#73e9ff;stroke-width:9;stroke-linecap:round;stroke-dasharray:14 8;filter:drop-shadow(0 0 6px #35dfff);opacity:0}.water-layer line.spraying{opacity:.9;animation:water .15s linear infinite}.message{position:fixed;z-index:15;left:50%;top:88px;transform:translateX(-50%);padding:8px 20px;background:#070816bb;border:1px solid #ffffff22;font:700 11px system-ui;letter-spacing:.15em;text-transform:uppercase;pointer-events:none}.float-score{position:fixed;z-index:30;color:#fff36a;font-size:28px;text-shadow:0 2px 3px #000;pointer-events:none;animation:float 1s forwards}@keyframes flame{to{transform:scaleX(.9) scaleY(1.08);filter:drop-shadow(0 0 13px red)}}@keyframes smoke{to{transform:translate(15px,-65px) scale(2);opacity:0}}@keyframes water{to{stroke-dashoffset:-22}}@keyframes float{to{transform:translateY(-80px) scale(1.25);opacity:0}}@media(max-width:700px){.game-hud{min-height:93px;flex-wrap:wrap;padding:6px 52px 6px 6px;gap:3px}.game-hud .back-button{font-size:9px;padding:7px}.hud-title{order:-1;width:100%;text-align:center;font-size:16px}.hud-stat{min-width:42px}.hud-stat small{font-size:7px}.hud-stat b{font-size:18px}.lives{font-size:15px}.city{inset:93px 0 0}.buildings{gap:1.5vw;height:62vh;bottom:15vh}.building{padding:30px 3px 12px;border-width:2px}.window{border-width:2px}.building:before{font-size:7px}.firetruck{left:4%;width:120px;transform:scale(.8);transform-origin:left bottom}.firefighter{left:42%;transform:scale(.75);transform-origin:bottom}.message{top:102px}.moon{width:45px;height:45px}.modal-card{padding:25px}}