@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@300;400;600;700&display=swap";:root{--font-bricolage: "Bricolage Grotesque", sans-serif;--font-space-mono: "Space Mono", monospace;--primary-nox: #f59e0b;--info-nox: #2563eb;--shadow-brutal: 3px 3px 0px 0px rgba(0, 0, 0, 1);--yellow-accent: #fde047}.nox21-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding-bottom:12px;pointer-events:none;z-index:50}.footer-glow-1{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:-10;background:radial-gradient(ellipse 140% 100% at bottom,rgba(59,130,246,.9) 0%,rgba(37,99,235,.5) 30%,rgba(29,78,216,.2) 60%,transparent 100%);filter:blur(120px)}.footer-glow-2{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .7s ease;z-index:-10;background:radial-gradient(ellipse 100% 70% at bottom,rgba(255,255,255,.4) 0%,transparent 80%)}.nox21-footer:hover .footer-glow-1{opacity:1}.nox21-footer:hover .footer-glow-2{opacity:.6}.footer-button-container{pointer-events:auto}.footer-button{background-color:#fff;border:2px solid black;box-shadow:var(--shadow-brutal);padding:6px 16px;display:flex;align-items:center;gap:8px;transform:rotate(-1deg);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:default;color:#000}.nox21-footer:hover .footer-button{background-color:var(--info-nox);color:#fff}.footer-button:hover{transform:rotate(1deg) scale(1.05)}.footer-button:active{transform:translateY(2px) translate(2px);box-shadow:none}.footer-link{font-family:var(--font-space-mono);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;color:inherit;transition:text-decoration .2s}.footer-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.moon-icon-wrapper{cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;align-items:center}.moon-icon-wrapper:hover{transform:scale(1.25)}.moon-icon-wrapper.recoil{transform:translateY(4px) scale(.8)}.moon-icon-wrapper.animating{opacity:0;pointer-events:none}.animation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:0;pointer-events:none;z-index:80;transition:opacity .8s ease}.animation-overlay.active{opacity:.85}.shockwave{position:fixed;bottom:24px;left:50%;transform:translate(-50%) scale(0);width:32px;height:32px;border-radius:50%;border:4px solid rgba(253,224,71,.8);opacity:1;z-index:85;pointer-events:none;animation:shockwave-grow .8s ease-out forwards}@keyframes shockwave-grow{to{transform:translate(-50%) scale(15);opacity:0}}.big-moon-container{position:fixed;left:50%;transform:translate(-50%);bottom:-400px;z-index:100;color:var(--yellow-accent);filter:drop-shadow(0 0 80px rgba(253,224,71,1));pointer-events:none;display:none}.big-moon-container.active{display:block;animation:moon-jump 4s cubic-bezier(.45,0,.55,1) forwards}@keyframes moon-jump{0%{bottom:-400px;transform:translate(-50%) rotate(0);filter:drop-shadow(0 0 80px rgba(253,224,71,1)) blur(15px)}45%{bottom:110vh;transform:translate(-50%) rotate(120deg);filter:drop-shadow(0 0 80px rgba(253,224,71,1)) blur(0px)}to{bottom:-60vh;transform:translate(-50%) rotate(240deg);filter:drop-shadow(0 0 80px rgba(253,224,71,1)) blur(25px)}}@keyframes nox-shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-5px,-5px) rotate(-1deg)}20%{transform:translate(5px) rotate(1deg)}30%{transform:translate(-5px,5px) rotate(0)}40%{transform:translate(5px,-5px) rotate(1deg)}50%{transform:translate(-5px) rotate(-1deg)}60%{transform:translate(5px,5px) rotate(0)}70%{transform:translate(-5px,-5px) rotate(1deg)}80%{transform:translate(5px) rotate(-1deg)}90%{transform:translate(-5px,5px) rotate(0)}to{transform:translate(0) rotate(0)}}.animate-nox-shake{animation:nox-shake .4s cubic-bezier(.36,.07,.19,.97) both}:root{color-scheme:dark;font-family:Inter,sans-serif;background:#050505}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{overflow:hidden;background:radial-gradient(circle at top,rgba(35,57,93,.35),transparent 45%),linear-gradient(180deg,#050505,#030303);color:#fff}button,input,textarea,select{font:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#666}