*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:#f5f6fa;color:#333}main{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}a{color:#4a90d9}a:hover{color:#357abd}h1{color:#2c3e50}h2{color:#34495e}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}::selection{background:#4a90d966}@media (max-width: 768px){.layout-sidebar{display:none!important}.layout-nav{flex-wrap:wrap;gap:8px!important}.responsive-grid-5{grid-template-columns:repeat(2,1fr)!important}.battle-arena{grid-template-columns:1fr!important}.modal-content{max-width:100%!important;width:100%!important;border-radius:0!important;min-height:100vh}canvas{max-width:100%!important;height:auto!important}table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width: 480px){.responsive-grid-5{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 481px) and (max-width: 768px){.responsive-grid-5{grid-template-columns:repeat(3,1fr)!important}}button,a,[role=button]{min-height:36px}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast{animation:slideIn .3s ease-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}