*{margin:0;padding:0;box-sizing:border-box}body{background:#1a0c04;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;font-family:Georgia,Times New Roman,serif;padding:24px}#gameContainer{position:relative;border:3px solid #7a4a1a;border-radius:4px;box-shadow:0 0 40px #b4641480;width:720px;height:480px;max-width:100%;max-height:100%}canvas{display:block;cursor:crosshair;width:100%;height:100%;touch-action:none}#ui{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(to top,rgba(20,8,0,.8),transparent);pointer-events:none;z-index:10}#ui>div{pointer-events:auto}.ui-label{color:gold;font-size:16px;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.5)}.power-btn{background:linear-gradient(145deg,#5a3010,#301808);color:#e8c070;border:2px solid #8b5a20;padding:6px 14px;margin:0 3px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;font-family:Georgia,serif;transition:all .2s}.power-btn:hover{background:linear-gradient(145deg,#7a4820,#4a2810)}.power-btn.active{background:linear-gradient(145deg,gold,#c90);color:#1a1a2e;border-color:#ffed4a;box-shadow:0 0 12px #ffd70080}#startScreen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0600eb;z-index:100;color:#fff}#startScreen h1{font-size:52px;font-family:Georgia,serif;color:gold;text-shadow:0 0 30px rgba(255,180,0,.7),2px 2px 4px rgba(0,0,0,.8);margin-bottom:20px;letter-spacing:2px}#startScreen p{color:#d4a060;font-size:16px;margin-bottom:8px;max-width:500px;text-align:center}#startBtn{margin-top:30px;padding:14px 50px;font-size:22px;font-weight:700;font-family:Georgia,serif;letter-spacing:3px;background:linear-gradient(145deg,gold,#c80);color:#1a0800;border:3px solid #ffed4a;border-radius:4px;cursor:pointer;box-shadow:0 0 20px #ffb40080;transition:transform .15s}#startBtn:hover{transform:scale(1.05)}@media(max-width:820px){body{padding:8px}#ui{height:auto;min-height:60px;padding:8px 10px;gap:8px;flex-wrap:wrap;justify-content:center}.ui-label{font-size:14px}.power-btn{padding:6px 10px;font-size:13px;min-width:44px;min-height:36px}#startScreen{padding:24px 16px}#startScreen h1{font-size:34px;margin-bottom:14px}#startScreen p{font-size:14px;margin-bottom:6px}#startBtn{margin-top:18px;padding:12px 24px;font-size:18px}}