:root{--bg:#12121c;--surface:#1c1c2b;--border:#2e2e45;--text:#ececf5;--muted:#9a9ab8;--human:#ff6b9d;--robot:#4ecdc4;--draw:#ffd166}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#12121c;background:var(--bg);color:#ececf5;color:var(--text);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;margin:0}.counters__list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.counter{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;display:flex;flex-direction:column;gap:.25rem;padding:.875rem .5rem;transition:border-color .3s ease}.counter__label{color:var(--muted);font-size:.6875rem;letter-spacing:.04em}.counter__value{font-feature-settings:"tnum";animation:count-up .35s cubic-bezier(.34,1.56,.64,1) both;font-size:1.5rem;font-variant-numeric:tabular-nums}@keyframes count-up{0%{opacity:0;transform:translateY(.6em) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.counter--human .counter__value{color:var(--human)}.counter--robot .counter__value{color:var(--robot)}.counter--draw .counter__value{color:var(--draw)}.counters__notice{animation:notice-in .3s ease both;color:var(--muted);font-size:.75rem;margin:.625rem 0 0;text-align:center}@keyframes notice-in{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.counter,.counter__value,.counters__notice{animation:none;transition:none}}.board{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,5.5rem);grid-template-rows:repeat(3,5.5rem)}.board__cell{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;color:var(--text);cursor:pointer;display:flex;font:inherit;font-size:2.5rem;justify-content:center;line-height:1;transition:background .2s ease,border-color .2s ease,transform .15s ease}.board__cell:hover:not(:disabled){border-color:var(--human);transform:translateY(-3px)}.board__cell:hover:not(:disabled):after{animation:mark-hint .15s ease both;color:var(--human);content:"X";opacity:.25}.board__cell:active:not(:disabled){transform:translateY(-1px);transition-duration:.05s}.board__cell:disabled{cursor:default}.board__cell--human{color:var(--human)}.board__cell--robot{color:var(--robot)}.board__mark{animation:mark-in .28s cubic-bezier(.34,1.56,.64,1) both;display:block}@keyframes mark-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes mark-hint{0%{opacity:0}to{opacity:.25}}.board__cell--winning{animation:win-glow .75s ease-in-out 0s 2 both;animation:win-glow .75s ease-in-out calc(var(--win-order, 0)*.11s) 2 both;background:color-mix(in srgb,currentColor 15%,var(--surface));border-color:currentColor}@keyframes win-glow{0%,to{box-shadow:0 0 0 0 #0000;transform:translateY(0)}50%{box-shadow:0 0 20px 2px currentColor;transform:translateY(-5px)}}@media (max-width:24rem){.board{grid-template-columns:repeat(3,4.5rem);grid-template-rows:repeat(3,4.5rem)}}@media (prefers-reduced-motion:reduce){.board__cell,.board__cell--winning,.board__cell:hover:not(:disabled):after,.board__mark{animation:none;transition:none}.board__cell:hover:not(:disabled){transform:none}}.app{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:30rem;min-height:100vh;padding:3rem 1.25rem 2rem}.header{text-align:center}.header__title{font-size:1.75rem;letter-spacing:-.02em;margin:0}.header__accent{color:var(--robot)}.header__subtitle{color:var(--muted);font-size:.875rem;margin:.5rem 0 0}.app__game{align-items:center;display:flex;flex-direction:column;gap:1.25rem}.app__status{animation:status-in .3s ease both;color:var(--muted);font-size:.9375rem;margin:0;min-height:1.25rem;text-align:center}@keyframes status-in{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.app__reset{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;font:inherit;font-size:.875rem;padding:.625rem 1.5rem;transition:border-color .15s,color .15s}.app__reset:hover:not(:disabled){border-color:var(--robot);color:var(--robot)}.app__reset:disabled{cursor:not-allowed;opacity:.4}.footer{border-top:1px solid var(--border);margin-top:auto;padding-top:1rem;text-align:center}.footer__message{color:var(--muted);font-size:.8125rem;line-height:1.6;margin:0}.footer__cta{font-size:.8125rem;margin:.5rem 0 0}.footer__link{color:var(--draw);transition:opacity .2s ease}.footer__link:hover{opacity:.75}@media (prefers-reduced-motion:reduce){.app__reset,.app__status,.footer__link{animation:none;transition:none}}.app__controls{align-items:center;display:flex;flex-direction:column;gap:.75rem}.starter{background:var(--bg);border:1px solid var(--border);border-radius:999px;display:inline-flex;padding:.1875rem}.starter__option{background:#0000;border:none;border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:.75rem;padding:.375rem .875rem;transition:background .2s ease,color .2s ease}.starter__option:hover:not(:disabled):not(.starter__option--selected){color:var(--text)}.starter__option--selected{background:var(--surface);color:var(--text)}.starter__option:disabled{cursor:not-allowed;opacity:.4}@media (prefers-reduced-motion:reduce){.starter__option{transition:none}}
/*# sourceMappingURL=main.69e54b42.css.map*/