@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;500;700&family=Nunito+Sans:wght@400;600&display=swap";:root{--color-background:#000;--color-surface:#000;--color-border:#333;--color-x-mark:#a9f99e;--color-o-mark:#b8a7f5;--color-accent:#b1fa63;--color-text:#fff;--color-text-muted:#bababa;--color-win:#a9f99e;--color-lose:#ff6b6b;--color-draw:#b8a7f5;--font-family:"Montserrat", system-ui, sans-serif;--font-heading:"Bebas Neue", sans-serif;--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--font-size-body:1rem;--font-size-small:.875rem;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1{font-family:var(--font-heading);font-size:var(--font-size-h1);letter-spacing:1px;font-weight:500}h2{font-family:var(--font-heading);font-size:var(--font-size-h2);letter-spacing:1px;font-weight:500}h3{font-family:var(--font-heading);font-size:var(--font-size-h3);letter-spacing:.5px;font-weight:500}button{cursor:pointer;font-family:inherit}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-shake{animation:.5s ease-in-out shake}.animate-fade-in{animation:.2s ease-out fadeIn}.animate-pulse{animation:1s ease-in-out infinite pulse}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-body);border-radius:var(--radius-md);border:2px solid #0000;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:var(--color-background)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 20px #22d3ee66}.btn-secondary{border-color:var(--color-accent);color:var(--color-accent);background-color:#0000}.btn-secondary:hover{background-color:#22d3ee1a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input{padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-body);background-color:var(--color-background);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .2s}.input:focus{border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}.card{border-radius:var(--radius-lg);padding:var(--spacing-lg);background-color:#0000}.container{width:100%;max-width:480px;padding:var(--spacing-lg);flex-direction:column;flex:1;justify-content:center;margin:0 auto;display:flex}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.flex-center{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}