.tf{margin-block:1rem}.tf-head{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.tf-title{font-weight:700;margin:0;font-variant-numeric:tabular-nums}.tf-meta{margin-inline-start:auto;display:flex;align-items:center;gap:.6rem;font-variant-numeric:tabular-nums}.tf-timer{font-weight:700;min-inline-size:3ch}.tf-gear{min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer;font-size:.88rem;padding:.3rem .7rem}.tf-gear:hover{background:var(--pen-soft)}.tf-settings[hidden]{display:none}.tf-settings{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:.8rem 1rem;margin-block:.6rem;display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center;font-size:.92rem}.tf-set-title{font-weight:700;margin:0}.tf-set-undo{display:inline-flex;align-items:center;gap:.45rem;min-height:44px}.tf-set-theme{display:flex;gap:.4rem;align-items:center}.tf-set-theme button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:.3rem .7rem;cursor:pointer}.tf-set-theme button[aria-pressed=true]{border-color:var(--pen);background:var(--pen-soft);font-weight:700}.tf-daily-status,.tf-daily-social{margin:.15rem 0;font-size:.85rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;min-block-size:1.2em}.tf-controls{display:flex;gap:.5rem 1rem;flex-wrap:wrap;align-items:center;margin-block:.5rem}.tf-modes{display:inline-flex;gap:.35rem}.tf-mode{min-height:44px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);padding:.35rem .9rem;font-size:.92rem;cursor:pointer}.tf-mode.is-active{border-color:var(--pen);background:var(--pen-soft);font-weight:700;text-decoration:underline;text-underline-offset:.25em}.tf-toolbar{display:inline-flex;gap:.35rem;flex-wrap:wrap;margin-inline-start:auto}.tf-toolbar button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);padding:.35rem .8rem;font-size:.92rem;cursor:pointer}.tf-toolbar button:hover:not(:disabled){background:var(--pen-soft)}.tf-toolbar button:disabled{opacity:.45;cursor:default}.tf-scorerow{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-block:.4rem;font-variant-numeric:tabular-nums}.tf-scorebox{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:.35rem .8rem;font-weight:700}.tf-scorebox b{font-weight:400;color:var(--ink-soft);margin-inline-end:.3rem;font-size:.85rem}.tf-fairnote{font-size:.8rem;color:var(--ink-soft)}.tf-stage{position:relative}.tf-boardwrap{display:flex;justify-content:center}.tf-board{position:relative;inline-size:min(100%,420px);aspect-ratio:1;background:var(--felt);border:1px solid var(--line);border-radius:var(--radius);padding:var(--tf-gap, 8px);touch-action:none;user-select:none;-webkit-user-select:none}.tf-bg,.tf-tiles{position:absolute;inset:var(--tf-gap, 8px)}.tf-bg{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--tf-gap, 8px)}.tf-bgcell{background:color-mix(in srgb,var(--line) 40%,transparent);border-radius:8px}.tf-tile{position:absolute;inline-size:var(--tf-cell, 25%);block-size:var(--tf-cell, 25%);display:grid;place-items:center;border-radius:8px;font-weight:800;font-variant-numeric:tabular-nums;transition:transform .13s ease-out;will-change:transform;background:var(--pen-soft);color:var(--ink);box-shadow:0 1px 2px #1d24331f}.tf-tile[data-v="2"]{background:#f2f4f9;color:#3c465c}.tf-tile[data-v="4"]{background:#e2e9f6;color:#2f3c58}.tf-tile[data-v="8"]{background:#c4d4ef;color:#22304e}.tf-tile[data-v="16"]{background:#9fbbe6;color:#17233c}.tf-tile[data-v="32"]{background:#7099d8;color:#fff}.tf-tile[data-v="64"]{background:#4a78c2;color:#fff}.tf-tile[data-v="128"]{background:#2f5aa8;color:#fff}.tf-tile[data-v="256"]{background:#24558f;color:#fff}.tf-tile[data-v="512"]{background:#1e5f5f;color:#fff}.tf-tile[data-v="1024"]{background:#22703f;color:#fff}.tf-tile[data-v="2048"]{background:#8a5b23;color:#fff;box-shadow:0 0 0 3px #c99a2e,0 1px 2px #1d243333}.tf-tile.is-big{background:#1d2433;color:#fff;box-shadow:0 0 0 3px #6a5aa8,0 1px 2px #1d243333}:root[data-theme=dark] .tf-tile[data-v="2"]{background:#242c3d;color:#cdd3de}:root[data-theme=dark] .tf-tile[data-v="4"]{background:#2b3852;color:#dbe2ee}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tf-tile[data-v="2"]{background:#242c3d;color:#cdd3de}:root:not([data-theme=light]) .tf-tile[data-v="4"]{background:#2b3852;color:#dbe2ee}}.tf-tile.is-new{animation:tf-pop-in .14s ease-out}.tf-tile.is-merged{animation:tf-pop-merge .16s ease-out}@keyframes tf-pop-in{0%{scale:.4;opacity:.4}to{scale:1;opacity:1}}@keyframes tf-pop-merge{0%{scale:1}50%{scale:1.15}to{scale:1}}@keyframes tf-shake{0%,to{translate:0 0}25%{translate:-5px 0}75%{translate:5px 0}}.tf-board.is-shake{animation:tf-shake .22s ease-in-out 1}.tf-swipehint{text-align:center;font-size:.82rem;color:var(--ink-soft);margin:.5rem 0 0}.tf-doneover[hidden]{display:none}.tf-doneover{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--paper) 72%,transparent);border-radius:var(--radius);z-index:40}.tf-panel{text-align:center;max-inline-size:30rem}.tf-done-title{font-size:1.25rem;font-weight:700;margin:0 0 .4rem}.tf-done-time{font-variant-numeric:tabular-nums;margin:.2rem 0}.tf-done-streak{margin:.2rem 0}.tf-done-social{font-size:.85rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:.2rem 0;min-block-size:1.2em}.tf-vote-title{font-size:.88rem;margin:.5rem 0 .25rem}.tf-vote-thanks{font-size:.88rem;color:var(--ink-soft);margin:.5rem 0 .2rem}.tf-vote-row{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center}.tf-vote-btn{min-height:44px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);padding:.3rem .8rem;font-size:.88rem;cursor:pointer}.tf-vote-btn:hover{border-color:var(--pen);background:var(--pen-soft)}.tf-done-actions{margin-block-start:.7rem;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.tf-share-text{font-size:.85rem;user-select:all;background:var(--pen-soft);border-radius:8px;padding:.4rem .6rem}.tf-stats{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:baseline;margin-block-start:.8rem;font-size:.88rem}.tf-stat-title{font-weight:700;color:var(--ink)}.tf-stat{white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}.tf-stat b{font-weight:400;color:var(--ink-soft);margin-inline-end:.25rem}.alt-names[data-astro-cid-xcx7rblr]{font-size:.88rem;color:var(--ink-soft);margin-block-start:-.4rem}.tfp-rules[data-astro-cid-xcx7rblr]{margin-block-start:2rem}.tfp-rules[data-astro-cid-xcx7rblr] ol[data-astro-cid-xcx7rblr]{padding-inline-start:1.3rem}.tfp-rules[data-astro-cid-xcx7rblr] li[data-astro-cid-xcx7rblr]{margin-block:.3rem}.tfp-kbd[data-astro-cid-xcx7rblr]{font-size:.88rem;color:var(--ink-soft)}.tfp-fair[data-astro-cid-xcx7rblr]{font-size:.88rem;border:1px solid var(--pen);background:var(--pen-soft);color:var(--ink);border-radius:10px;padding:.6rem .9rem}.tfp-faq[data-astro-cid-xcx7rblr]{margin-block-start:2rem}.tfp-faq[data-astro-cid-xcx7rblr] details[data-astro-cid-xcx7rblr]{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:.55rem .9rem;margin-block:.45rem}.tfp-faq[data-astro-cid-xcx7rblr] summary[data-astro-cid-xcx7rblr]{cursor:pointer;font-weight:700;min-height:32px}.tfp-faq[data-astro-cid-xcx7rblr] p[data-astro-cid-xcx7rblr]{margin:.5rem 0 .2rem}
