*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#000;overflow:hidden;touch-action:none}.app{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:#000}.game-screen{width:480px;height:640px;position:relative;overflow:hidden;flex-shrink:0}.game-root{width:480px;height:760px;display:flex;flex-direction:column}.game-screen-inner{width:100%;height:640px;position:relative;background:linear-gradient(180deg,#0d1b2a,#1b2838 70%,#1a3a1a);overflow:hidden;flex-shrink:0}.hud{position:absolute;top:0;left:0;width:100%;height:40px;background:#0009;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-sizing:border-box;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;color:#f5c518;letter-spacing:1px;z-index:10}.hud__lives{display:flex;gap:4px;font-size:16px}.ground{position:absolute;bottom:0;left:0;width:100%;height:20px;background:#4a7c4a;border-top:2px solid #6abf6a}.player{position:absolute;width:30px;height:50px;background:#e8c84a;border:2px solid #b89a20;border-radius:4px 4px 0 0;bottom:20px}.player:before{content:"";position:absolute;width:18px;height:18px;background:#f5dca0;border-radius:50%;top:4px;left:50%;transform:translate(-50%)}.platform{position:absolute;height:12px;background:#5a6a3a;border-top:2px solid #8abf5a;z-index:3}.bubble{position:absolute;border-radius:50%;border:3px solid rgba(255,255,255,.5);box-sizing:border-box;z-index:4}.bubble--large{background:radial-gradient(circle at 35% 35%,#8bf,#25c)}.bubble--medium{background:radial-gradient(circle at 35% 35%,#8fc,#2a6)}.bubble--small{background:radial-gradient(circle at 35% 35%,#fc8,#c72)}.bubble--tiny{background:radial-gradient(circle at 35% 35%,#f88,#c22)}.harpoon{position:absolute;width:4px;background:#fff;z-index:5}.harpoon--fixed:before{content:"";position:absolute;top:0;left:-8px;width:20px;height:3px;background:#fff}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000a6;z-index:20;gap:16px}.overlay__title{font-family:Courier New,Courier,monospace;font-size:36px;font-weight:900;letter-spacing:4px}.overlay__hint{font-family:Courier New,Courier,monospace;font-size:14px;letter-spacing:2px;opacity:.7}.overlay--clear .overlay__title{color:#f5c518}.overlay--gameover .overlay__title{color:#f44}.overlay--gameover .overlay__hint{color:#fff}.item{position:absolute;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;border:2px solid rgba(255,255,255,.7);z-index:6;animation:item-float .6s ease-in-out infinite alternate}@keyframes item-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.item--doubleWire{background:#25c;color:#8bf}.item--clock{background:#880;color:#ff4}.item--dynamite{background:#a20;color:#f86}.item--shield{background:#068;color:#4cf}.item--oneUp{background:#282;color:#8f8}.esc-hint{position:absolute;bottom:28px;right:12px;font-family:Courier New,Courier,monospace;font-size:10px;color:#ffffff4d;letter-spacing:1px;cursor:pointer;z-index:31}.mobile-controls{width:100%;height:120px;background:#080f1a;border-top:2px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;padding:0 32px;flex-shrink:0}.ctrl-directions{display:flex;gap:20px}.ctrl-btn{width:76px;height:76px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);color:#fff;font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none}.ctrl-btn:active{background:#ffffff40;border-color:#fff9}.ctrl-btn--fire{background:#f5c5181f;border-color:#f5c51873;color:#f5c518;font-family:Courier New,Courier,monospace;font-size:12px;font-weight:700;letter-spacing:1px}.ctrl-btn--fire:active{background:#f5c51859;border-color:#f5c518cc}.main-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#1a1a2e;color:#fff;font-family:Courier New,Courier,monospace}.main-screen__logo{font-size:72px;font-weight:900;letter-spacing:12px;color:#f5c518;text-shadow:0 0 10px #f5c518,0 0 30px #f5a500,4px 4px 0 #a07800;margin-bottom:60px}.main-screen__buttons{display:flex;flex-direction:column;gap:16px;width:280px}.menu-button{width:100%;padding:14px 0;font-size:16px;font-weight:700;font-family:Courier New,Courier,monospace;letter-spacing:2px;color:#f5c518;background:transparent;border:2px solid #f5c518;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center;gap:8px}.menu-button__cursor{width:16px;display:inline-block;text-align:center}.menu-button:hover,.menu-button--selected{background:#f5c518;color:#1a1a2e}.main-screen__score{margin-top:56px;text-align:center;font-size:13px;letter-spacing:2px;color:#aaa;line-height:1.8}.main-screen__score span{display:block;font-size:22px;color:#f5c518;margin-top:4px}