.action-hud{display:flex;justify-content:space-between;align-items:center;background:#fff2d5;border:3px solid #624537;border-bottom:0;border-radius:18px 18px 0 0;padding:13px 18px;font-size:12px}.action-hud #health{color:#b7554c;font-size:21px}.arena{position:relative;border:3px solid #624537;border-radius:0 0 18px 18px;overflow:hidden;height:490px;background:#c99668;touch-action:none}#fight{width:100%;height:100%;display:block;outline:0}.fight-screen{position:absolute;inset:0;background:#fff3dfed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.fight-screen[hidden]{display:none}.fight-screen img{width:150px;height:125px;object-fit:contain}.fight-screen h2{font-size:28px;margin:10px}.fight-screen p{color:#85644c;line-height:1.6;margin:8px}.fight-screen small{font-size:10px;line-height:1.8;max-width:320px;color:#88694f}.fight-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:17px;user-select:none}.ability-controls{display:flex;gap:8px;flex-wrap:wrap}.ability-controls button{font-weight:700;background:#f7d49e;min-width:100px;min-height:62px;touch-action:none}.ability-controls small{display:block;font-size:9px;font-weight:400;color:#8a644a;margin-top:5px}.ability-controls button:disabled{opacity:.5}.ability-controls #meow{background:#aed3c4}#joystick{width:108px;height:108px;background:#e3c39c;border:3px solid #836044;border-radius:50%;position:relative;touch-action:none;flex-shrink:0}#stick{position:absolute;left:31px;top:31px;width:40px;height:40px;border:2px solid #805636;background:#fff2d6;border-radius:50%;pointer-events:none}#joystick span{position:absolute;bottom:-17px;width:100%;font-size:8px;letter-spacing:1px;text-align:center;color:#987352}.fight-help{font-size:11px;color:#8b6b53;line-height:1.6;margin-top:26px}#notice{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:#fff4d9;border:2px solid #846341;border-radius:12px;font-size:12px;padding:8px 14px;pointer-events:none;opacity:0;transition:opacity .2s;max-width:90%;text-align:center}#notice.show{opacity:1}@media(max-width:620px){.arena{height:425px}.action-hud{padding:10px;font-size:10px}.action-hud #health{font-size:18px}.fight-screen h2{font-size:24px}.fight-controls{gap:10px}.ability-controls{gap:6px;justify-content:flex-end}.ability-controls button{min-width:75px;font-size:11px;padding:7px;min-height:56px}#joystick{width:100px;height:100px}#stick{left:27px;top:27px}.heading h1{font-size:28px}.fight-screen img{width:130px;height:105px}}