.rt__ttt{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.rt__ttt-score{display:flex;width:100%;background:rgba(var(--color-scheme-text),.04);border:1px solid rgba(var(--color-scheme-text),.1);border-radius:10px;overflow:hidden}.rt__ttt-score-unit{flex:1;text-align:center;padding:10px 8px}.rt__ttt-score-unit+.rt__ttt-score-unit{border-left:1px solid rgba(var(--color-scheme-text),.1)}.rt__ttt-score-num{font-size:clamp(20px,5vw,26px);font-weight:700;color:rgb(var(--color-scheme-text));line-height:1;font-variant-numeric:tabular-nums;font-family:var(--heading-font-stack)}.rt__ttt-score-num--you{color:rgb(var(--color-scheme-accent-1))}.rt__ttt-score-label{font-size:10px;color:rgba(var(--color-scheme-text),var(--rt-opacity-hint, .55));text-transform:uppercase;letter-spacing:.8px;margin-top:3px}.rt__ttt-board{display:grid;grid-template-columns:repeat(3,72px);position:relative}.rt__ttt-cell{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:clamp(28px,8vw,36px);font-weight:700;cursor:pointer;border:none;border-radius:0;background:transparent;color:rgb(var(--color-scheme-text));position:relative;transition:background var(--rt-duration-fast, .15s);font-family:var(--heading-font-stack)}.rt__ttt-cell[aria-disabled=true]{cursor:default}.rt__ttt-cell:not([aria-disabled=true]):hover{background:rgba(var(--color-scheme-accent-1),.08)}.rt__ttt-cell:focus-visible{outline:2px solid rgb(var(--color-scheme-accent-1));outline-offset:-2px;z-index:1}.rt__ttt-cell--x{color:rgb(var(--color-scheme-accent-1))}.rt__ttt-cell--o{color:rgba(var(--color-scheme-text),.7)}.rt__ttt-cell:after,.rt__ttt-cell:before{content:"";position:absolute;background:rgba(var(--color-scheme-text),.15)}.rt__ttt-cell:after{right:-1px;top:12%;height:76%;width:1px}.rt__ttt-cell:before{bottom:-1px;left:12%;width:76%;height:1px}.rt__ttt-cell:nth-child(3n):after{display:none}.rt__ttt-cell:nth-child(n+7):before{display:none}.rt__ttt-win-line{position:absolute;height:3px;background:rgb(var(--color-scheme-accent-1));border-radius:3px;pointer-events:none;transform-origin:0 50%;animation:rt__ttt-line-in var(--rt-duration-enter, .25s) var(--rt-ease-out, ease-out) forwards}@keyframes rt__ttt-line-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.rt__ttt-footer{text-align:center;width:100%}.rt__ttt-status{font-size:var(--rt-text-base, 13px);color:rgba(var(--color-scheme-text),var(--rt-opacity-hint, .55));margin:0 0 12px;min-height:18px;font-weight:500}.rt__ttt-status--win{color:rgb(var(--color-scheme-accent-1))}.rt__ttt-reset{background:transparent;border:1px solid rgba(var(--color-scheme-text),.2);color:rgba(var(--color-scheme-text),.55);padding:8px 22px;border-radius:var(--rt-radius-sm, 6px);font-size:var(--rt-text-sm, 12px);cursor:pointer;transition:all var(--rt-duration-base, .2s)}.rt__ttt-reset:hover{border-color:rgb(var(--color-scheme-accent-1));color:rgb(var(--color-scheme-accent-1))}.rt__ttt-reset:focus-visible{outline:2px solid rgb(var(--color-scheme-accent-1));outline-offset:2px}.rt__ttt-reset--active{background:rgb(var(--color-scheme-accent-1));border-color:rgb(var(--color-scheme-accent-1));color:rgb(var(--color-scheme-accent-1-contrast))}.rt__ttt-reset--active:hover{color:rgb(var(--color-scheme-accent-1-contrast));opacity:.85}.rt__ttt--lobby .rt__ttt-score,.rt__ttt--lobby .rt__ttt-reset,.rt__ttt--lobby .rt__ttt-win-line{border-radius:0}.rt__ttt--lobby .rt__ttt-board{border:1px solid rgba(var(--color-scheme-text),.1)}.rt__ttt--lobby .rt__ttt-win-line{box-shadow:0 0 8px rgba(var(--color-scheme-accent-1),.6)}.rt__ttt--lobby .rt__ttt-status,.rt__ttt--lobby .rt__ttt-reset{font-family:var(--heading-font-stack);text-transform:uppercase;letter-spacing:1px}.rt__ttt--lobby .rt__ttt-status{font-size:var(--rt-text-sm, 12px);font-weight:600}.rt__ttt--lobby .rt__ttt-reset{font-size:11px;font-weight:700}@media(min-width:400px){.rt__ttt-board{grid-template-columns:repeat(3,88px)}.rt__ttt-cell{width:88px;height:88px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/rt-tic-tac-toe.css.map */