#game-canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}#action-bar{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem;z-index:20;background:#0f0c05e6;padding:.5rem;border-radius:10px;border:1px solid rgba(139,119,73,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:center}.action-btn{padding:.5rem .8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;font-family:var(--font-modern);font-size:.8rem;font-weight:600;transition:all .2s}.action-btn:hover{background:#4caf5033;border-color:#4caf5080}.attack-btn{background:#d32f2f4d!important;border-color:#d32f2f80!important;color:#ef5350!important}.attack-btn:hover{background:#d32f2f80!important}#action-bar{width:min(900px,calc(100% - 24px));padding:12px;box-shadow:0 12px 36px #0006}#battle-status{width:100%;text-align:center;font-size:11px;letter-spacing:.06em;color:#dddfcc;padding:0 0 7px}.action-btn{min-height:44px;flex:1 1 auto}.action-btn:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3)}.action-btn:focus-visible{outline:3px solid #ffd087;outline-offset:3px}#battle-hud{position:fixed;top:90px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none;z-index:10}.castle-health{display:grid;gap:5px;padding:10px 14px;border-radius:8px;background:#101b27d9;border:1px solid #76cfff66;font-size:10px;letter-spacing:.08em;color:#c0e9ff}.castle-health strong{font-size:17px;letter-spacing:0;color:#fff}.castle-health.enemy{border-color:#ff9b8566;background:#321c20d9;color:#ffd0c3;text-align:right}body:has(:is(.overlay-screen,.pause-overlay,.settings-panel).active) :is(#action-bar,#battle-hud){visibility:hidden;pointer-events:none}@media(max-width:600px){#battle-hud{top:110px;left:12px;right:12px}#action-bar{bottom:max(8px,env(safe-area-inset-bottom));gap:6px;padding:8px}#battle-status{font-size:9px;line-height:1.6}.action-btn{flex-basis:44%;font-size:11px;padding:8px}#btn-attack{flex-basis:100%}.castle-health{padding:7px 9px;font-size:8px}}