:root{--color-black: #000000;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-green-400: #4ade80;--color-green-300: #86efac;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-900: #14532d;--color-green-accent: #00ff5e;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-cyan-400: #22d3ee;--color-cyan-accent: #00ffea;--color-cyan-dark: #00ffcc;--color-purple-500: #a855f7;--color-primary: var(--color-green-accent);--color-background: var(--color-gray-900);--color-panel: var(--color-gray-800);--color-border: var(--color-gray-700);--color-text: var(--color-green-300);--color-text-secondary: var(--color-gray-300);--color-text-muted: var(--color-gray-400);--color-text-white: var(--color-white);--color-button: var(--color-green-700);--color-button-hover: var(--color-green-600);--color-button-next: var(--color-blue-700);--color-button-next-hover: var(--color-blue-600);--color-button-disabled: var(--color-gray-500);--color-yellow: var(--color-yellow-400);--color-red: var(--color-red-600);--color-blue: var(--color-blue-400);--color-purple: var(--color-purple-500);--color-focus: var(--color-yellow-400);--color-neon: var(--color-cyan-accent);--color-neon-alt: var(--color-cyan-dark);--color-cloud: rgb(42 117 198 / 95%);--color-stink-1: rgb(93 255 93 / 33%);--color-stink-2: rgb(46 139 87 / 33%);--color-sparkle-1: var(--color-yellow-400);--color-sparkle-2: #ffec8b}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;background-color:var(--color-gray-900);font-family:"Press Start 2P",monospace;image-rendering:pixelated;color:var(--color-text)}button{font-family:"Press Start 2P",monospace;width:fit-content;padding:.75rem;font-size:1rem;font-weight:700;background-color:var(--color-blue-600);color:var(--color-white);border:none;transition:background-color .2s ease,outline .1s ease}button:hover{cursor:pointer;background-color:var(--color-blue-700)}button:active{transform:translateY(2px)}button:disabled{background-color:var(--color-button-disabled);cursor:not-allowed}button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}.effect-layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.cloud{position:absolute;background:var(--color-cloud);border-radius:50%;filter:blur(30px);animation:windMove linear infinite}@keyframes windMove{0%{transform:translate(100vw) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-200px) scale(1);opacity:0}}.stink{position:absolute;background:radial-gradient(circle,var(--color-stink-1),var(--color-stink-2));border-radius:50%;animation:stinkMove linear infinite;filter:blur(8px)}@keyframes stinkMove{0%{transform:translateY(100%) scale(1);opacity:0}20%{opacity:.5}50%{transform:translateY(50%) scale(1.2);opacity:.4}to{transform:translateY(0) scale(1);opacity:0}}.sparkle{position:absolute;width:15px;height:15px;background:radial-gradient(circle,var(--color-sparkle-1),var(--color-sparkle-2));border-radius:50%;animation:sparklePulse ease-in-out infinite}@keyframes sparklePulse{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}@keyframes loadingBar{0%{width:0%}50%{width:100%}to{width:0%}}.initial-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#111827;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#00ff5e;font-family:"Press Start 2P",cursive;z-index:9999}.initial-loader .loader-text{font-size:20px;margin-bottom:20px;text-shadow:0 0 10px #00ff5e}.initial-loader .loader-bar-container{width:200px;height:10px;border:2px solid #00ff5e;padding:2px}.initial-loader .loader-bar{width:0%;height:100%;background-color:#00ff5e;animation:loadingBar 2s infinite ease-in-out}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}