.tt-tile{background:var(--ff-paper);border:2px solid var(--ff-outline);color:inherit;border-radius:.5rem;align-items:stretch;gap:0;padding:0;display:inline-flex;overflow:hidden;box-shadow:0 2px 4px #00000038}.tt-tile--h{flex-direction:row}.tt-tile--v{flex-direction:column}button.tt-tile{cursor:pointer;min-width:44px;min-height:44px}button.tt-tile:disabled{cursor:default;opacity:.55}.tt-tile--hi{border-color:var(--pc-select);box-shadow:0 0 0 3px color-mix(in oklab, var(--pc-select) 40%, transparent), 0 2px 4px #00000038}button.tt-tile:not(:disabled):hover{outline:2px solid var(--pc-select);outline-offset:2px}button.tt-tile:focus-visible{outline:3px solid var(--ff-focus);outline-offset:2px}.tt-tile--correct{border-color:var(--pc-correct);box-shadow:0 0 0 3px var(--pc-correct-bg)}.tt-tile--wrong{border-color:var(--pc-incorrect)}.tt-tile-bar{background:var(--ff-outline);flex:0 0 2px}.tt-tile--h .tt-tile-bar{align-self:stretch;width:2px}.tt-tile--v .tt-tile-bar{width:auto;height:2px}.tt-pipface{flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;gap:.1rem;width:2.4rem;height:2.4rem;padding:.28rem;display:grid}.tt-tile--v .tt-pipface{width:2.6rem;height:2.6rem}.tt-dotcell{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tt-dot{background:var(--ff-ink,#2a2320);border-radius:50%;width:.42rem;height:.42rem}@media (prefers-color-scheme:dark){.tt-dot{background:var(--ff-ink,#eee)}}.tt-board-stage{flex-direction:column;align-items:center;gap:.7rem;display:flex}.tt-chain{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;max-width:100%;padding:.6rem;display:flex;overflow-x:auto}.tt-endmarker{color:var(--pc-select);border:2px dashed var(--pc-select);border-radius:.4rem;padding:.2rem .45rem;font-size:1.05rem;font-weight:800}.tt-endtotal{text-align:center;color:var(--ff-forge-text,var(--ff-ink));margin:0;font-weight:700}.tt-hand-wrap{margin-top:.8rem}.tt-rack{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.4rem;display:flex}.tt-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.6rem 0;display:flex}.tt-status{text-align:center;min-height:1.4em}.tt-scoreline{text-align:center;font-weight:600}.tt-fives-board{align-items:center}.tt-fives-chain{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.tt-fives-link{color:var(--ff-slate-text,var(--ff-ink));font-weight:700}.tt-fives-total{text-align:center;margin:.4rem 0 0;font-weight:600}.tt-endbadge{flex-direction:column;align-items:center;gap:.25rem;display:flex}.tt-endbadge-lbl{text-transform:uppercase;letter-spacing:.04em;color:var(--ff-slate-text,var(--ff-ink));font-size:.75rem}.tt-endbadge-val{font-size:1.1rem;font-weight:800}.tt-fives-tray{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:.8rem;display:flex}.tt-fives-choice{flex-direction:column;align-items:center;gap:.3rem;display:flex}.tt-fives-choice-side{color:var(--ff-slate-text,var(--ff-ink));font-size:.8rem}.tt-learn-stage,.tt-learn-endwrap{flex-direction:column;align-items:center;gap:.4rem;display:flex}.tt-learn-ends{align-items:center;gap:1rem;display:flex}.tt-choice-row{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.7rem;display:flex}.tt-num-choice{min-width:3.2rem;font-size:1.15rem;font-weight:700}.tt-num-choice--correct{background:var(--pc-correct);color:#fff}.tt-num-choice--wrong{opacity:.5}.tt-curtain,.tt-result{text-align:center;flex-direction:column;align-items:center;gap:.7rem;padding:1.4rem;display:flex}.tt-curtain-title{font-size:1.2rem;font-weight:800}.tt-duel{flex-direction:column;align-items:center;gap:.6rem;display:flex}.pc-theme-tiletales.pc-immersive{--pc-env-bg:url(/play/tiletales/env.webp) center / cover no-repeat, linear-gradient(to bottom, #f6ecd6 0%, #f2ead8 40%, #e9efdf 100%);--pc-env-bg-dark:url(/play/tiletales/env-dark.webp) center / cover no-repeat, linear-gradient(to bottom, #241a10 0%, #2a2015 50%, #241f18 100%);--pc-env-bg-flat:url(/play/tiletales/env.webp) center / cover no-repeat, #f2ead6;--pc-env-bg-flat-dark:url(/play/tiletales/env-dark.webp) center / cover no-repeat, #241a10}.tt-predict-tray{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:.9rem;display:flex}.tt-predict-opt{border-radius:14px;min-width:68px;min-height:56px;padding:.5rem 1rem;font-size:1.5rem;font-weight:800;line-height:1}.tt-predict-opt.tt-tile--correct{outline:3px solid var(--pc-select,#2e7d32)}.tt-predict-opt.tt-tile--wrong{opacity:.5}