.tank-game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#333;font-family:"Press Start 2P",monospace,sans-serif;color:var(--color-white);padding:var(--space-5)}.tank-game-header{margin-bottom:var(--space-5);text-align:center}.tank-title{font-size:2rem;color:#e5ad04;text-shadow:2px 2px #885602;margin-bottom:10px;letter-spacing:2px}.game-area{position:relative;border:4px solid #666;box-shadow:0 0 var(--space-5) #00000080;background-color:var(--color-black)}canvas{display:block;image-rendering:pixelated}.game-ui{margin-top:var(--space-5);display:flex;gap:var(--space-5);align-items:center}.game-btn{padding:10px var(--space-5);font-size:1rem;background:#e5ad04;border:none;cursor:pointer;font-family:inherit;color:var(--color-black);font-weight:700;border-bottom:4px solid #b38600}.game-btn:active{transform:translateY(2px);border-bottom:2px solid #b38600}.game-info{font-size:1.2rem}.controls-tip{margin-top:var(--space-5);color:#888;font-size:.8rem;text-align:center;line-height:1.5}.mobile-controls{display:none;margin-top:var(--space-5);user-select:none;-webkit-user-select:none;touch-action:none;width:100%;justify-content:space-around;padding-bottom:var(--space-5)}@media (max-width: 768px){.tank-game-container{padding:10px;justify-content:flex-start}canvas{max-width:100%;height:auto!important}.mobile-controls{display:flex;flex-direction:row;align-items:center;gap:var(--space-5)}.d-pad{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:5px}.d-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:var(--space-3);color:var(--color-white);font-size:1.5rem;display:flex;align-items:center;justify-content:center;touch-action:none}.d-btn:active,.d-btn.active{background:#e5ad0499;border-color:#e5ad04}.d-up{grid-column:2;grid-row:1}.d-left{grid-column:1;grid-row:2}.d-right{grid-column:3;grid-row:2}.d-down{grid-column:2;grid-row:3}.action-btn{width:90px;height:90px;border-radius:var(--radius-full);background:#e54d42cc;border:4px solid #9e2a22;color:var(--color-white);font-weight:700;font-size:1.2rem;box-shadow:0 4px #5e1a15;touch-action:none}.action-btn:active,.action-btn.active{background:#e54d42;box-shadow:0 2px #5e1a15;transform:translateY(2px)}}