.gallery{flex-direction:column;max-width:1240px;min-height:100svh;margin:auto;padding:44px 28px 24px;display:flex}.gallery-header{text-align:center}.gallery-title{letter-spacing:-.05em;margin:0;font-family:Cormorant,Georgia,serif;font-size:clamp(76px,10vw,114px);font-weight:400;line-height:.94}.gallery-title i{font-weight:400}.gallery-title b{color:var(--hint);font-weight:400}.gallery-header .title-rule{margin-top:24px}.game-selection{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px 32px;width:min(100%,1050px);margin:24px auto;display:grid}.game-choice{color:var(--ink);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;padding:8px;text-decoration:none;display:flex}.game-choice:focus-visible{outline:1px solid var(--hint);outline-offset:4px}.game-illustration{place-items:center;width:128px;height:105px;display:grid}.game-illustration svg{width:100%;height:100%;overflow:visible}.illustration-pins path{fill:var(--paper);stroke:var(--ink);stroke-width:1px;transition:fill .25s,transform .3s}.illustration-thread{stroke:var(--ink);stroke-width:.7px;fill:none;opacity:.18}.choice-kayles:hover .illustration-pins path:nth-child(2),.choice-kayles:focus-visible .illustration-pins path:nth-child(2){fill:var(--ink)}.illustration-grid{stroke:var(--ink);stroke-width:.6px;opacity:.14;fill:none}.illustration-goal{fill:var(--paper);stroke:var(--hint);stroke-width:1px}.illustration-route{fill:none;stroke:var(--hint);stroke-width:.8px;opacity:0;transition:opacity .3s}.illustration-stone{fill:var(--ink);transition:transform .65s cubic-bezier(.25,.5,.25,1)}.illustration-inlay{fill:var(--hint)}.choice-wythoff:hover .illustration-stone,.choice-wythoff:focus-visible .illustration-stone{transform:translate(-64px,64px)}.choice-wythoff:hover .illustration-route,.choice-wythoff:focus-visible .illustration-route{opacity:.65}.illustration-ground{fill:none;stroke:var(--ink);stroke-width:.7px;stroke-dasharray:2 4;opacity:.25}.illustration-branches{stroke:#63725a;stroke-width:1.2px;fill:none;stroke-linecap:round}.illustration-branches circle{fill:#63725a;stroke:none}.illustration-cut{transition:opacity .2s}.illustration-falling{transform-box:fill-box;transform-origin:0 100%;transition:transform .6s,opacity .6s}.choice-hackenbush:hover .illustration-cut,.choice-hackenbush:focus-visible .illustration-cut{opacity:0}.choice-hackenbush:hover .illustration-falling,.choice-hackenbush:focus-visible .illustration-falling{opacity:.15;transform:translateY(22px)rotate(12deg)}.illustration-dom-grid{stroke:var(--ink);stroke-width:.6px;opacity:.16;fill:none}.illustration-vertical rect{fill:var(--ink)}.illustration-horizontal rect{fill:#8a9382}.illustration-vertical path,.illustration-horizontal path{stroke:var(--paper);stroke-width:.65px;opacity:.4}.illustration-horizontal{opacity:.4;transition:transform .4s,opacity .4s;transform:translate(4px)}.choice-domineering:hover .illustration-horizontal,.choice-domineering:focus-visible .illustration-horizontal{opacity:1;transform:translate(0)}.illustration-col-borders{stroke:var(--ink);stroke-width:.65px;opacity:.18;fill:none}.illustration-col-blue path{fill:var(--ink)}.illustration-col-blue circle,.illustration-col-red .col-small-mark{fill:var(--paper);opacity:.55}.illustration-col-red path{fill:#8a9382}.illustration-col-new path{fill:#35383008;transition:fill .3s}.illustration-col-new circle,.illustration-col-dot{fill:var(--ink);opacity:.2;transition:fill .3s,opacity .3s}.choice-col:hover .illustration-col-new path,.choice-col:focus-visible .illustration-col-new path{fill:var(--ink)}.choice-col:hover .illustration-col-new circle,.choice-col:focus-visible .illustration-col-new circle{fill:var(--paper);opacity:.55}.illustration-seeds ellipse,.illustration-counters circle{fill:var(--paper);stroke:var(--ink);stroke-width:.9px}.illustration-prim-take{transition:opacity .35s,transform .35s}.choice-prim:hover .illustration-prim-take,.choice-prim:focus-visible .illustration-prim-take{opacity:.1;transform:translateY(-8px)}.illustration-dim-pair circle{transition:fill .25s}.choice-dim:hover .illustration-dim-pair circle,.choice-dim:focus-visible .illustration-dim-pair circle{fill:var(--ink)}.illustration-dim-groups{stroke:var(--hint);stroke-width:.75px;fill:none;opacity:.12;transition:opacity .25s}.choice-dim:hover .illustration-dim-groups,.choice-dim:focus-visible .illustration-dim-groups{opacity:.6}.illustration-tf-rail{fill:none;stroke:var(--ink);stroke-width:.7px;opacity:.2}.illustration-tf-route{fill:none;stroke:var(--hint);stroke-width:.8px;opacity:0;transition:opacity .3s}.illustration-tf-empty{fill:var(--ink);opacity:.2}.choice-toads-and-frogs:hover .illustration-toad,.choice-toads-and-frogs:focus-visible .illustration-toad{animation:.65s ease-in-out forwards gallery-hop}.choice-toads-and-frogs:hover .illustration-tf-route,.choice-toads-and-frogs:focus-visible .illustration-tf-route{opacity:.6}.choice-toads-and-frogs:hover .illustration-tf-empty,.choice-toads-and-frogs:focus-visible .illustration-tf-empty{opacity:0}@keyframes gallery-hop{0%{transform:translate(0)}50%{transform:translate(52px,-24px)}to{transform:translate(104px)}}.game-choice h2{letter-spacing:-.045em;white-space:nowrap;margin:10px 0 0;font:400 48px/.95 Cormorant,Georgia,serif}.game-choice h2 span{color:var(--hint)}.choice-hackenbush h2,.choice-domineering h2{font-size:36px}.choice-toads-and-frogs h2{font-size:34px}.choice-toads-and-frogs h2 em{color:var(--hint);font-size:.7em;font-weight:400}.game-number{color:var(--quiet);margin-top:10px;font:400 16px/1 Cormorant,Georgia,serif}.gallery-footnote{justify-content:center;align-items:center;gap:12px;height:12px;display:flex}.gallery-footnote span{background:var(--ink);opacity:.12;width:28px;height:1px}.gallery-footnote i{border:1px solid var(--hint);width:3px;height:3px;transform:rotate(45deg)}@media (width>=601px) and (width<=1099px){.gallery{padding-top:36px;padding-bottom:24px}.gallery-title{font-size:86px}.gallery-header .title-rule{margin-top:22px}.game-selection{gap:16px 8px;max-width:980px;margin:20px auto}.game-choice{padding:8px 4px}.game-illustration{width:120px;height:100px}.game-choice h2{margin-top:12px;font-size:42px}.choice-hackenbush h2,.choice-domineering h2{font-size:clamp(24px,3.1vw,32px)}.choice-toads-and-frogs h2{font-size:clamp(22px,3vw,30px)}.game-number{margin-top:12px;font-size:16px}}@media (width<=600px){.gallery{padding:24px 24px 16px}.gallery-title{font-size:58px}.gallery-title>span{display:block}.gallery-header .title-rule{margin-top:20px}.game-selection{flex-direction:column;justify-content:center;gap:6px;max-width:330px;margin:12px auto;display:flex}.game-choice{grid-template-rows:1fr 1fr;grid-template-columns:68px minmax(0,1fr);column-gap:20px;width:100%;height:64px;padding:0 10px;display:grid}.game-illustration{grid-row:1/3;width:62px;height:58px}.game-choice h2{align-self:end;margin:0;font-size:36px}.choice-hackenbush h2,.choice-domineering h2{font-size:29px}.choice-toads-and-frogs h2{font-size:28px}.game-number{align-self:start;margin-top:5px;font-size:14px}}@media (width<=600px) and (height<=750px){.gallery{padding-top:16px;padding-bottom:12px}.gallery-title{font-size:44px}.gallery-header .title-rule{margin-top:12px}.game-selection{gap:4px;margin:10px auto}.game-choice{height:46px}.game-illustration{width:50px;height:42px}.game-choice h2{font-size:30px}.choice-hackenbush h2,.choice-domineering h2,.choice-toads-and-frogs h2{font-size:26px}.game-number{margin-top:3px;font-size:12px}}@media (height<=550px) and (width>=801px){.gallery{padding-top:16px;padding-bottom:12px}.gallery-title{font-size:64px}.gallery-header .title-rule{margin-top:14px}.game-selection{gap:8px 16px;max-width:980px;margin:8px auto}.game-choice{padding:4px}.game-illustration{width:72px;height:52px}.game-choice h2{margin-top:5px;font-size:30px}.choice-hackenbush h2,.choice-domineering h2{font-size:26px}.choice-toads-and-frogs h2{font-size:24px}.game-number{margin-top:4px;font-size:14px}}@media (height<=550px) and (width>=601px) and (width<=800px){.gallery{padding:12px 24px 8px}.gallery-title{font-size:48px}.gallery-header .title-rule{margin-top:12px}.game-selection{gap:6px 8px;margin:6px auto}.game-choice{padding:3px}.game-illustration{width:60px;height:36px}.game-choice h2{margin-top:3px;font-size:26px}.choice-hackenbush h2,.choice-domineering h2,.choice-toads-and-frogs h2{font-size:22px}.game-number{margin-top:2px;font-size:12px}}