@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Nunito:wght@700;800&display=swap');*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#100d2e;color:#fff;font-family:Nunito,sans-serif}#game{position:fixed;inset:0;width:100%;height:100%}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:55px 55px;opacity:.18}header{position:fixed;z-index:4;top:0;left:0;width:100%;height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#100d2ed9,transparent)}header>a{color:#e4c7ff;text-decoration:none;font:700 16px Fredoka;letter-spacing:1px}header>a b{color:#73e3ff}.hud{display:flex;gap:10px}.hud span,#account{padding:8px 13px;border:1px solid #7067a9;border-radius:20px;background:#211b4dcc;font-size:9px;letter-spacing:1px}.hud b{color:#7ceaff;margin-left:6px}.hidden{display:none!important}.screen{position:fixed;z-index:3;inset:0;display:flex;align-items:center;justify-content:space-around;padding:8vw;background:radial-gradient(circle at 75% 50%,#4c27736b,transparent 35%)}.copy{max-width:520px}.copy small,.result small{color:#8deaff;letter-spacing:3px;font-size:10px}.copy h1{font:700 clamp(60px,7vw,100px)/.78 Fredoka;margin:25px 0;color:#fff}.copy h1 em{font-style:normal;color:#c887ff;text-shadow:0 5px #63369a}.copy p{color:#aaa6c9;line-height:1.65}.controls{display:flex;gap:15px;margin:22px 0;color:#918caf;font-size:10px}.controls kbd{background:#2e2861;border:1px solid #7169a8;border-radius:5px;padding:4px 7px;color:white}button{border:0;cursor:pointer;font:800 12px Nunito;letter-spacing:1px}.copy button,.result button{display:block;width:280px;padding:15px 18px;margin:25px 0 16px;border-radius:12px;background:linear-gradient(135deg,#9c59ea,#4cbce5);color:white;box-shadow:0 6px 0 #443690}.copy button b{float:right}.copy>a,.result>a{color:#8984ad;font-size:11px;text-decoration:none}.orb{position:relative;width:min(38vw,440px);height:min(38vw,440px);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#933fe066,#251657 55%,transparent 57%);box-shadow:0 0 100px #8f45df55}.orb i{font-style:normal;font-size:150px;color:#98edff;text-shadow:0 0 25px #3bdcff,0 0 80px #ba5bff;animation:float 2s ease-in-out infinite}.orb span{position:absolute;width:100%;height:100%;border:1px solid #966bd099;border-radius:50%;animation:spin 7s linear infinite}.orb span:nth-child(2){width:75%;height:75%;animation-direction:reverse}.orb span:nth-child(3){width:55%;height:55%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(8deg)}}.result{text-align:center;width:min(430px,90vw);padding:40px;background:#1e1947e8;border:2px solid #7565a4;border-radius:25px;box-shadow:0 25px 80px #050313}.result>div:first-child{font-size:60px}.result h2{font:700 40px Fredoka;margin:10px}.result p{color:#aaa6c9}.stats{display:flex;justify-content:center;gap:10px;margin:25px}.stats span{background:#30295e;padding:12px 20px;border-radius:12px;font-size:9px}.stats b{display:block;color:#8deaff;font:700 22px Fredoka}.result button{width:100%}@media(max-width:750px){.orb{display:none}.hud span:nth-child(2){display:none}.screen{justify-content:center}.copy h1{font-size:65px}header{padding:0 14px}#account{display:none}}