.ttt-section{position:relative;overflow:hidden;background:var(--ttt-bg);color:var(--ttt-text);padding:clamp(40px,7vw,90px) 20px}.ttt-section *,.ttt-section *:before,.ttt-section *:after{box-sizing:border-box}.ttt-shell{width:min(100%,760px);margin:0 auto}.ttt-card{position:relative;background:var(--ttt-card-bg);border:1px solid var(--ttt-border);border-radius:var(--ttt-radius);padding:clamp(24px,5vw,52px);box-shadow:0 24px 70px #30221f14}.ttt-header{text-align:center;margin-bottom:28px}.ttt-eyebrow{margin:0 0 8px;color:var(--ttt-accent);font-size:12px;font-weight:700;letter-spacing:.18em}.ttt-title{margin:0;color:var(--ttt-text);font-size:clamp(32px,6vw,58px);line-height:1}.ttt-subtitle{max-width:560px;margin:16px auto 0;opacity:.76;font-size:15px;line-height:1.6}.ttt-subtitle p,.ttt-terms p{margin:0}.ttt-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;margin-bottom:24px}.ttt-player-card{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:12px;border:1px solid var(--ttt-border);border-radius:18px;min-width:0}.ttt-product-preview{grid-row:1 / 3;width:54px;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#fff}.ttt-product-preview img{display:block;width:100%;height:100%;object-fit:contain}.ttt-player-card span{min-width:0;overflow:hidden;color:var(--ttt-text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ttt-player-card strong{color:var(--ttt-accent);font-size:11px;letter-spacing:.12em}.ttt-vs{color:var(--ttt-accent);font-size:12px;font-weight:800}.ttt-status{min-height:24px;margin:0 0 16px;text-align:center;font-weight:700}.ttt-board-wrap{position:relative;width:min(100%,480px);margin:0 auto}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ttt-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;-webkit-appearance:none;appearance:none;overflow:hidden;padding:9%;border:1px solid var(--ttt-border);border-radius:calc(var(--ttt-radius) * .55);background:var(--ttt-cell-bg);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ttt-cell:hover:not(:disabled){transform:translateY(-3px);border-color:var(--ttt-accent);box-shadow:0 12px 30px #30221f17}.ttt-cell:focus-visible,.ttt-button:focus-visible,.ttt-modal__close:focus-visible{outline:3px solid color-mix(in srgb,var(--ttt-accent) 45%,transparent);outline-offset:3px}.ttt-cell:disabled{cursor:default}.ttt-cell img{display:block;width:100%;height:100%;object-fit:contain;animation:ttt-piece-in .26s cubic-bezier(.2,.8,.2,1)}.ttt-cell.is-winning{border-color:var(--ttt-accent);box-shadow:inset 0 0 0 2px var(--ttt-accent),0 12px 30px #30221f1f}.ttt-cell.is-ai img{filter:saturate(.9)}.ttt-thinking{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:10px;border-radius:calc(var(--ttt-radius) * .7);background:#ffffffc2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:13px;font-weight:700}.ttt-thinking[hidden]{display:none}.ttt-thinking span{width:28px;height:28px;border:3px solid var(--ttt-border);border-top-color:var(--ttt-accent);border-radius:50%;animation:ttt-spin .8s linear infinite}.ttt-actions{display:flex;justify-content:center;margin-top:22px}.ttt-button{min-height:48px;-webkit-appearance:none;appearance:none;padding:12px 22px;border:1px solid transparent;border-radius:999px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .17s ease,opacity .17s ease,box-shadow .17s ease}.ttt-button:hover{transform:translateY(-2px)}.ttt-button--primary{background:var(--ttt-accent);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--ttt-accent) 28%,transparent)}.ttt-button--secondary{border-color:var(--ttt-accent);background:transparent;color:var(--ttt-accent)}.ttt-button--ghost{background:transparent;color:var(--ttt-text)}.ttt-terms{margin-top:20px;text-align:center;opacity:.6;font-size:11px;line-height:1.5}.ttt-modal{position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px}.ttt-modal[hidden]{display:none}.ttt-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#18110f94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ttt-modal__dialog{position:relative;z-index:1;width:min(100%,500px);padding:clamp(28px,6vw,48px);border:1px solid var(--ttt-border);border-radius:var(--ttt-radius);background:var(--ttt-card-bg);box-shadow:0 30px 90px #00000040;text-align:center;animation:ttt-modal-in .26s cubic-bezier(.2,.8,.2,1)}.ttt-modal__dialog h3{margin:8px 0 10px;color:var(--ttt-text);font-size:clamp(30px,7vw,48px);line-height:1}.ttt-modal__dialog>p{margin:0 auto 22px;max-width:390px;opacity:.72;line-height:1.6}.ttt-modal__close{position:absolute;top:14px;right:14px;width:40px;height:40px;-webkit-appearance:none;appearance:none;border:0;border-radius:50%;background:transparent;color:var(--ttt-text);font-size:28px;line-height:1;cursor:pointer}.ttt-win-icon{font-size:52px}.ttt-voucher{display:grid;gap:8px;margin:0 0 16px;padding:18px;border:1px dashed var(--ttt-accent);border-radius:18px;background:color-mix(in srgb,var(--ttt-accent) 7%,white)}.ttt-voucher span{color:var(--ttt-accent);font-size:11px;font-weight:800;letter-spacing:.15em}.ttt-voucher strong{color:var(--ttt-text);font-size:clamp(22px,6vw,34px);letter-spacing:.08em;overflow-wrap:anywhere}.ttt-copy-feedback{min-height:20px;margin:0 0 10px!important;color:var(--ttt-accent);font-size:12px;font-weight:700}.ttt-modal__actions{display:grid;gap:10px}.ttt-confetti{position:fixed;z-index:100000;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none}@keyframes ttt-piece-in{0%{opacity:0;transform:scale(.5) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes ttt-spin{to{transform:rotate(360deg)}}@keyframes ttt-modal-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:560px){.ttt-section{padding-inline:12px}.ttt-card{padding-inline:16px}.ttt-versus{grid-template-columns:1fr}.ttt-vs{text-align:center}.ttt-player-card{grid-template-columns:50px minmax(0,1fr)}.ttt-board{gap:7px}.ttt-cell{border-radius:16px}}@media(prefers-reduced-motion:reduce){.ttt-section *,.ttt-section *:before,.ttt-section *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ttt-section .ttt-cell:disabled,.ttt-section .ttt-cell[disabled]{opacity:1!important;filter:none!important;cursor:default}.ttt-section .ttt-cell:disabled img,.ttt-section .ttt-cell[disabled] img,.ttt-section .ttt-cell img{opacity:1!important;filter:none!important;visibility:visible!important}.ttt-section{--ttt-accent: #CE017A !important}.ttt-section .ttt-button--primary{background:#ce017a!important;border-color:#ce017a!important;color:#fff!important;box-shadow:0 10px 25px #ce017a40}.ttt-section .ttt-cell.is-winning{border-color:#ce017a!important;box-shadow:inset 0 0 0 2px #ce017a,0 12px 30px #ce017a2e!important}.ttt-section .ttt-button--secondary,.ttt-section .ttt-eyebrow,.ttt-section .ttt-player-card strong,.ttt-section .ttt-vs,.ttt-section .ttt-copy-feedback{color:#ce017a!important}.ttt-section .ttt-button--secondary{border-color:#ce017a!important}
/*# sourceMappingURL=/cdn/shop/t/11/assets/tic-tac-toe-game.css.map */
