:root{font-family:Trebuchet MS,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#07111f;background:#59b8f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.18) 75%,transparent 75%,transparent),radial-gradient(circle at 50% 34%,rgba(255,255,255,.42),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.7) 0 92px,transparent 92px),linear-gradient(180deg,#79c9f5,#2f8ddd 56%,#57ca38 56%,#c9ef72);background-size:72px 72px,100% 100%,100% 100%,100% 100%;animation:diagonal-scroll 24s linear infinite}body.battle-scroll-lock{height:100vh;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{position:relative;overflow:hidden;font:inherit;transition:transform 75ms ease,filter 95ms ease,box-shadow 75ms ease}button:after{content:"";position:absolute;top:-45%;right:-18%;bottom:-45%;left:-18%;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.5) 48%,transparent 64%);opacity:0;pointer-events:none;transform:translate(-72%) rotate(2deg)}button:not(:disabled):hover{filter:brightness(1.06) saturate(1.08);transform:translateY(-1px)}button:not(:disabled):hover:after{animation:button-shine .52s ease-out}button:active{filter:brightness(.96) saturate(1.08);transform:translate(2px,2px) scale(.98)}button:active:after{animation:button-shine .18s ease-out}@keyframes diagonal-scroll{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:384px 384px,0 0,0 0,0 0}}@keyframes button-shine{0%{opacity:0;transform:translate(-72%) rotate(2deg)}28%{opacity:.9}to{opacity:0;transform:translate(72%) rotate(2deg)}}