.section__wrapper{@media screen and (width>=900px){padding-block-start:3rem}}.mtg__section__wrapper{max-inline-size:150rem;@media screen and (width>=900px){padding-block-start:3rem}}.mtg__links{--column-gap:2.2rem;--padding:.5rem;--margin-block:0 2rem;justify-content:center;column-gap:var(--column-gap);padding:var(--padding);margin-block:var(--margin-block);inline-size:min(400px,100%);color:var(--paper);text-align:center;background-color:var(--base-800);border-radius:2rem;flex-flow:row;margin-inline:auto;display:flex;position:relative;container-type:inline-size;@media screen and (width>=768px){--column-gap:3rem;--padding:1rem .5rem;--margin-block:-1rem 4rem;max-block-size:3.75rem}}.mtg__section__top .mtg__links{--margin-inline:auto;margin-inline:var(--margin-inline);@media screen and (width>=768px){--margin-inline:0}}.mtg__link{--font-size:5cqi;font-size:var(--font-size);opacity:1;border:none;transition:opacity .2s;position:relative;@media (any-hover:hover){&:hover{opacity:.6;transition:opacity .2s}}}.mtg__controls{flex-direction:column;align-items:center;gap:1rem;margin-block:0 2rem;display:flex;@media screen and (width>=900px){flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-block:-1rem 3rem}}.mtg__controls .mtg__links{--margin-block:0}.mtg__actions{--column-gap:3rem}.grid{grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));gap:1rem;display:grid;@media screen and (width>=600px){grid-template-columns:repeat(auto-fill,minmax(11.25rem,1fr));gap:1.5rem 1rem}@media screen and (width>=1024px){grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}@media screen and (width>=1420px){grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}}.card__link{color:inherit;text-decoration:none;display:block}.card__link:hover .card__img,.card__link:focus-visible .card__img{opacity:.8;scale:1.02}.card__thumb{aspect-ratio:63/88;border-radius:8px;position:relative;overflow:clip}.card__img{object-fit:cover;block-size:100%;inline-size:100%;transition:opacity .2s,scale .2s}@media screen and (width>=900px){.detail__col__full{grid-area:full;align-self:end}.detail__col__card{grid-area:card;align-self:end}.detail__col__single{grid-area:single}.detail__col__info{grid-area:info;align-self:end}}.detail__layout__both{gap:2rem;display:grid;@media screen and (width>=900px){grid-template-columns:2.5fr 1fr;grid-template-areas:"full info""full card";gap:1.5rem 3rem}}.detail__layout__single{gap:2rem;display:grid;@media screen and (width>=900px){grid-template-columns:auto max-content;grid-template-areas:"single info";justify-content:center;align-items:start;gap:1.5rem 3rem}& .detail__col__info{align-self:start}}.detail__col__single{container-type:inline-size;@media screen and (width>=900px){justify-self:center;inline-size:min(40rem,50vw)}}.detail__img__wrap{border-radius:8px}.detail__img{border-radius:8px;block-size:auto;inline-size:100%;display:block}.detail__img{@media screen and (width>=900px){justify-self:center;inline-size:auto;max-inline-size:100%}}.detail__img__card{--max-inline-size:calc(600 / 16 * 1rem);inline-size:100%;max-inline-size:var(--max-inline-size);border-radius:8px;justify-self:center;block-size:auto;@media screen and (width>=900px){--max-inline-size:calc(640 / 16 * 1rem)}}.detail__info,.detail__year,.detail__set,.detail__name,.detail__artist{font-family:"Beleren 2016 Bold",sans-serif}.detail__info{flex-direction:column;display:flex;@media screen and (width>=900px){inline-size:max-content;max-inline-size:100%}}.detail__year{--font-size:1rem;font-size:var(--font-size);color:var(--base-700)}.detail__set{--font-size:1rem;font-size:var(--font-size);color:var(--base-700);letter-spacing:.05em;@media screen and (width>=900px){--font-size:min(1.5vw, 1rem)}}.detail__name{--margin-block:0 .25rem;--font-size:2rem;margin-block:var(--margin-block);font-size:var(--font-size);font-weight:700;@media screen and (width>=900px){--margin-block:.2rem 0;--font-size:min(2vw, 2rem)}}.detail__artist{color:var(--base-700);font-size:.9rem}.detail__artist a{color:var(--blue-500);text-underline-offset:3px;opacity:1;text-decoration:underline;transition:opacity .2s;@media (any-hover:hover){&:hover{opacity:.6;transition:opacity .2s}}}.detail__flavor{--padding:1rem 1.5rem;--margin-block-start:.5rem;--max-inline-size:calc(600 / 16 * 1rem);--font-size:1rem;padding:var(--padding);max-inline-size:var(--max-inline-size);color:var(--paper);font-size:var(--font-size);letter-spacing:.04em;white-space:pre-line;background-color:var(--base-600);border-radius:8px;justify-self:center;margin-block-start:var(--margin-block-start);font-family:Plantin Italic,Klee One,sans-serif;font-weight:300;line-height:1.8;@media screen and (width>=900px){--padding:1rem 3rem;--margin-block-start:1rem;--max-inline-size:none;--font-size:1.2rem}@media screen and (width>=1200px){--font-size:1.3rem}& .ja{letter-spacing:0;line-height:1.4}}.detail__layout__single .detail__flavor{@media screen and (width>=900px){--max-inline-size:calc(640 / 16 * 1rem)}}.back__link__wrap{flex-flow:wrap;column-gap:1rem;display:flex}.back__link{--margin-block-end:2rem;color:var(--base-600);opacity:1;align-items:center;gap:.4rem;margin-block-end:var(--margin-block-end);text-decoration:none;transition:opacity .2s;display:inline-flex;@media (any-hover:hover){&:hover{opacity:.6;transition:opacity .2s}}@media screen and (width>=900px){--margin-block-end:1rem}}.br__tab{display:none;@media screen and (width>=901px) and (width<=1000px){display:inline}@media screen and (width>=1001px){display:none}}.mtg__ttl{--font-size:1.25rem;font-size:var(--font-size);font-family:"Beleren 2016 Bold",Klee One,sans-serif;line-height:1;@media screen and (width>=600px){--font-size:2rem}}.mtg__ttl__year{font-size:1rem;@media screen and (width>=768px){margin-inline-start:.5rem}}.sets__wrap+.sets__wrap{margin-block-start:3rem}.year__ttl{--font-size:2.5rem;--margin-block-end:1rem;font-size:var(--font-size);color:var(--base-700);border-bottom:2px solid var(--base-700);margin-block-end:var(--margin-block-end);font-weight:700}.sets__inner{--grid-template-columns:1fr;grid-template-columns:var(--grid-template-columns);gap:2rem;display:grid;@media screen and (width>=600px){--grid-template-columns:repeat(2, 1fr)}}.set__link{border-radius:8px}.set__thumb{border-radius:8px;overflow:hidden}.set__img{opacity:1;block-size:auto;inline-size:100%;transition:opacity .2s,scale .2s;display:block;scale:1}.set__link:hover .set__img,.set__link:focus-visible .set__img{@media (any-hover:hover){opacity:.8;transition:opacity .2s,scale .2s;scale:1.05}}.set__name{text-align:center;color:var(--base-700);margin-block-start:.5rem;font-weight:700}
