.gallery{flex-direction:column;max-width:1060px;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);align-items:center;gap:24px;width:min(100%,960px);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)}.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{font-size:clamp(34px,4.8vw,44px)}.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<=800px){.game-selection{gap:16px}.game-illustration{width:140px;height:135px}.game-choice h2{font-size:44px}.choice-hackenbush h2{font-size:34px}}@media (width<=600px){.gallery{padding:30px 24px 20px}.gallery-title{font-size:64px}.gallery-title>span{display:block}.gallery-header .title-rule{margin-top:22px}.game-selection{flex-direction:column;justify-content:center;gap:10px;max-width:330px;margin:18px auto;display:flex}.game-choice{grid-template-rows:1fr 1fr;grid-template-columns:84px minmax(0,1fr);column-gap:20px;width:100%;height:90px;padding:0 10px;display:grid}.game-illustration{grid-row:1/3;width:84px;height:80px}.game-choice h2{align-self:end;margin:0;font-size:42px}.choice-hackenbush h2{font-size:32px}.game-number{align-self:start;margin-top:10px;font-size:17px}.gallery-divider{display:none}}@media (height<=550px) and (width>=601px){.gallery{padding-top:26px;padding-bottom:18px}.gallery-title{font-size:76px}.gallery-header .title-rule{margin-top:18px}.game-selection{margin:10px auto}.game-choice{padding:8px 0}.game-illustration{width:125px;height:100px}.game-choice h2{margin-top:10px;font-size:42px}.choice-hackenbush h2{font-size:34px}.game-number{margin-top:12px}}
