@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--mario-red: #e52521;--mario-blue: #002fbe;--mario-yellow: #f59e0b;--mario-green: #43a047;--sky-blue: #5c94fc;--nes-brick: #c84c0c}body{margin:0;background-color:#000;color:#fff;font-family:"Press Start 2P",monospace;image-rendering:pixelated;-webkit-user-select:none;user-select:none;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#000;box-sizing:border-box;overflow:hidden;position:relative}.mario-hud{background-color:#000;border-bottom:6px double #fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;z-index:20}.hud-col{display:flex;flex-direction:column;align-items:center;gap:6px}.hud-label{font-size:10px;color:#aaa;letter-spacing:1px}.hud-value{font-size:14px;color:#fff;font-weight:700}.actions-col{flex-direction:row;gap:12px}.hud-icon-btn{background-color:#222;border:2px solid #fff;color:#fff;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.hud-icon-btn:hover{background-color:#444}.skill-status-container{position:absolute;top:90px;left:24px;display:flex;flex-direction:column;gap:8px;z-index:25}.skill-bar-wrapper{background-color:#000c;border:2px solid #fff;padding:8px 12px;border-radius:6px;display:flex;flex-direction:column;gap:6px}.skill-bar-label{font-size:8px;color:#fff}.skill-bar-bg{width:140px;height:10px;background-color:#333;border:1px solid #fff}.skill-bar-fill{height:100%;width:0%;transition:width .1s linear}.skill-bar-fill.fly{background-color:#60a5fa}.skill-bar-fill.star{background-color:var(--mario-yellow);animation:rainbowGlow .2s infinite}@keyframes rainbowGlow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.game-viewport{flex:1;position:relative;overflow:hidden}.sky-world-bg{width:100%;height:100%;position:relative;transition:background-color .5s ease}.sky-world-bg.sky-world-bg{background-color:var(--sky-blue)}.sky-world-bg.underground-bg{background-color:#112}.sky-world-bg.underground-bg .clouds-layer{display:none}.sky-world-bg.underground-bg .hills-layer{opacity:.1;filter:grayscale(100%)}.sky-world-bg.sunset-bg{background-color:#e65c00;background-image:linear-gradient(to bottom,#e65c00,#f9d423)}.sky-world-bg.castle-bg{background-color:#3a0007;background-image:linear-gradient(to bottom,#1a0003,#4a000c)}.sky-world-bg.castle-bg .clouds-layer{opacity:.15;filter:invert(1) hue-rotate(180deg)}.clouds-layer{position:absolute;top:8%;left:0;width:200%;height:40px;background-image:radial-gradient(circle,#fff 15px,transparent 16px);background-size:120px 40px;opacity:.6;animation:cloudMove 80s linear infinite}@keyframes cloudMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.hills-layer{position:absolute;bottom:40px;left:0;width:100%;height:60px;background-image:linear-gradient(135deg,#5ca03c 25%,transparent 25%),linear-gradient(225deg,#5ca03c 25%,transparent 25%);background-size:80px 80px;opacity:.4}.pipe-hint-banner{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:var(--mario-red);border:3px solid #fff;padding:8px 16px;font-size:10px;color:#fff;z-index:15;animation:flash .8s infinite;box-shadow:0 4px #000}@keyframes flash{0%,to{opacity:1}50%{opacity:.6}}.keyboard-legend{position:absolute;bottom:50px;left:20px;background-color:#0009;padding:6px 12px;border-radius:4px;font-size:7px;color:#ccc;z-index:10;pointer-events:none}.scrollable-map{position:absolute;top:0;left:0;width:9000px;height:100%}.ground-floor{position:absolute;bottom:0;left:0;width:100%;height:40px;background-color:var(--nes-brick);background-image:repeating-linear-gradient(45deg,#9c3000,#9c3000 8px,var(--nes-brick) 8px,var(--nes-brick) 16px);border-top:4px solid #000}.map-element{position:absolute;display:flex;align-items:center;justify-content:center;z-index:5}.nes-brick-block{width:100%;height:100%;background-color:var(--nes-brick);border:2px solid #000;box-shadow:inset -3px -3px #802000,inset 3px 3px #ff7c44}.nes-question-block{width:100%;height:100%;background-color:#fcb444;border:2px solid #000;box-shadow:inset -3px -3px #b87800,inset 3px 3px #fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#000;animation:questionBlink .6s infinite alternate}.nes-empty-block{width:100%;height:100%;background-color:#8c5230;border:2px solid #000;box-shadow:inset -3px -3px #5c3010,inset 3px 3px #a87050;position:relative}.nes-empty-block:after{content:"";position:absolute;width:4px;height:4px;background-color:#000;top:4px;left:4px;box-shadow:16px 0 #000,0 16px #000,16px 16px #000}@keyframes questionBlink{0%{background-color:#fcb444}to{background-color:#ffd075}}.green-pipe-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.pipe-head{width:48px;height:18px;background-color:var(--mario-green);border:2px solid #000;box-shadow:inset -6px 0 #1b5e20,inset 3px 0 #a5d6a7}.pipe-body{width:40px;height:46px;background-color:var(--mario-green);border:2px solid #000;border-top:none;box-shadow:inset -6px 0 #1b5e20,inset 3px 0 #a5d6a7}.pipe-glow-indicator{position:absolute;top:-4px;width:48px;height:4px;background-color:var(--mario-yellow);animation:breathe 1.2s infinite alternate}@keyframes breathe{0%{opacity:.2}to{opacity:.8}}.nes-flagpole-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.flag-banner{position:absolute;left:-24px;top:15px;font-size:20px}.pole-line{width:6px;height:240px;background-color:#fff;border:2px solid #000}.coin-particle{position:absolute;font-size:20px;z-index:12;animation:coinSpin .5s ease-out forwards}@keyframes coinSpin{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.2) translateY(-40px)}to{transform:scale(.8) translateY(-20px);opacity:0}}.live-item-entity{position:absolute;font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;z-index:8;animation:bounceItem .5s infinite alternate}@keyframes bounceItem{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.fireball-entity{position:absolute;font-size:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;z-index:9;animation:spinFire .2s infinite linear}.fireball-entity.enemy{filter:hue-rotate(120deg)}@keyframes spinFire{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.monster-entity{position:absolute;width:32px;height:32px;z-index:6}.goomba-pixel{width:100%;height:100%;background-color:sienna;clip-path:polygon(25% 0%,75% 0%,100% 40%,100% 80%,80% 100%,20% 100%,0% 80%,0% 40%);border:2px solid #000;position:relative}.goomba-pixel:before{content:"";position:absolute;top:30%;left:20%;width:60%;height:30%;background-color:#fff;clip-path:polygon(0% 0%,100% 0%,80% 100%,20% 100%)}.koopa-pixel{width:100%;height:100%;border-radius:50% 50% 0 0;border:2px solid #000;position:relative}.koopa-pixel.green{background-color:var(--mario-green)}.koopa-pixel.red{background-color:var(--mario-red)}.koopa-pixel:before{content:"🐢";font-size:20px;position:absolute;top:-4px;left:2px}.mario-character-pixel{position:absolute;width:32px;height:42px;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform .05s ease;--mario-primary: var(--mario-red);--mario-secondary: var(--mario-blue);--mario-yellow: #f59e0b}.mario-svg{width:100%;height:100%}.mario-character-pixel.normal{width:28px;height:36px}.mario-character-pixel.super{width:34px;height:46px}.mario-character-pixel.fire{width:34px;height:46px;--mario-primary: #ffffff;--mario-secondary: var(--mario-red)}.mario-character-pixel.cape{width:34px;height:46px}.cape-visual-wing{position:absolute;left:-10px;top:12px;width:16px;height:24px;background-color:var(--mario-yellow);border:2px solid #000;border-radius:50% 0 0 50%;transform-origin:right center;animation:flap .15s infinite alternate}@keyframes flap{0%{transform:rotateY(0)}to{transform:rotateY(60deg)}}.mario-character-pixel.star{animation:starRainbow .15s infinite}@keyframes starRainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.mario-character-pixel.face-left{transform:scaleX(-1)}.mario-character-pixel.jumping .mario-svg{transform:translateY(-4px)}.mario-character-pixel.ducking{transform:scaleY(.6)}.pipe-room-bg{width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.pipe-room-title{font-size:16px;color:var(--mario-yellow)}.pipe-room-timer{font-size:10px;color:#ef4444;margin-top:12px}.pipe-room-mario-container{font-size:42px;margin-top:20px}.dancing{animation:dance .4s infinite alternate}@keyframes dance{0%{transform:translateY(0) rotate(-12deg)}to{transform:translateY(-10px) rotate(12deg)}}.falling-coins{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.falling-coin{position:absolute;font-size:20px;animation:fall 1.4s infinite linear}@keyframes fall{0%{top:-10%;opacity:1}to{top:100%;opacity:0}}