.retro-bg{background-color:#00f0ff;background-image:radial-gradient(circle at 10% 10%,#ffff0040 0 15%,#0000 15% 100%),radial-gradient(circle at 90% 20%,#ff00ff40 0 15%,#0000 15% 100%),radial-gradient(circle at 20% 80%,#00ff0040 0 15%,#0000 15% 100%),linear-gradient(45deg,#00f0ff 0%,#baff00 50%,#f0f 100%);background-size:120px 120px,160px 160px,180px 180px,100% 100%;background-attachment:fixed}.bevel{background:linear-gradient(#f8f8f8,#e4e4e4);border:2px solid #fff;box-shadow:inset -2px -2px gray,inset 2px 2px #fff,2px 2px #00000040}.bevel-inset{background:linear-gradient(#fff,#f0f0f0);border:2px solid silver;box-shadow:inset 2px 2px gray,inset -2px -2px #fff}@keyframes retro-blink{50%{opacity:0}}.blink{animation:1s step-start infinite retro-blink}@media (prefers-reduced-motion:reduce){.blink{animation:none}}.marquee{white-space:nowrap;position:relative;overflow:hidden}.marquee__inner{padding-left:100%;animation:12s linear infinite marquee-scroll;display:inline-block}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}a{color:#00e}a:visited{color:#551a8b}a:hover{color:red;text-decoration:underline}.button-2000{color:#000;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:linear-gradient(#ff6,#fd3);border:2px solid #ffa;padding:6px 12px;transition:background .15s,box-shadow .15s,transform 50ms;display:inline-block;position:relative;overflow:hidden;box-shadow:inset -2px -2px #b8860b,inset 2px 2px #fff8dc,2px 2px #00000040}.button-2000:hover{background:linear-gradient(#ff9,#ffeb66);box-shadow:inset -1px -1px #a97405,inset 1px 1px #fff0b3,0 0 10px 2px #ff00ff59,0 0 14px 4px #00ffff40}.button-2000:active{background:linear-gradient(#fd3,#ffc107);transform:translateY(1px);box-shadow:inset 2px 2px #b8860b,inset -2px -2px #fff8dc}.button-2000:focus-visible{outline-offset:2px;outline:2px dashed #000}.button-2000:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff8c 30%,#0000 60%);width:120%;transition:left .4s;position:absolute;top:0;bottom:0;left:-120%;transform:skew(-20deg)}.button-2000:hover:after{left:120%}.retro-container{max-width:960px;margin-left:auto;margin-right:auto}.xp-loader{flex-direction:column;align-items:center;gap:8px;display:flex}.xp-loader__label{color:#000;font-weight:600}.xp-bar{background:linear-gradient(#dfe8f6,#c8d7f2);border:1px solid #3a6ea5;height:18px;overflow:hidden;box-shadow:inset 1px 1px #fff,inset -1px -1px #a3b7e5}.xp-bar__inner{background-image:repeating-linear-gradient(135deg,#3cb043 0 10px,#2e8b57 10px 20px);width:40%;height:100%;animation:1s linear infinite xp-marquee}@keyframes xp-marquee{0%{transform:translate(-100%)}to{transform:translate(260%)}}