.ttt-game{max-width:34rem;margin:0 auto}.ttt-head{text-align:center;margin-bottom:var(--space-16,1rem)}.ttt-title{margin:0 0 var(--space-4,.25rem);color:var(--ff-ink);font-size:clamp(1.5rem,6vw,2rem)}.ttt-prog{margin:0}.ttt-card{text-align:center;gap:var(--space-16,1rem)}.ttt-pic{border:3px solid var(--ff-line);background:var(--ff-card);cursor:pointer;border-radius:1.2rem;justify-content:center;align-items:center;min-width:6.5rem;min-height:6.5rem;margin:0 auto;padding:.5rem;transition:border-color .12s,transform 80ms;display:inline-flex}.ttt-pic:hover{border-color:var(--pc-select)}.ttt-pic:active{transform:translateY(1px)}.ttt-pic:focus-visible{outline:3px solid var(--ff-focus,var(--pc-select));outline-offset:2px}.ttt-pic-emoji{font-size:clamp(3.2rem,15vw,4.4rem);line-height:1}.ttt-hear{border:2px solid var(--ff-line);background:var(--ff-card);min-height:48px;color:var(--ff-ink);cursor:pointer;border-radius:.9rem;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:1.05rem;font-weight:700;display:inline-flex}.ttt-hear:hover{border-color:var(--pc-select)}.ttt-hear:focus-visible{outline:3px solid var(--ff-focus,var(--pc-select));outline-offset:2px}.ttt-hear-ic{font-size:1.3rem}.ttt-slots{gap:var(--space-8,.5rem);margin:var(--space-8,.5rem) auto;flex-wrap:wrap;justify-content:center;display:flex}.ttt-slot{aspect-ratio:1;border:3px solid var(--ff-line);background:var(--ff-warm);width:clamp(3.4rem,15vw,4.4rem);color:var(--ff-anvil);border-radius:.7rem;justify-content:center;align-items:center;font-size:clamp(1.8rem,9vw,2.6rem);font-weight:800;display:flex}.ttt-slot--ghost{color:color-mix(in srgb, var(--ff-anvil) 34%, transparent);background:var(--ff-card);border-style:dashed}.ttt-slot--next{border-color:var(--pc-select);background:color-mix(in srgb, var(--pc-select) 12%, transparent);border-style:dashed}.ttt-slot--ok{color:var(--ff-ink);background:#15803d2e;border:3px solid #15803d}.ttt-q{color:var(--ff-ink);margin:var(--space-8,.5rem) auto var(--space-4,.25rem);font-size:1.15rem;font-weight:700}.ttt-rack{gap:var(--space-8,.5rem);flex-wrap:wrap;justify-content:center;margin:0 auto;display:flex}.ttt-tile{border:2px solid var(--ff-line);background:var(--ff-warm);width:4rem;height:4.2rem;color:var(--ff-anvil);cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb, var(--ff-anvil) 22%, transparent);border-radius:.9rem;font-size:2.1rem;font-weight:800;transition:transform 80ms,border-color .12s}.ttt-tile:hover:not([disabled]){border-color:var(--pc-select);transform:translateY(-2px)}.ttt-tile:active{box-shadow:none;transform:translateY(1px)}.ttt-tile:focus-visible{outline:3px solid var(--ff-focus,var(--pc-select));outline-offset:2px}.ttt-tile--used{opacity:.3;box-shadow:none;cursor:default}.ttt-ok{color:var(--ff-ink);margin:var(--space-8,.5rem) auto var(--space-4,.25rem);font-size:1.4rem;font-weight:800}.ttt-next{min-width:8rem;font-size:1.1rem}.ttt-done{margin:var(--space-4,.25rem) auto 0;font-size:1.15rem;font-weight:700}.ttt-fb{min-height:1.3em;margin:var(--space-8,.5rem) auto 0;color:var(--ff-ink);font-weight:600}.ttt-learn{max-width:42rem;margin:0 auto}.ttt-h{margin:0 0 var(--space-16,1rem);color:var(--ff-ink);font-size:1.5rem}.ttt-sub{margin:var(--space-16,1rem) 0 var(--space-4,.25rem);color:var(--ff-ink);font-size:1.1rem}.ttt-list{margin:var(--space-8,.5rem) 0;padding-left:1.25rem}.ttt-list li{margin:.3rem 0}.ttt-back{margin-top:var(--space-24,1.5rem)}@media (prefers-reduced-motion:reduce){.ttt-tile,.ttt-pic{transition:none}.ttt-tile:hover{transform:none}}.pc-theme-tiletots.pc-immersive{--pc-env-bg:radial-gradient(120% 90% at 50% 6%, #f9e7ee 0%, #efbed2 42%, #0000 72%), linear-gradient(to bottom, #f6dae6 0%, #e79dbc 46%, #d96897 76%, #ce3b78 100%);--pc-env-bg-dark:radial-gradient(120% 90% at 50% 6%, #3f1225 0%, #280b17 46%, #0000 74%), linear-gradient(to bottom, #371020 0%, #280b17 52%, #18070e 100%);--pc-env-bg-flat:oklab(83.4997% .0695686 -.00950909);--pc-env-bg-flat-dark:#280b17}.pc-theme-tiletots{--pc-select:#be185d;--pc-select-bg:color-mix(in srgb, var(--pc-select) 14%, transparent);color:var(--ff-ink)}@media (prefers-color-scheme:dark){.pc-theme-tiletots{--pc-select:#fda4af}}