.gallery{flex-direction:column;max-width:1260px;min-height:100svh;margin:auto;padding:58px 28px 32px;display:flex}.gallery-header{text-align:center}.gallery-title{letter-spacing:-.05em;margin:0;font-family:Cormorant,Georgia,serif;font-size:clamp(76px,10vw,126px);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:30px}.game-selection{flex:1;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr);align-items:center;gap:14px;width:min(100%,1200px);margin:42px auto;display:grid}.game-choice{color:var(--ink);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;padding:30px 10px;text-decoration:none;display:flex}.game-choice:focus-visible{outline:1px solid var(--hint);outline-offset:4px}.game-illustration{place-items:center;width:180px;height:160px;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}.game-choice h2{letter-spacing:-.045em;margin:22px 0 0;font:400 56px/.95 Cormorant,Georgia,serif}.game-choice h2 span{color:var(--hint)}.choice-hackenbush h2,.choice-domineering h2{font-size:40px}.game-number{color:var(--quiet);margin-top:20px;font:400 19px/1 Cormorant,Georgia,serif}.gallery-divider{background:var(--ink);opacity:.12;height:150px}.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{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 0;max-width:900px;margin:26px auto}.gallery-divider{display:none}.game-choice{grid-column:span 2;padding:8px 10px}.choice-domineering{grid-column:2/span 2}.choice-col{grid-column:4/span 2}.game-illustration{width:140px;height:120px}.game-choice h2{margin-top:14px;font-size:46px}.choice-hackenbush h2,.choice-domineering h2{font-size:36px}.game-number{margin-top:14px;font-size:18px}}@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}.game-number{align-self:start;margin-top:5px;font-size:14px}.gallery-divider{display:none}}@media (height<=550px) and (width>=761px){.gallery{padding-top:26px;padding-bottom:18px}.gallery-title{font-size:76px}.gallery-header .title-rule{margin-top:18px}.game-selection{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr);gap:10px;margin:10px auto}.gallery-divider{height:90px;display:block}.game-choice{grid-column:auto;padding:8px 0}.game-illustration{width:100px;height:86px}.game-choice h2{margin-top:10px;font-size:38px}.choice-hackenbush h2,.choice-domineering h2{font-size:30px}.game-number{margin-top:12px}}@media (height<=550px) and (width>=601px) and (width<=760px){.gallery{padding-top:14px;padding-bottom:10px}.gallery-title{font-size:60px}.gallery-header .title-rule{margin-top:12px}.game-selection{gap:10px 0;margin:8px auto}.game-choice{padding:4px 0}.game-illustration{width:65px;height:52px}.game-choice h2{margin-top:4px;font-size:25px}.choice-hackenbush h2,.choice-domineering h2{font-size:22px}.game-number{margin-top:4px;font-size:13px}}