.ta{--ta-loops:1;--ta-loop:3.6s;--ta-bg:#fff0e5;--ta-frame:#e8590c;--ta-hole:#ffffff38;--ta-green:#0c7c55;--ta-mark:#e8590c;background:var(--ta-bg);direction:ltr}:root[data-theme=dark] .ta{--ta-bg:#2a2019;--ta-frame:#b23c0a;--ta-hole:#ffffff24;--ta-green:#19a974;--ta-mark:#fd7e14}.ta[data-asked]{--ta-loops:3}.ta-l{position:absolute;inset:0}.ta-l>svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.ta[data-motion]{animation:ta-clock var(--ta-loop) linear var(--ta-loops)}.ta[data-motion]>.ta-l{animation-duration:var(--ta-loop);animation-iteration-count:var(--ta-loops);animation-timing-function:ease-in-out}.ta[data-motion=hold],.ta[data-motion=hold]>.ta-l{animation-play-state:paused}}@keyframes ta-clock{0%{opacity:1}to{opacity:1}}.ta-block-puzzle{--ta-loop:3.6s}.tbp-orange{fill:#c2410c}.tbp-green{fill:#0c7c55}.tbp-teal{fill:#0e7480}.tbp-amber{fill:#a16207}.tbp-rose{fill:#be185d}:root[data-theme=dark] .tbp-orange{fill:#ff9a62}:root[data-theme=dark] .tbp-green{fill:#3fcf8e}:root[data-theme=dark] .tbp-teal{fill:#5fd4e0}:root[data-theme=dark] .tbp-amber{fill:#facc15}:root[data-theme=dark] .tbp-rose{fill:#ff7ab8}.tbp-up{transform:translateY(15.2%)}.tbp-row,.tbp-piece,.tbp-glow{opacity:0}.tbp-row,.tbp-piece{transform-origin:49.5% 79.9%}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .tbp-up{animation-name:tbp-up}.ta[data-motion] .tbp-row{animation-name:tbp-row}.ta[data-motion] .tbp-piece{animation-name:tbp-piece}.ta[data-motion] .tbp-glow{animation-name:tbp-glow}}@keyframes tbp-up{0%{transform:translateY(15.2%)}10%,62%{transform:translateY(0)}72%,to{transform:translateY(15.2%)}}@keyframes tbp-row{0%{opacity:0;transform:scale(1)}10%,52%{opacity:1;transform:scale(1)}60%,to{opacity:0;transform:scaleY(.2)}}@keyframes tbp-piece{0%{opacity:0;transform:translateY(-60.8%)scale(1)}10%{opacity:1;animation-timing-function:steps(4,end);transform:translateY(-60.8%)scale(1)}38%,52%{opacity:1;transform:translateY(0)scale(1)}60%,to{opacity:0;transform:translateY(0)scaleY(.2)}}@keyframes tbp-glow{0%,40%{opacity:0}46%{opacity:.6}54%,to{opacity:0}}.ta-gomoku{--ta-loop:3.6s;--tgo-board:#f6e9da;--tgo-line:#6b5a48;--tgo-black:#1b1c20;--tgo-black-rim:#1b1c20;--tgo-white:#fbfaf8;--tgo-rim:#6b5a48}:root[data-theme=dark] .ta-gomoku{--tgo-board:#2b2722;--tgo-line:#a39a90;--tgo-black:#0d0e10;--tgo-black-rim:#a39a90;--tgo-white:#f2f0ec;--tgo-rim:#a39a90}.tgo-m1{transform-origin:37.5% 62.5%}.tgo-m2{transform-origin:25%}.tgo-m3{transform-origin:75% 25%}.tgo-m4{transform-origin:75%}.tgo-m5{transform-origin:25% 75%}.tgo-line{opacity:.9;transform-origin:21% 79%}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .tgo-m1{animation-name:tgo-m1}.ta[data-motion] .tgo-m2{animation-name:tgo-m2}.ta[data-motion] .tgo-m3{animation-name:tgo-m3}.ta[data-motion] .tgo-m4{animation-name:tgo-m4}.ta[data-motion] .tgo-m5{animation-name:tgo-m5}.ta[data-motion] .tgo-line{animation-name:tgo-line}}@keyframes tgo-m1{0%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(1)}7%,12%{opacity:0;transform:scale(1.6)}17%,to{opacity:1;transform:scale(1)}}@keyframes tgo-m2{0%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(1)}7%,22%{opacity:0;transform:scale(1.6)}27%,to{opacity:1;transform:scale(1)}}@keyframes tgo-m3{0%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(1)}7%,32%{opacity:0;transform:scale(1.6)}37%,to{opacity:1;transform:scale(1)}}@keyframes tgo-m4{0%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(1)}7%,42%{opacity:0;transform:scale(1.6)}47%,to{opacity:1;transform:scale(1)}}@keyframes tgo-m5{0%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(1)}7%,52%{opacity:0;transform:scale(1.6)}57%,to{opacity:1;transform:scale(1)}}@keyframes tgo-line{0%{opacity:.9;transform:rotate(-45deg)scaleX(1)rotate(45deg)}6%{opacity:0;transform:rotate(-45deg)scaleX(1)rotate(45deg)}7%{opacity:0;transform:rotate(-45deg)scaleX(0)rotate(45deg)}8%,60%{opacity:.9;transform:rotate(-45deg)scaleX(0)rotate(45deg)}72%,to{opacity:.9;transform:rotate(-45deg)scaleX(1)rotate(45deg)}}.ta-life-simulator{--ta-loop:4s;--tls-globe:#e8590c;--tls-land:#c2410c}:root[data-theme=dark] .ta-life-simulator{--tls-globe:#b23c0a;--tls-land:#8a2d07}.tls-trunk{fill:#a16207}:root[data-theme=dark] .tls-trunk{fill:#c98a2b}.tls-globe{border-radius:50%;width:52%;height:52%;position:absolute;inset-block-start:38%;inset-inline-start:24%;overflow:hidden}.tls-land{width:200%;inset-inline-end:auto}.tls-sprout{transform-origin:36% 43%}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .tls-land{animation:tls-land var(--ta-loop) linear var(--ta-loops)}.ta[data-motion=hold] .tls-land{animation-play-state:paused}.ta[data-motion] .tls-sprout{animation-name:tls-sprout}}@keyframes tls-land{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes tls-sprout{0%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(1)}8%{opacity:0;transform:scale(.1)}12%{opacity:1;transform:scale(.1)}55%,to{opacity:1;transform:scale(1)}}.ta-mahjong-solitaire{--ta-loop:3.6s;--tmj-red:#c0262d;--tmj-green:#1d7a3c;--tmj-blue:#2f5bd3}:root[data-theme=dark] .ta-mahjong-solitaire{--tmj-red:#ff8a8f;--tmj-green:#6fd38f;--tmj-blue:#8fb0ff}.tmj-pair,.tmj-pick1,.tmj-pick2{opacity:0}.tmj-pick{fill:color-mix(in srgb, var(--accent) 18%, transparent);stroke:var(--accent)}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .tmj-pair{animation-name:tmj-pair}.ta[data-motion] .tmj-pick1{animation-name:tmj-pick1}.ta[data-motion] .tmj-pick2{animation-name:tmj-pick2}}@keyframes tmj-pair{0%{opacity:0;transform:translateY(0)}10%,54%{opacity:1;transform:translateY(0)}68%,to{opacity:0;transform:translateY(-7%)}}@keyframes tmj-pick1{0%,20%{opacity:0;transform:translateY(0)}24%,54%{opacity:1;transform:translateY(0)}68%,to{opacity:0;transform:translateY(-7%)}}@keyframes tmj-pick2{0%,36%{opacity:0;transform:translateY(0)}40%,54%{opacity:1;transform:translateY(0)}68%,to{opacity:0;transform:translateY(-7%)}}.ta-memory-match{--ta-loop:3.6s}.tmm-star{fill:#a16207}:root[data-theme=dark] .tmm-star{fill:#facc15}.tmm-back1,.tmm-back2{transform:scaleX(0)}.tmm-back1,.tmm-face1{transform-origin:29.7% 29.7%}.tmm-back2,.tmm-face2{transform-origin:70.3% 70.3%}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .tmm-face1{animation-name:tmm-face1}.ta[data-motion] .tmm-back1{animation-name:tmm-back1}.ta[data-motion] .tmm-face2{animation-name:tmm-face2}.ta[data-motion] .tmm-back2{animation-name:tmm-back2}.ta[data-motion] .tmm-glow{animation-name:tmm-glow}}@keyframes tmm-face1{0%{transform:scaleX(1)}6%,22%{transform:scaleX(0)}28%,to{transform:scaleX(1)}}@keyframes tmm-back1{0%,6%{transform:scaleX(0)}12%,16%{transform:scaleX(1)}22%,to{transform:scaleX(0)}}@keyframes tmm-face2{0%{transform:scaleX(1)}6%,42%{transform:scaleX(0)}48%,to{transform:scaleX(1)}}@keyframes tmm-back2{0%,6%{transform:scaleX(0)}12%,36%{transform:scaleX(1)}42%,to{transform:scaleX(0)}}@keyframes tmm-glow{0%{opacity:1;transform:scale(1)}5%,52%{opacity:0;transform:scale(.94)}58%{opacity:1;transform:scale(1.04)}64%,to{opacity:1;transform:scale(1)}}.ta-minesweeper{--ta-loop:3.2s;--tms-1:#2f5bd3;--tms-2:#1d7a3c;--tms-flag:#fff}:root[data-theme=dark] .ta-minesweeper{--tms-1:#8fb0ff;--tms-2:#6fd38f}.tms-cover{opacity:0}.tms-cover,.tms-number{transform-origin:73.45% 50.05%}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .tms-cover{animation-name:tms-cover}.ta[data-motion] .tms-number{animation-name:tms-number}.ta[data-motion] .tms-flag{animation-name:tms-flag}}@keyframes tms-cover{0%{opacity:0;transform:scale(1)}8%,26%{opacity:1;transform:scale(1)}34%,to{opacity:0;transform:scale(.4)}}@keyframes tms-number{0%{transform:scale(1)}8%,30%{transform:scale(.7)}38%{transform:scale(1.15)}44%,to{transform:scale(1)}}@keyframes tms-flag{0%{opacity:1;transform:translateY(0)}8%,50%{opacity:0;transform:translateY(-8%)}57%{opacity:1;transform:translateY(0)}61%{transform:translateY(-1.5%)}65%,to{opacity:1;transform:translateY(0)}}.ta-snake{--ta-loop:3.2s}.tsn-food{opacity:0;transform-origin:75.8% 58.6%}.tsn-next{transform-origin:58.6% 24.2%}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .tsn-run{animation-name:tsn-run}.ta[data-motion] .tsn-tail{animation-name:tsn-tail}.ta[data-motion] .tsn-grow{animation-name:tsn-grow}.ta[data-motion] .tsn-food{animation-name:tsn-food}.ta[data-motion] .tsn-next{animation-name:tsn-next}}@keyframes tsn-run{0%{opacity:1;transform:translate(0)}5%{opacity:0;transform:translate(0)}6%{opacity:0;transform:translate(-34.4%)}12%,30%{opacity:1;transform:translate(-34.4%)}36%,56%{opacity:1;transform:translate(-17.2%)}62%,to{opacity:1;transform:translate(0)}}@keyframes tsn-tail{0%{opacity:1;transform:translateY(0)}5%{opacity:0;transform:translateY(0)}6%{opacity:0;transform:translateY(17.2%)}12%,30%{opacity:1;transform:translateY(17.2%)}36%,to{opacity:1;transform:translateY(0)}}@keyframes tsn-grow{0%{opacity:1}5%,57%{opacity:0}62%,to{opacity:1}}@keyframes tsn-food{0%{opacity:0;transform:scale(1)}12%,57%{opacity:1;transform:scale(1)}62%,to{opacity:0;transform:scale(.3)}}@keyframes tsn-next{0%{opacity:1;transform:scale(1)}5%,68%{opacity:0;transform:scale(.3)}74%{opacity:1;transform:scale(1.2)}80%,to{opacity:1;transform:scale(1)}}.ta-solitaire{--ta-loop:3.8s;--tkl-face:#fff;--tkl-red:#c8232c;--tkl-black:#1e1f24}:root[data-theme=dark] .ta-solitaire{--tkl-face:#2a2d35;--tkl-red:#ff7a80;--tkl-black:#f2f2f4}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .tkl-seven{animation-name:tkl-seven}.ta[data-motion] .tkl-king{animation-name:tkl-king}}@keyframes tkl-seven{0%{opacity:1;transform:translate(0)}5%{opacity:0;transform:translate(0)}6%{opacity:0;transform:translateY(-47%)}11%,18%{opacity:1;transform:translateY(-47%)}36%,to{opacity:1;transform:translate(0)}}@keyframes tkl-king{0%{opacity:1;transform:translate(0)}5%{opacity:0;transform:translate(0)}6%{opacity:0;transform:translate(-30%)}11%,52%{opacity:1;transform:translate(-30%)}72%,to{opacity:1;transform:translate(0)}}.ta-sudoku{--ta-loop:3.4s;--tsu-lit:#19a97438;--tsu-pick:#ffe2cc}:root[data-theme=dark] .ta-sudoku{--tsu-lit:#3dd59833;--tsu-pick:#4a2c1a}.tsu-marks{opacity:0}.tsu-row{transform-origin:15.6%}.tsu-digit{transform-origin:50%}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .tsu-marks{animation-name:tsu-marks}.ta[data-motion] .tsu-digit{animation-name:tsu-digit}.ta[data-motion] .tsu-row{animation-name:tsu-row}}@keyframes tsu-marks{0%{opacity:0}10%,40%{opacity:1}46%,to{opacity:0}}@keyframes tsu-digit{0%{opacity:1;transform:scale(1)}8%,44%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}56%,to{opacity:1;transform:scale(1)}}@keyframes tsu-row{0%{opacity:1;transform:scaleX(1)}8%{opacity:0;transform:scaleX(1)}9%{opacity:0;transform:scaleX(0)}10%,58%{opacity:1;transform:scaleX(0)}70%,to{opacity:1;transform:scaleX(1)}}.ta-tangram{--ta-loop:3.6s;--ttg-0:#f08c4a;--ttg-1:#4c9be8;--ttg-2:#3fae5a;--ttg-3:#f2b630;--ttg-4:#b86fd6;--ttg-5:#2fb3c0;--ttg-6:#ef6f9b}:root[data-theme=dark] .ta-tangram{--ttg-0:#c4561a;--ttg-1:#2f6fb8;--ttg-2:#2e8a45;--ttg-3:#b9861a;--ttg-4:#8a4aa8;--ttg-5:#1f8490;--ttg-6:#b84a74}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .ttg-piece{animation-name:ttg-piece}.ta[data-motion] .ttg-cat{animation-name:ttg-cat}}@keyframes ttg-piece{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}6%{opacity:0;transform:translate(0)rotate(0)scale(1)}7%{opacity:0;transform:translate(-30%,26%)rotate(-45deg)scale(1)}16%{opacity:1;transform:translate(-30%,26%)rotate(-45deg)scale(1)}52%{opacity:1;transform:translate(0)rotate(0)scale(1)}60%{opacity:1;transform:translateY(-3%)rotate(0)scale(1.03)}68%,to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes ttg-cat{0%,52%{transform:translate(0)scale(1)}60%{transform:translateY(-3%)scale(1.03)}68%,to{transform:translate(0)scale(1)}}.ta-tic-tac-toe{--ta-loop:3.4s}.ttt-m1{transform-origin:50.05% 50.05%}.ttt-m2{transform-origin:24.65% 75.45%}.ttt-m3{transform-origin:75.45% 75.45%}.ttt-line{opacity:.85;transform-origin:17.5% 17.5%}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .ttt-m1{animation-name:ttt-m1}.ta[data-motion] .ttt-m2{animation-name:ttt-m2}.ta[data-motion] .ttt-m3{animation-name:ttt-m3}.ta[data-motion] .ttt-line{animation-name:ttt-line}}@keyframes ttt-m1{0%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(1)}7%,14%{opacity:0;transform:scale(1.6)}19%,to{opacity:1;transform:scale(1)}}@keyframes ttt-m2{0%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(1)}7%,31%{opacity:0;transform:scale(1.6)}36%,to{opacity:1;transform:scale(1)}}@keyframes ttt-m3{0%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(1)}7%,48%{opacity:0;transform:scale(1.6)}53%,to{opacity:1;transform:scale(1)}}@keyframes ttt-line{0%{opacity:.85;transform:rotate(45deg)scaleX(1)rotate(-45deg)}6%{opacity:0;transform:rotate(45deg)scaleX(1)rotate(-45deg)}7%{opacity:0;transform:rotate(45deg)scaleX(0)rotate(-45deg)}8%,62%{opacity:.85;transform:rotate(45deg)scaleX(0)rotate(-45deg)}74%,to{opacity:.85;transform:rotate(45deg)scaleX(1)rotate(-45deg)}}.ta-typing-test{--ta-loop:3.6s}.ttt-edge{fill:#ffd2b3}:root[data-theme=dark] .ttt-edge{fill:#7a3a12}.ttt-cover{transform-origin:66% 29%;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .ttt-cover{animation-name:ttt-cover}.ta[data-motion] .ttt-caret{animation-name:ttt-caret}.ta[data-motion] .ttt-k1{animation-name:ttt-k1}.ta[data-motion] .ttt-k2{animation-name:ttt-k2}.ta[data-motion] .ttt-k3{animation-name:ttt-k3}.ta[data-motion] .ttt-k4{animation-name:ttt-k4}.ta[data-motion] .ttt-space{animation-name:ttt-space}}@keyframes ttt-cover{0%{transform:scaleX(0)}8%,15%{transform:scaleX(1)}17%,29%{transform:scaleX(.744)}31%,43%{transform:scaleX(.5)}45%,57%{transform:scaleX(.256)}59%,to{transform:scaleX(0)}}@keyframes ttt-caret{0%{transform:translate(0)}8%,15%{transform:translate(-45%)}17%,29%{transform:translate(-33.5%)}31%,43%{transform:translate(-22.5%)}45%,57%{transform:translate(-11.5%)}59%,to{transform:translate(0)}}@keyframes ttt-k1{0%,14%,20%,to{transform:translateY(0)}16%,18%{transform:translateY(1.6%)}}@keyframes ttt-k2{0%,28%,34%,to{transform:translateY(0)}30%,32%{transform:translateY(1.6%)}}@keyframes ttt-k3{0%,42%,48%,to{transform:translateY(0)}44%,46%{transform:translateY(1.6%)}}@keyframes ttt-k4{0%,56%,62%,to{transform:translateY(0)}58%,60%{transform:translateY(1.6%)}}@keyframes ttt-space{0%,70%,76%,to{transform:translateY(0)}72%,74%{transform:translateY(1.6%)}}.ta-2048{--ta-loop:3.6s}.t2k-b,.t2k-c,.t2k-d{opacity:0}.t2k-a{transform-origin:32% 68%}.t2k-b,.t2k-c{transform-origin:68% 68%}.t2k-d,.t2k-e{transform-origin:68% 32%}@media (prefers-reduced-motion:no-preference){.ta[data-motion] .t2k-a{animation-name:t2k-a}.ta[data-motion] .t2k-b{animation-name:t2k-b}.ta[data-motion] .t2k-c{animation-name:t2k-c}.ta[data-motion] .t2k-d{animation-name:t2k-d}.ta[data-motion] .t2k-e{animation-name:t2k-e}}@keyframes t2k-a{0%,14%{opacity:1;transform:translate(0)scale(1)}26%{opacity:1;transform:translate(36%)scale(1)}27%{opacity:0;transform:translate(36%)scale(1)}28%,76%{opacity:0;transform:translate(0)scale(.3)}84%,to{opacity:1;transform:translate(0)scale(1)}}@keyframes t2k-b{0%{opacity:0;transform:scale(.4)}10%,26%{opacity:1;transform:scale(1)}27%,to{opacity:0;transform:scale(1)}}@keyframes t2k-c{0%,26%{opacity:0;transform:translateY(0)scale(1)}27%{opacity:1;transform:translateY(0)scale(1)}32%{transform:translateY(0)scale(1.15)}37%,50%{opacity:1;transform:translateY(0)scale(1)}62%{opacity:1;transform:translateY(-36%)scale(1)}63%,to{opacity:0;transform:translateY(-36%)scale(1)}}@keyframes t2k-d{0%{opacity:0;transform:scale(.4)}10%,62%{opacity:1;transform:scale(1)}63%,to{opacity:0;transform:scale(1)}}@keyframes t2k-e{0%{opacity:1;transform:scale(1)}8%,62%{opacity:0;transform:scale(.6)}63%{opacity:1;transform:scale(.9)}68%{transform:scale(1.18)}74%,to{opacity:1;transform:scale(1)}}