*{box-sizing:border-box;margin:0;padding:0}@keyframes character-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.02)}}.character-breathe{animation:2s ease-in-out infinite character-breathe}@keyframes character-attack{0%,to{transform:translate(0)scale(1)}30%{transform:translate(15px)scale(1.05)}60%{transform:translate(-5px)scale(1.02)}}.character-attack{animation:.4s ease-out character-attack}@keyframes monster-death{0%{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.5;transform:scale(1.3)rotate(15deg)}to{opacity:0;transform:scale(0)rotate(360deg)}}.monster-death{animation:.8s ease-out forwards monster-death}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e0e0e0;background:#0a0a0f;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes attack-beam{0%{opacity:1;width:20px;left:15%}to{opacity:0;width:60px;left:75%}}.attack-beam{z-index:100;background:linear-gradient(90deg,#0f8,#0000);border-radius:2px;height:4px;animation:.3s ease-out forwards attack-beam;position:fixed;top:40%;box-shadow:0 0 20px #0f8,0 0 40px #0f8}@keyframes damage-float{0%{opacity:1;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-30px)scale(1.3)}to{opacity:0;transform:translateY(-60px)scale(1)}}.damage-number{color:gold;text-shadow:0 0 10px gold,0 0 20px gold,2px 2px 4px #000c;z-index:101;pointer-events:none;font-size:48px;font-weight:700;animation:.8s ease-out forwards damage-float;position:fixed;top:35%;right:20%}@keyframes monster-hit{0%,to{filter:brightness();transform:translate(0)}25%{filter:brightness(2);transform:translate(-15px)}50%{filter:brightness(1.5);transform:translate(10px)}75%{filter:brightness(1.2);transform:translate(-5px)}}.monster-hit{animation:.4s ease-out monster-hit}@keyframes player-hit{0%,to{filter:brightness()}50%{filter:brightness(.5)sepia()saturate(3)hue-rotate(-30deg)}}@keyframes screen-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.screen-shake{animation:.5s ease-out screen-shake}@keyframes combo-beam{0%{opacity:1;width:30px;left:15%}to{opacity:0;width:80px;left:75%}}.combo-beam{z-index:100;background:linear-gradient(90deg,gold,#ff8c00,#0000);border-radius:3px;height:6px;animation:.25s ease-out forwards combo-beam;position:fixed;top:40%;box-shadow:0 0 30px gold,0 0 60px #ff8c00}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake{animation:.5s shake}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:.3s ease-in-out pulse}@keyframes glow{0%,to{box-shadow:0 0 20px #0f86}50%{box-shadow:0 0 40px #0f8c}}.glow{animation:.5s ease-in-out glow}@keyframes glow-red{0%,to{box-shadow:0 0 20px #f366}50%{box-shadow:0 0 40px #f36c}}.glow-red{animation:.5s ease-in-out glow-red}@keyframes flash-green{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes flash-red{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.flash-green{animation:.3s ease-in-out flash-green}.flash-red{animation:.3s ease-in-out flash-red}@keyframes hp-pulse{0%,to{opacity:1}50%{opacity:.7}}.hp-critical{animation:.5s infinite hp-pulse}@keyframes combo-pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.combo-pop{animation:.3s ease-out combo-pop}input:focus{border-color:#0f8!important;box-shadow:0 0 20px #00ff884d!important}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}button:active{transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a25}::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a4a}::selection{color:#fff;background:#00ff884d}@media (width<=768px){.battle-area{flex-direction:column!important;padding:20px!important}.character-area{margin:20px 0}.input-area{width:100%;padding:0!important}.top-bar{flex-direction:column;align-items:center;gap:20px}.player-info,.monster-info{align-items:center;min-width:200px}}.enemy-attack-beam{z-index:100;background:linear-gradient(270deg,#f36,#0000);border-radius:2px;height:4px;animation:.4s ease-out forwards enemy-attack;position:fixed;top:40%;box-shadow:0 0 20px #f36,0 0 40px #f36}@keyframes enemy-attack{0%{opacity:1;width:0;right:20%}to{opacity:0;width:60%;right:80%}}.player-damage-number{color:#f36;text-shadow:0 0 10px #f36,0 0 20px #f36,2px 2px 4px #000c;z-index:101;pointer-events:none;font-size:48px;font-weight:700;animation:.6s ease-out forwards damage-float;position:fixed;top:35%;left:20%}.player-hit{animation:.6s ease-out player-damage}@keyframes player-damage{0%,to{filter:brightness()}25%{filter:brightness(1.5)sepia()saturate(3)hue-rotate(-20deg)}50%{filter:brightness(1.3)sepia()saturate(2)hue-rotate(-10deg)}}@keyframes score-pop{0%{opacity:1;transform:scale(.5)translateY(0)}50%{opacity:1;transform:scale(1.3)translateY(-10px)}to{opacity:0;transform:scale(1)translateY(-30px)}}