.cpg{padding-top:calc(var(--header-h) + clamp(.75rem, .2rem + 1.6vw, 2rem));column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:1.5rem;display:grid}.cpg__text{grid-column:1/span 5;gap:.9rem;padding-bottom:.5rem;display:grid}.cpg__facts{text-wrap:balance;max-width:24ch}.cpg__intro{max-width:36ch}.cpg__pic{isolation:isolate;aspect-ratio:2;border-radius:var(--radius);background:var(--c-panel);grid-column:6/-1;position:relative;overflow:clip}@media (width>=900px){.cpg__pic{aspect-ratio:21/9}}.cpg__scene{object-fit:cover;object-position:30% 72%;transform-origin:30% 72%;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.32)}.cpg__pack{z-index:1;position:absolute;bottom:14%}.cpg__obj{width:100%;height:auto;display:block}.cpg__shade{z-index:-1;pointer-events:none;height:74%;position:absolute;top:52%;left:50%;translate:-34%}.cpg__shade img{width:auto;max-width:none;height:100%;display:block}.cpg__pack--1{width:12%;left:63%}.cpg__pack--2{width:10.7%;bottom:13%;left:78%}@media (width<=899px){.cpg__text,.cpg__pic{grid-column:1/-1}}@media (width<=599px){.cpg__pic{aspect-ratio:16/10}.cpg__scene{object-position:26% 72%;transform-origin:26% 72%;transform:scale(1.45)}.cpg__pack--1{width:15.7%;left:60%}.cpg__pack--2{width:13.9%;left:79%}}.cat [hidden],.pd [hidden]{display:none!important}.cat{margin-top:clamp(1.25rem,.8rem + 1.5vw,2.25rem)}.cat__panel{background:var(--c-panel);border-radius:var(--radius);gap:clamp(1.25rem,.9rem + 1.2vw,2rem);padding:clamp(1.25rem,.8rem + 1.6vw,2.25rem) clamp(1.1rem,.6rem + 2vw,2.5rem);display:grid}.scale{column-gap:var(--gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;row-gap:1rem;display:grid}.scale__head{gap:.2rem;display:grid}.scale__read{white-space:nowrap;min-height:1em;font-weight:500}.scale__count{color:var(--c-muted)}.scale__control{gap:.15rem;display:grid}.scale__label{font-weight:500}@media (width<=1023px){.scale{grid-template-columns:minmax(0,1fr)}}.scale__track{height:2.75rem;position:relative}.scale__rail,.scale__fill{pointer-events:none;border-radius:999px;height:12px;margin-top:-6px;position:absolute;top:50%}.scale__rail{background:var(--c-bg);left:0;right:0}.scale__rail:before{content:"";background:var(--c-ink);border-radius:999px;width:20px;position:absolute;top:0;bottom:0;left:0}.scale__fill{background:var(--c-ink);width:calc(100% - 28px);transform:scaleX(var(--p,0));transform-origin:0;transition:transform .55s var(--e-settle);border-radius:0 999px 999px 0;left:14px}.scale__input{z-index:1;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem;margin:0;display:block;position:relative}.scale__input:focus{outline:none}.scale__input:focus-visible{outline:3px solid var(--c-ink);outline-offset:4px;border-radius:999px}.scale__input::-webkit-slider-runnable-track{background:0 0;border:0;height:2.75rem}.scale__input::-moz-range-track{background:0 0;border:0;height:2.75rem}.scale__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--c-ink);width:28px;height:28px;box-shadow:0 0 0 5px var(--c-bg), 0 4px 12px #231b162e;transition:transform .35s var(--e-settle);border:0;border-radius:50%;margin-top:8px}.scale__input::-moz-range-thumb{background:var(--c-ink);width:28px;height:28px;box-shadow:0 0 0 5px var(--c-bg), 0 4px 12px #231b162e;transition:transform .35s var(--e-settle);border:0;border-radius:50%}.scale__input:hover::-webkit-slider-thumb{transform:translateY(-3px)scale(1.06)}.scale__input:hover::-moz-range-thumb{transform:translateY(-3px)scale(1.06)}.scale__input:active::-webkit-slider-thumb{transform:translateY(1px)scale(.92)}.scale__input:active::-moz-range-thumb{transform:translateY(1px)scale(.92)}.scale__input:focus-visible::-webkit-slider-thumb{background:var(--c-accent)}.scale__input:focus-visible::-moz-range-thumb{background:var(--c-accent)}.scale__stops{height:2.75rem;position:relative}.scale__stop{white-space:nowrap;min-width:2.75rem;min-height:2.75rem;color:var(--c-muted);font-variant-numeric:tabular-nums;transition:color .25s var(--e-out);place-items:center;padding-inline:.3rem;display:grid;position:absolute;top:0;transform:translate(-50%)}.scale__stop:first-child{justify-items:start;padding-left:0;left:0;transform:none}.scale__stop:nth-child(2){left:calc(16.6667% + 9.33333px)}.scale__stop:nth-child(3){left:calc(33.3333% + 4.66667px)}.scale__stop:nth-child(4){left:50%}.scale__stop:nth-child(5){left:calc(66.6667% - 4.66667px)}.scale__stop:nth-child(6){left:calc(83.3333% - 9.33333px)}.scale__stop:nth-child(7){justify-items:end;padding-right:0;left:auto;right:0;transform:none}.scale__stop:hover{color:var(--c-ink)}.scale__stop:active{translate:0 1px}.scale__stop[aria-pressed=true]{color:var(--c-ink);font-weight:500}.scale__note{max-width:52ch;margin-top:.25rem}@media (width<=767px){.scale__stop:nth-child(n+2):nth-child(-n+6){display:none}}.cat__filters{gap:1rem var(--gap);grid-template-columns:minmax(0,1fr) minmax(15rem,21rem);align-items:end;display:grid}.cat__cats{flex-wrap:wrap;gap:.5rem;display:flex}.cat__cat{background:var(--c-bg);min-height:2.75rem;color:var(--c-ink);text-align:left;transition:background-color .3s var(--e-out), color .3s var(--e-out), transform .3s var(--e-settle);border-radius:999px;align-items:center;gap:.5em;padding:.45rem .55rem .45rem 1.05rem;font-weight:500;line-height:1.2;display:inline-flex}.cat__n{background:var(--c-panel);min-width:2em;height:1.85em;color:var(--c-muted);font-variant-numeric:tabular-nums;transition:background-color .3s var(--e-out), color .3s var(--e-out);border-radius:999px;place-items:center;padding-inline:.45em;font-weight:400;line-height:1;display:inline-grid}.cat__cat:hover{transform:translateY(-2px)}.cat__cat:active{transform:translateY(1px)scale(.97)}.cat__cat[aria-pressed=true]{background:var(--c-ink);color:var(--c-bg)}.cat__cat[aria-pressed=true] .cat__n{background:var(--c-accent);color:var(--c-on-accent)}.cat .cat__select{display:none}.cat__select .field__select{background-color:var(--c-bg);border-radius:999px;min-height:3rem;padding-left:1.1rem}.cat__select.field:after{bottom:1.3rem;right:1.2rem}.cat__search{gap:.3rem;display:grid}.cat__select .field__label,.cat__search-label{color:var(--c-ink);font-weight:500}.cat__search-box{position:relative}.cat__search-icon{color:var(--c-muted);pointer-events:none;margin-top:-10px;position:absolute;top:50%;left:1.1rem}.cat__search-input{background:var(--c-bg);text-overflow:ellipsis;width:100%;height:3rem;transition:box-shadow .3s var(--e-out);border:0;border-radius:999px;padding:0 1.1rem 0 2.9rem}.cat__search-input::placeholder{color:var(--c-muted)}.cat__search-input:hover{box-shadow:inset 0 0 0 2px var(--c-panel-2)}.cat__search-input:focus-visible{outline:3px solid var(--c-ink);outline-offset:2px}.cat__search-input::-webkit-search-cancel-button{cursor:pointer}@media (width<=1099px){.cat__filters{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.cat__cats{display:none}.cat .cat__select{display:grid}}.cat .cat__grid{margin-top:var(--gap);padding-inline:var(--margin);gap:var(--gap) clamp(.6rem, .3rem + 1vw, 1.25rem);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=768px){.cat .cat__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1100px){.cat .cat__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cat__cell{min-width:0}.js .cat:not(.is-ready) .cat__cell:nth-child(n+13){display:none}.cat__grid.is-waiting .cat__cell{opacity:0}.cat__cell.is-landing{animation:tile-land .85s var(--e-settle) var(--d,0s) both}@keyframes tile-land{0%{opacity:0;transform:translateY(-36px)rotate(-2.5deg)scale(.96)}60%{opacity:1}to{opacity:1;transform:none}}.tile{border-radius:var(--radius);background:var(--c-panel);height:100%;transition:background-color .35s var(--e-out);grid-template-rows:auto 1fr;display:grid;overflow:clip}.tile__pic{aspect-ratio:1;border-radius:var(--radius) var(--radius) 0 0;width:100%;display:block;position:relative}.tile__pic:after{content:"";height:5%;transition:transform .6s var(--e-settle), opacity .6s var(--e-out);background:radial-gradient(closest-side,#231b1633,#0000);border-radius:50%;position:absolute;bottom:6.5%;left:22%;right:22%}.tile__pic img{z-index:1;object-fit:contain;object-position:50% 100%;width:72%;height:80%;transition:transform .7s var(--e-settle);position:absolute;inset:12% 14% 8%}.tile__pic:has(.tile__disc):after{height:5.5%;bottom:16%;left:26%;right:26%}.tile__pic img.tile__disc{object-position:50% 50%;border-radius:50%;width:66%;height:66%;inset:14% 17% 20%}.tile__pic:focus-visible{outline-offset:-4px;border-radius:var(--radius) var(--radius) 6px 6px}.tile__pic:active img{transform:translateY(2px)scale(.98)}@media (hover:hover) and (pointer:fine){.tile:has(.tile__pic:hover){background:var(--c-panel-2)}.tile__pic:hover img{transform:translateY(-10px)rotate(-2deg)}.tile__pic:hover:after{opacity:.6;transform:scaleX(.78)}}.tile__strip{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.25rem .75rem .85rem 1.15rem;display:flex}.tile__text{gap:.15rem;min-width:0;padding-top:.2rem;display:grid}.tile__name{-webkit-line-clamp:2;line-clamp:2;text-wrap:pretty;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.tile__sub{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile__add{background:var(--c-ink);width:2.75rem;height:2.75rem;color:var(--c-bg);transition:transform .35s var(--e-settle), background-color .25s var(--e-out);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.tile__add:hover{background:var(--c-accent);color:var(--c-on-accent);transform:translateY(-2px)rotate(90deg)}.tile__add:active{transform:translateY(1px)scale(.92)}.tile__add:focus-visible{outline-offset:3px;border-radius:50%}.tile__add.is-added{background:var(--c-accent);color:var(--c-on-accent);transform:none}.tile__icon{transition:transform .4s var(--e-settle), opacity .2s linear;grid-area:1/1;place-items:center;display:grid}.tile__icon--check{opacity:0;transform:translateY(-8px)}.tile__add.is-added .tile__icon--plus{opacity:0;transform:translateY(8px)}.tile__add.is-added .tile__icon--check{opacity:1;transform:none}@media (width<=767px){.tile{border-radius:var(--radius-s)}.tile__pic{border-radius:var(--radius-s) var(--radius-s) 0 0}.tile__strip{gap:.4rem;padding:.1rem .45rem .6rem .75rem}}.cat__foot{justify-items:center;gap:1rem;margin-top:2rem;display:grid}.cat__more{min-width:min(100%,20rem)}.cat__more:hover .cat__more-n,.cat__more:focus-visible .cat__more-n{color:inherit}.cat__none{text-align:center;justify-items:center;gap:1rem;padding-block:2rem;display:grid}.pd{width:min(78rem, calc(100vw - 2 * var(--inset)));height:min(52rem, calc(100dvh - 2 * var(--inset)));z-index:var(--z-dialog);border-radius:var(--radius);margin:auto;overflow:hidden;box-shadow:0 30px 80px #24181240}.pd[open]{animation:pd-in .6s var(--e-settle) both}.pd[open]::backdrop{animation:.4s linear both slip-scrim}@keyframes pd-in{0%{opacity:0;transform:translateY(-36px)rotate(-1deg)scale(.97)}to{opacity:1;transform:none}}@keyframes slip-scrim{0%{opacity:0}}.pd__box{height:100%;position:relative}.pd__close{top:var(--inset);right:var(--inset);z-index:3;background:var(--c-panel);width:2.75rem;height:2.75rem;transition:background-color .25s var(--e-out), color .25s var(--e-out), transform .35s var(--e-settle);border-radius:50%;place-items:center;display:grid;position:absolute}.pd__close:hover{background:var(--c-ink);color:var(--c-bg);transform:rotate(90deg)}.pd__close:active{transform:scale(.92)}.pd__close:focus-visible{border-radius:50%}.pd__scroll{grid-template-columns:5fr 7fr;height:100%;display:grid}.pd__media{margin:var(--inset);border-radius:calc(var(--radius) - var(--inset));background:var(--c-panel);grid-template-rows:1fr auto;min-height:0;display:grid;position:relative}.pd__stage:after{content:"";background:radial-gradient(closest-side,#231b1633,#0000);border-radius:50%;height:4%;position:absolute;bottom:6%;left:24%;right:24%}.pd[open] .pd__img{animation:pd-pack .9s var(--e-settle) .1s both}@keyframes pd-pack{0%{opacity:0;transform:translateY(-40px)rotate(-4deg)}to{opacity:1;transform:none}}.pd__stage{min-height:0;position:relative}.pd__img{object-fit:contain;object-position:50% 100%;z-index:1;width:76%;height:80%;position:absolute;inset:12% 12% 8%}.pd__thumbs{gap:var(--inset);padding:0 var(--inset) var(--inset);flex-wrap:wrap;display:flex}.pd__thumb{border-radius:var(--radius-s);background:var(--c-bg);width:4rem;height:4rem;transition:background-color .25s var(--e-out), transform .3s var(--e-settle);padding:.4rem}.pd__thumb img{object-fit:contain;width:100%;height:100%}.pd__thumb:hover{background:var(--c-panel-2);transform:translateY(-2px)}.pd__thumb:active{transform:translateY(1px)}.pd__thumb[aria-pressed=true]{background:var(--c-panel-2);outline:2px solid var(--c-ink);outline-offset:-2px}.pd__body{overscroll-behavior:contain;align-content:start;gap:.9rem;min-height:0;padding:clamp(1.5rem,1rem + 2vw,3rem) clamp(1.25rem,.5rem + 3vw,3.5rem) 3rem;display:grid;overflow-y:auto}.pd__name{padding-right:3rem}.pd__meta{margin-top:-.4rem}.pd__weight{margin-top:.4rem}.pd__table{margin-top:.6rem;overflow-x:auto}.pd__tbl{text-align:left;width:100%}.pd__tbl th,.pd__tbl td{border-bottom:1px solid var(--c-line);vertical-align:top;padding:.55rem .9rem .55rem 0}.pd__tbl thead th{color:var(--c-muted);font-weight:500}.pd__tbl tbody th{font-weight:500}.pd__lists{gap:1rem;margin-top:.6rem;display:grid}.pd__list{gap:.3rem;display:grid}.pd__list-label{font-weight:500}.pd__items{flex-wrap:wrap;gap:.2rem 1.1rem;display:flex}.pd__notes,.pd__legend{gap:.2rem;display:grid}.pd__add{border-radius:var(--radius-s);background:var(--c-panel);grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;align-items:end;gap:.9rem;margin-top:1rem;padding:1.25rem;display:grid}.pd__add .field__select,.pd__add .stepper{background-color:var(--c-bg)}.pd__add .field__select:hover{background-color:var(--c-panel-2)}.pd__pack .field__select{min-width:10rem}.pd__submit{grid-column:1/-1;justify-self:start}.pd__done{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:0 .8rem;min-height:1.5rem;display:flex}.pd__done:empty{display:none}@media (width<=767px){.pd{border-radius:0;width:100vw;height:100dvh;max-height:none}.pd[open]{animation-name:pd-in-phone}@keyframes pd-in-phone{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.pd__scroll{overscroll-behavior:contain;display:block;overflow-y:auto}.pd__media{height:40svh;min-height:15rem;margin:var(--inset);border-radius:var(--radius)}.pd__close{background:var(--c-bg)}.pd__thumb{width:3.25rem;height:3.25rem}.pd__body{padding:1.5rem var(--margin) 3rem;overflow:visible}.pd__name{padding-right:0}.pd__add{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pd__pack{grid-column:1/-1}.pd__submit{justify-self:stretch}}.cat__cat,.scale__stop{transition:transform .3s var(--e-settle), background-color .3s linear, color .3s linear, box-shadow .3s var(--e-out)}@media (hover:hover){.cat__cat:hover{transform:translateY(-2px);box-shadow:0 6px 14px -8px #24181266}.scale__stop:hover{color:var(--c-ink);transform:translateY(-2px)}}