@import"https://fonts.googleapis.com/css2?family=Caprasimo&family=Roboto+Slab:wght@400;700&display=swap";:root{--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);--ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);--ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);--ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);--ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);--ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10);--ease-elastic-1: var(--ease-elastic-out-1);--ease-elastic-2: var(--ease-elastic-out-2);--ease-elastic-3: var(--ease-elastic-out-3);--ease-elastic-4: var(--ease-elastic-out-4);--ease-elastic-5: var(--ease-elastic-out-5);--ease-squish-1: var(--ease-elastic-in-out-1);--ease-squish-2: var(--ease-elastic-in-out-2);--ease-squish-3: var(--ease-elastic-in-out-3);--ease-squish-4: var(--ease-elastic-in-out-4);--ease-squish-5: var(--ease-elastic-in-out-5);--ease-spring-1: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);--ease-spring-2: linear(0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1);--ease-spring-3: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1);--ease-spring-4: linear(0, .009, .037 1.7%, .153 3.6%, .776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, .973, .955 39.2%, .953 41.1%, .957 43.3%, .998 53.3%, 1.009 59.1% 63.7%, .998 78.9%, 1);--ease-spring-5: linear(0, .01, .04 1.6%, .161 3.3%, .816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, .999 29.4%, .955 32.1%, .942, .935 34.9%, .933, .939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, .996 70.2%, 1.001 87.2%, 1);--ease-bounce-1: linear(0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.8%, .563, .766, 1 58.8%, .946, .908 69.1%, .895, .885, .879, .878, .879, .885, .895, .908 89.7%, .946, 1);--ease-bounce-2: linear(0, .004, .016, .035, .063, .098, .141 15.1%, .25, .391, .562, .765, 1, .892 45.2%, .849, .815, .788, .769, .757, .753, .757, .769, .788, .815, .85, .892 75.2%, 1 80.2%, .973, .954, .943, .939, .943, .954, .973, 1);--ease-bounce-3: linear(0, .004, .016, .035, .062, .098, .141 11.4%, .25, .39, .562, .764, 1 30.3%, .847 34.8%, .787, .737, .699, .672, .655, .65, .656, .672, .699, .738, .787, .847 61.7%, 1 66.2%, .946, .908, .885 74.2%, .879, .878, .879, .885 79.5%, .908, .946, 1 87.4%, .981, .968, .96, .957, .96, .968, .981, 1);--ease-bounce-4: linear(0, .004, .016 3%, .062, .141, .25, .391, .562 18.2%, 1 24.3%, .81, .676 32.3%, .629, .595, .575, .568, .575, .595, .629, .676 48.2%, .811, 1 56.2%, .918, .86, .825, .814, .825, .86, .918, 1 77.2%, .94 80.6%, .925, .92, .925, .94 87.5%, 1 90.9%, .974, .965, .974, 1);--ease-bounce-5: linear(0, .004, .016 2.5%, .063, .141, .25 10.1%, .562, 1 20.2%, .783, .627, .534 30.9%, .511, .503, .511, .534 38%, .627, .782, 1 48.7%, .892, .815, .769 56.3%, .757, .753, .757, .769 61.3%, .815, .892, 1 68.8%, .908 72.4%, .885, .878, .885, .908 79.4%, 1 83%, .954 85.5%, .943, .939, .943, .954 90.5%, 1 93%, .977, .97, .977, 1)}:root{--ff-heading: "Graphik", sans-serif;--ff-text: Arial, Helvetica, sans-serif,"Wotfard", serif;--ff-code: "IBM Plex Mono", monospace;--ff-kp-primary: "Barlow Semi Condensed", sans-serif}@layer fonts;@layer fonts{@font-face{font-family:Dela Gothic One;src:url(/fonts/DelaGothicOne-Regular.ttf) format("truetype")}@font-face{font-family:Rampart one;src:url(/fonts/RampartOne-Regular.ttf) format("truetype")}}:root{--color-base-white: #fff;--color-base-black: #000;--color-base-grey: #ccc;--color-black-500: #333;--color-grey-100: #fafafa;--color-grey-200: #eee;--color-grey-300: #ddd;--color-grey-400: var(--color-base-grey);--color-grey-700: #737373;--color-grey-800: #505050;--color-grey-900: #222;--color-default: light-dark(var(--color-base-black), var(--color-base-white));--color-contrast: light-dark(var(--color-base-white), var(--color-base-black));--color-overlay: light-dark(rgba(0, 0, 0, .6), rgba(255, 255, 255, .6));--app-color-background-primary: var(--color-contrast);--app-color-background-contrast: var(--color-default);--app-color-text-primary: var(--color-default);--app-color-text-secondary: light-dark(var(--color-grey-700), var(--color-grey-200));--app-color-border-primary: var(--color-default);--app-color-border-secondary: light-dark(#ccc, #737373);--app-color-border-tertiary: light-dark(#ccc, #eee);--anchor-color-text-primary: light-dark(#000, #fff);--anchor-color-text-primary-active: light-dark(#0f73ee, #bb86fc);--anchor-color-text-secondary: light-dark(#999, #737373);--anchor-color-text-secondary-active: light-dark(#0f73ee, #bb86fc)}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}html{color-scheme:light dark}@media (prefers-color-scheme: dark){html{color-scheme:dark}}html[data-theme=dark]{color-scheme:only dark}html[data-theme=light]{color-scheme:only light}:root{interpolate-size:allow-keywords}*,*:after,*:before{box-sizing:inherit}:target{scroll-margin-block:5ex}*{margin:0;padding:0;font:inherit;font-size:100%;line-height:inherit}html,body{width:auto;height:100%}html{box-sizing:border-box;font-size:16px;-webkit-tap-highlight-color:rgba(0,0,0,0);hanging-punctuation:first last;text-size-adjust:none}html:focus-within{scroll-behavior:smooth}body{font-family:var(--ff-text, Arial, Helvetica, sans-serif, "Wotfard", serif);line-height:1.5;font-weight:300;font-size:.875rem;border-color:var(--app-color-border-primary, #000);color:var(--app-color-text-primary, #000);background-color:var(--app-color-background-primary, #fff);outline-color:var(--app-color-border-primary, #000);position:relative;text-rendering:optimizeSpeed}body.-userSelectNone *{-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,figcaption{text-wrap:pretty}ul{list-style-type:none;padding:0;margin:0}ol{list-style:none}img{width:100%;height:auto}button,[role=button]{cursor:pointer}button:disabled,button[aria-disabled=true],[role=button]:disabled,[role=button][aria-disabled=true]{filter:grayscale(1)}a{color:var(--anchor-color-text-primary, #000);text-decoration-skip-ink:auto}a:hover,a:focus-visible{color:var(--anchor-color-text-primary-active, #000)}a[aria-disabled=true]{pointer-events:none;filter:grayscale(1)}img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,button,input,label{line-height:1.1}table{border-collapse:collapse;border-spacing:0}fieldset{min-width:0;border:0}[hidden]{display:none}@media (prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:var(--app-wrap-padding-v, 3rem)}}:root{--content-padding: 4.75rem;--content-maxwidth: 80rem;--content-breakout-maxwidth: 96.875rem}@media (max-width: 720px){:root{--content-padding: 2rem}}@media (max-width: 450px){:root{--content-padding: 1rem}}.app-fullwidth{grid-column:full-width;display:grid;grid-template-columns:inherit}.app-breakout{grid-column:breakout}.app-grid{--grid-padding-horizontal: var(--content-padding);--grid-content-maxwidth: var(--content-maxwidth);--grid-breakout-maxwidth: var(--content-breakout-maxwidth);--grid-breakout-size: calc((var(--grid-breakout-maxwidth) - var(--grid-content-maxwidth)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--grid-padding-horizontal),1fr) [breakout-start] minmax(0,var(--grid-breakout-size)) [content-start] min(100% - var(--grid-padding-horizontal) * 2,var(--grid-content-maxwidth)) [content-end] minmax(0,var(--grid-breakout-size)) [breakout-end] minmax(var(--grid-padding-horizontal),1fr) [full-width-end]}.app-fullwidth>:not(.app-breakout,.app-fullwidth),.app-grid>:not(.app-breakout,.app-fullwidth){grid-column:content}.app-container{padding-left:var(--content-padding);padding-right:var(--content-padding);width:100%;max-width:var(--content-maxwidth);margin-left:auto;margin-right:auto}.app-wrap{width:100%;margin:0 auto;display:flex;flex-direction:column;position:relative;flex:1}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{padding:.25rem .75rem;font-size:.875rem;position:absolute;top:0;left:50%;text-align:center;background-color:#f4f4f4;transform:translate(-50%);z-index:1100}.-stretched-link:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;display:inline-block;z-index:1}.-stretched-link:after:focus-visible:after{outline:.0625rem solid #000}.app-releasenotes__group h3{font-size:1.25rem;font-weight:500}.app-releasenotes__group>ul{padding-left:1rem}.app-releasenotes__group>ul>li{list-style-type:disc;font-size:.875rem}.app-releasenotes__list{padding-left:1rem;list-style-type:disclosure-closed;display:flex;flex-direction:column}.app-releasenotes__list>li{padding:1rem 0}.app-releasenotes__list>li:not(:first-child){border-top:1px solid #ccc}.app-releasenotes__title{font-size:2rem;text-align:center}.app-releasenotes__back{color:#000}.app-releasenotes__back svg{width:1.5rem;height:1.5rem}.app-releasenotes__head{display:flex;align-items:center;gap:1rem}.app-releasenotes__wrap{padding:2rem 0}.app-themeswitch__toggle{background:transparent;border:0;padding:0;height:1.5rem;width:1.5rem;color:inherit}.app-themeswitch__toggle .sun-and-moon{height:100%;width:100%;pointer-events:none}.app-themeswitch__toggle .sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center}.app-themeswitch__toggle .sun-and-moon>:is(.moon,.sun){fill:var(--themeswitch-icon-color)}.app-themeswitch__toggle .sun-and-moon>.sun-beams{stroke:var(--themeswitch-icon-color);stroke-width:2px}@media (prefers-reduced-motion: no-preference){.app-themeswitch__toggle .sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3)}.app-themeswitch__toggle .sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.app-themeswitch__toggle .sun-and-moon>circle{transition:transform .25s var(--ease-out-5)}@supports (cx: 1){.app-themeswitch__toggle .sun-and-moon>.moon>circle{transition:cx .25s var(--ease-out-5)}}}.app-themeswitch__toggle[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}.app-themeswitch__toggle[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}.app-themeswitch__toggle[data-theme=dark] .sun-and-moon .moon>circle{transform:translate(-7px)}@supports (cx: 1){.app-themeswitch__toggle[data-theme=dark] .sun-and-moon>.moon>circle{cx:17;transform:translate(0)}}@media (prefers-reduced-motion: no-preference){.app-themeswitch__toggle[data-theme=dark] svg.sun-and-moon>.sun{transition-timing-function:var(--ease-3);transition-duration:.25s;transform:scale(1.75)}.app-themeswitch__toggle[data-theme=dark] svg.sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-25deg)}.app-themeswitch__toggle[data-theme=dark] svg.sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}.app-themeswitch__toggle:is(:hover,:focus-visible) .sun-and-moon>:is(.moon,.sun){fill:var(--themeswitch-icon-color-active)}.app-themeswitch__toggle:is(:hover,:focus-visible) .sun-and-moon .sun-beams{stroke:var(--themeswitch-icon-color-active)}.app-themeswitch__wrap{line-height:1;--themeswitch-icon-color: light-dark( rgba(0, 0, 0, .8), rgba(255, 255, 255, .8) );--themeswitch-icon-color-active: light-dark( rgba(0, 0, 0, 1), rgba(255, 255, 255, 1) )}.app-header__inner{display:flex;justify-content:space-between}.app-header__wrap{position:sticky;background-color:transparent;inset:0 0 auto 0;z-index:99;padding:1rem 0;background-color:var(--app-color-background-primary);height:var(--app-height-header, 4.5rem)}:root{--app-height-header: 4rem;--app-margin-top-header: 0;--app-wrap-padding-v: calc(var(--app-height-header) + var(--app-margin-top-header) + 0) }.app-nxvmenu__item{display:block;padding:.5rem 1rem;text-decoration:none}.app-nxvmenu__item:hover,.app-nxvmenu__item:focus-visible{background-color:light-dark(#f5f5f5,#575757);background-color:var(--app-color-background-contrast);color:var(--app-color-background-primary);outline:none;text-decoration:none}.app-nxvmenu__dropdown{position:absolute;top:calc(100% + .75rem);right:0;background:var(--app-color-background-primary);border:1px solid var(--color-default);border-radius:.5rem;min-width:200px;max-height:80vh;overflow-y:auto;display:none;box-shadow:0 2px 4px light-dark(rgba(0,0,0,.1),transparent)}.app-nxvmenu__dropdown.-open{display:block}.app-nxvmenu__control{background:none;padding:0 .25rem;cursor:pointer;font-size:1rem;border-radius:.5rem;line-height:1;height:1.5rem;display:flex;align-items:center;gap:.5rem;border:none}.app-nxvmenu__control:after{content:"";height:1rem;width:1rem;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;display:block;transition:rotate .2s ease;translate:0 1px}.app-nxvmenu__control[aria-expanded=true]:after{rotate:180deg}.app-nxvmenu__control span{display:inline-block}.app-nxvmenu__control:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}@media (max-width: 400px){.app-nxvmenu__control span{display:none}.app-nxvmenu__control:before{content:"nav"}}.app-nxvmenu__wrap{position:relative}.app-footer__right{display:flex;align-items:center;gap:.5rem;margin-left:auto}@media (max-width: 300px){.app-footer__right{margin-left:0}}.app-footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.app-footer__wrap{padding:1rem 0;border-top:1px solid}.ttt-player__symbol{font-size:1rem;color:#e1dec7;flex:0 0 auto}.ttt-player__name{display:inline-block;font-size:1rem;color:#e1dec7;text-transform:uppercase;margin:0;padding:.5rem;border-radius:4px;text-overflow:ellipsis;text-align:center;flex:1;white-space:break-spaces}.ttt-player__wrap{border:2px solid transparent;padding:.5rem;border-radius:4px;font-weight:700;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.ttt-player__wrap span{display:inline-block}.ttt-player__wrap input{font:inherit;font-size:1rem;width:10rem;border:none;padding:.5rem;animation:pulse-text 2s infinite;background-color:#46432f;text-align:center;text-transform:uppercase}.ttt-player__container>button{width:3rem;border:none;background:none;color:#c3ba78;font-size:.9rem;cursor:pointer;transition:color .2s;padding:.5rem .25rem;text-align:center}.ttt-player__container>button:hover{color:#f8ca31}.ttt-player__container{display:flex;align-items:center;flex:1;border:2px solid transparent}.ttt-player__container.active{border-color:#f6e35a;animation:pulse 2s infinite ease-in-out}.ttt-player__container.active :is(.ttt-player__name,.ttt-player__symbol){color:#f6e35a}@keyframes pulse-text{0%{color:#e1dec7}50%{color:#9f9d83}to{color:#e1dec7}}@keyframes pulse{0%{border-color:#f6e35a;box-shadow:0 0 #f6e35a66}50%{border-color:#f8c031;box-shadow:0 0 0 .5rem #f8a53100}to{border-color:#f6e35a;box-shadow:0 0 #f6e35a00}}.ttt-gameboard__wrap>li>ol>li>button{width:min(8rem,100%);aspect-ratio:1/1;border:none;background:#aca788;color:#3f3b00;font-size:min(5rem,5vmax);cursor:pointer;font-family:Caprasimo,cursive;padding:1rem}.ttt-gameboard__wrap>li>ol>li>button:disabled{filter:grayscale(1)}.ttt-gameboard__wrap>li>ol>li{display:flex;justify-content:center}.ttt-gameboard__wrap>li>ol{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:0;padding:0}.ttt-gameboard__wrap>li{position:relative}.ttt-gameboard__wrap{gap:2rem;margin:3rem 0;padding:0;display:grid}.ttt-log__list>li{border-radius:4px;animation:slide-in-from-left 1s cubic-bezier(.075,.82,.165,1) forwards;margin:.75rem}.ttt-log__list>li.highlighted{background-color:#3f3b00;color:#fff}.ttt-log__list{max-width:20rem;color:#3f3b00;list-style:none;margin:2rem auto;padding:0;text-align:center}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-30%)}to{opacity:1;transform:translate(0)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.ttt-gameover__wrap h2{font-family:Caprasimo,cursive;font-size:4rem;text-align:center;color:#fcd256;margin:0}.ttt-gameover__wrap p{font-size:2rem;text-align:center;color:#e1dec7}.ttt-gameover__wrap button{display:block;margin:0 auto;font-size:1.5rem;background:none;border:2px solid #fcd256;color:#fcd256;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s,color .2s;box-shadow:0 0 8px #fb06}.ttt-gameover__wrap button:hover{background:#fcd256;color:#3f3b00;transform:scale(1.1);box-shadow:0 0 20px #fb0c}.ttt-gameover__wrap{position:absolute;top:0;left:0;width:100%;height:100%;gap:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#282617f2;animation:pop-in .5s cubic-bezier(.68,-.55,.65,.52) forwards;z-index:1}.ttt-game__players>li{position:relative}.ttt-game__players{list-style:none;padding:0;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem}.ttt-game__container{width:min(100%,38rem);margin:3rem auto;padding:2rem;border-radius:.375rem;background:linear-gradient(#383624,#282617);box-shadow:0 0 2px #00000080;border:1px solid #ccc;position:relative}@keyframes pulse-text-size{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.wf-app__refcont{margin:2rem 0 3rem;display:flex;justify-content:center;font-size:1rem}.wf-app__title{text-align:center;margin-bottom:2rem;font-size:2rem}.wf-app__wrap{padding-top:var(--app-wrap-padding-v)}.cc-references__list{list-style-type:upper-latin;padding-inline-start:1.5rem}.cc-references__back svg{height:1.5rem;width:1.5rem}.cc-references__head{display:flex;align-items:center;gap:1rem}.cc-references__head h2{font-size:1.5rem;font-weight:500}.cc-references__wrap{display:flex;flex-direction:column;gap:1.5rem}.wf-grid__table-button{padding:1rem;block-size:3rem;inline-size:3rem;line-height:1;text-transform:capitalize}.wf-grid__table-button[aria-selected=true]{background:color-mix(in srgb,green,light-dark(transparent,turquoise) 80%)}.wf-grid__table-button[disabled]{opacity:1;filter:none}.wf-grid__table-cell{min-block-size:3rem;min-inline-size:3rem;padding:1rem;display:grid;place-content:center;place-items:center}.wf-grid__table>table td{line-height:1;font-size:1rem}.wf-grid__table>table td:not(:last-child){border-right:1px solid var(--color-default)}.wf-grid__table>table tr:not(:first-child){border-top:1px solid var(--color-default)}.wf-grid__table>table{border:1px solid var(--color-default)}.wf-grid__table{position:relative;display:flex;justify-content:center}.wf-grid__table[data-state=yettostart]:after{content:none}.wf-grid__table[data-state=stopped]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.wf-app__progress{--_progress: 10%;width:min(100%,30rem);padding:.5rem 1rem;border:1px solid var(--color-default);background:linear-gradient(to right,light-dark(turquoise,teal) 0 var(--_progress),transparent var(--_progress));border-radius:1rem;line-height:1}.wf-app__selection{padding:1rem;border:1px solid var(--color-default)}.wf-app__controlgroup,.wf-app__selectwrap{display:flex;flex-wrap:wrap;gap:1rem}.wf-app__main{display:flex;flex-direction:column;align-items:center;gap:2rem}
