.home{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#2a0810,#000 70%)}.home-inner{text-align:center}.home-title{font-size:64px;margin:0;color:#ff6b1a;text-shadow:0 0 30px rgba(255,68,0,.8),0 4px 0 #000;letter-spacing:4px}.home-sub{color:#ccc;font-size:16px;margin:12px 0 40px;letter-spacing:2px}.home-buttons{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.home-buttons button{font-size:22px;padding:16px 36px;letter-spacing:3px}.home-hint{color:#666;font-size:12px;margin-top:40px;letter-spacing:1px}.vip-tag{background:linear-gradient(180deg,#fff3c0,#ffe066);color:#000;padding:1px 6px;font-size:14px;border-radius:3px;margin-left:6px;letter-spacing:2px;border:1px solid #fff;text-shadow:none}.game{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#000}.game-inner{display:flex;align-items:center;gap:20px}.shop-col{position:relative;display:flex;flex-direction:column;gap:10px;min-width:96px;justify-content:flex-end;align-self:flex-end;padding-bottom:30px}.canvas-wrap{position:relative;width:400px;height:600px}.canvas-wrap canvas{display:block;background:#000;border:2px solid #ff4400;box-shadow:0 0 20px #ff440080,0 0 60px #ff440026}.game.vip .canvas-wrap canvas{border:3px solid #ffcc33;box-shadow:0 0 24px #fc39,0 0 72px #fc33}.hud{position:absolute;font-weight:700;pointer-events:none;z-index:2}.hud.score{top:10px;left:10px;font-size:16px;text-shadow:0 0 8px rgba(255,255,255,.5)}.game.vip .hud.score{color:#ffe680;text-shadow:0 0 8px rgba(255,204,51,.6)}.hud.level{top:34px;left:10px;color:#fa3;font-size:13px;text-shadow:0 0 6px rgba(255,170,50,.5)}.hud.lives{top:58px;left:10px;color:red}.hud.hiScore{top:10px;left:50%;transform:translate(-50%);color:gold;font-size:14px;text-shadow:0 0 8px rgba(255,215,0,.6)}.hud.coins{top:42px;right:10px;color:#4d4;font-size:15px;text-shadow:0 0 8px rgba(68,221,68,.5)}.game.vip .hud.coins{color:#fc3;text-shadow:0 0 8px rgba(255,204,51,.6)}.hud.combo{top:34px;left:50%;transform:translate(-50%);color:#f63;font-size:12px;text-shadow:0 0 6px rgba(255,100,50,.5)}.hud.vip-badge{top:72px;left:50%;transform:translate(-50%);color:#000;background:linear-gradient(180deg,#ffe066,#fc3,#c90);border:1px solid #ffe680;border-radius:3px;padding:1px 6px;font-size:10px;letter-spacing:2px;box-shadow:0 0 8px #fc39}.hud.heartBar{top:88px;left:10px;width:120px;height:8px;background:#222;border:1px solid #444;border-radius:4px;overflow:hidden;pointer-events:none}.game.vip .hud.heartBar{border-color:#fc3}.heartFill{height:100%;background:linear-gradient(90deg,#ff2d55,#ff6680);border-radius:4px;transition:width .15s}.hud.shield{top:108px;left:10px;color:#3af;font-size:13px;text-shadow:0 0 8px rgba(50,170,255,.6)}.top-buttons{position:absolute;top:10px;right:10px;display:flex;gap:6px;z-index:3}button.sm{font-size:12px;padding:5px 12px;letter-spacing:1px;margin:0}.instructions{position:absolute;bottom:6px;width:100%;color:#666;font-size:11px;text-align:center;pointer-events:none;z-index:1}.item-shop{background:#000000bf;border:2px solid #555;border-radius:8px;padding:6px 8px;width:90px}.game.vip .item-shop{border-color:#fc3;box-shadow:0 0 10px #ffcc334d}.shop-title{font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;text-align:center}.game.vip .shop-title{color:#fc3}.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.item-btn{width:18px;height:18px;border:2px solid #444;border-radius:3px;cursor:pointer;position:relative}.item-btn:hover{filter:brightness(1.3);border-color:#fff}.item-btn.equipped{border-color:#fc3;box-shadow:0 0 6px #ffcc3299}.item-btn.locked{opacity:.4}.item-btn.locked:after{content:"$";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:#fff;text-shadow:1px 1px 0 #000}.item-btn.char-btn{width:22px;height:22px;background:#1e1e1ed9;font-size:14px;line-height:18px;text-align:center}.shop-tooltip{background:#000000d9;border:1px solid #666;border-radius:4px;padding:4px 8px;font-size:11px;color:#ccc;white-space:nowrap;align-self:center}.game.vip .shop-tooltip{border-color:#fc3;color:#ffe680}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10;padding:20px;text-align:center}.overlay h1{font-size:36px;margin:0 0 12px;text-shadow:0 0 20px rgba(255,68,0,.8),0 2px 0 #000}.game.vip .overlay h1{color:#ffe680;text-shadow:0 0 20px rgba(255,204,51,.9),0 2px 0 #000}.overlay-sub{color:#ffe680;font-size:13px;margin:0 0 10px}.overlay p{color:#ccc;font-size:14px;margin:4px 0}.overlay button{font-size:18px;padding:14px 28px;letter-spacing:3px;margin-top:14px}.overlay .vip-tag{background:linear-gradient(180deg,#ffe066,#fc3,#c90);color:#000;padding:2px 10px;font-size:22px;letter-spacing:4px;margin-left:8px;text-shadow:none;border:2px solid #ffe680;border-radius:6px;box-shadow:0 0 16px #ffcc33b3}.overlay .cheer{color:#fc3;font-size:18px;margin:4px 0}.overlay .final-score{white-space:pre-line;color:#eee;font-size:15px;margin:6px 0}.overlay .price{font-size:48px;color:#fc3;text-shadow:0 0 20px rgba(255,204,51,.8),0 2px 0 #000;margin:10px 0;font-weight:700}.overlay .fine-print{color:#555;font-size:10px;margin-top:16px;max-width:280px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.wrong-msg{color:#f66;font-size:13px;min-height:18px;margin-top:6px}.customize-overlay{padding:16px;gap:2px;overflow-y:auto}.customize-overlay h1{font-size:26px;margin:0 0 4px}.customize-shop{margin-top:10px;width:240px;text-align:center}.customize-shop .item-grid{grid-template-columns:repeat(6,1fr);gap:6px;padding:4px 0}.customize-shop .item-btn{width:28px;height:28px}.customize-shop .item-btn.char-btn{width:30px;height:30px;font-size:18px;line-height:22px}.shop-tooltip-slot{min-height:14px;font-size:11px;color:#ccc;margin-top:2px}.game.vip .shop-tooltip-slot{color:#ffe680}.customize-overlay .btn-row{margin-top:14px}.customize-overlay button{font-size:16px;padding:10px 22px;letter-spacing:2px;margin-top:0}.options-btn{margin-top:10px!important;font-size:14px!important;padding:8px 18px!important;letter-spacing:2px!important}#passwordInput,#nameInput{font-family:Courier New,monospace;font-size:20px;padding:10px 14px;margin-top:12px;background:#111;color:#ffe680;border:2px solid #ffcc33;border-radius:4px;text-align:center;letter-spacing:4px;outline:none;text-transform:uppercase}@media (max-width: 700px){.game-inner{flex-direction:column;gap:8px}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Courier New,monospace;text-align:center}button{font-family:Courier New,monospace;font-weight:700;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 #000;padding:10px 22px;cursor:pointer;background:linear-gradient(180deg,#ff6b1a,#c41e00,#7a1200);border:3px solid #ffd27a;border-radius:6px;box-shadow:0 4px #4a0a00,0 6px 12px #0009,inset 0 2px #fff6,inset 0 -4px #0000004d;transition:transform .05s,box-shadow .05s,filter .1s}button:hover{filter:brightness(1.15);border-color:#fff3c0}button:active{transform:translateY(4px);box-shadow:0 0 #4a0a00,0 2px 6px #0009,inset 0 2px #fff3,inset 0 -2px #0000004d}button.ghost{background:linear-gradient(180deg,#333,#111);color:#ccc;border-color:#555;box-shadow:0 4px #000,0 6px 12px #0009,inset 0 2px #ffffff1a,inset 0 -4px #0000004d}button.gold{color:#000;text-shadow:none;background:linear-gradient(180deg,#ffe066,#fc3,#c90);border-color:#ffe680;box-shadow:0 4px #664d00,0 6px 12px #0009,inset 0 2px #fff6,inset 0 -4px #00000040}a{color:inherit;text-decoration:none}