pre{margin:2rem 0;white-space:pre;overflow-x:auto;width:auto;height:auto}code{max-height:50vh;font-size:1.5rem;line-height:2.5rem}.grid{width:100vw;height:100vh;min-height:100vh;position:absolute;top:0;left:0;display:grid;grid-template-columns:34vw 66vw;grid-template-rows:100%;grid-template-areas:"sidebar main";background-color:var(--main-bg-color)}.main{grid-area:main;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;padding:2rem;overflow:auto;background-color:var(--main-bg-color)}@media screen and (orientation: portrait) and (max-width: 1199.98px){.grid{grid-template-columns:25vw 75vw}}.side__sns{gap:1vw}.side__sns__github,.side__sns__twitter,.side__sns__discord{width:7vw;height:7vw}.fa-2x{font-size:6vw}body.profile-setup-open .sidebar{z-index:0;pointer-events:none}.sidebar{grid-area:sidebar;position:relative;top:0;left:0;bottom:0;width:100%;height:100vh;display:grid;grid-template-columns:calc(100% - var(--sidebar-toggle-column-width)) var(--sidebar-toggle-column-width);grid-template-rows:1fr;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;z-index:1500;background-color:var(--main-bg-color)}.sidebar::-webkit-scrollbar{display:none}.sidebar__body{position:relative;grid-column:1/2;grid-row:1;width:100%;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.sidebar__body__menu{position:fixed;width:auto;height:100vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.sidebar__handle{background-color:var(--main-bg-color);position:relative;grid-column:2/3;grid-row:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sidebar .opcl-button{position:static;top:auto;left:auto;transform:none;margin:0;margin-left:-1.1rem;height:var(--sidebar-handle-height-landscape);max-height:40rem}.sidebar .sidebarclose{position:relative;width:auto;height:auto;display:grid;grid-template-columns:0 4rem;grid-template-rows:1fr;z-index:1000}.sidebar .side__logo{margin-top:4rem;height:6rem;width:auto}.sidebar .side__logo__link{width:auto;height:auto}.sidebar .side__summary,.sidebar .side__toc,.sidebar .side__tag-list,.sidebar .side__fixed-pages{font-size:1.6rem;line-height:1.5;margin:0 1rem 1rem}.sidebar .side__summary__list{margin:0}.sidebar .side__summary__link,.sidebar .side__summary__title,.sidebar .side__tag__title,.sidebar .side__summary__title a,.sidebar .side__aboutme__link{padding:1vw;font-size:inherit;line-height:inherit}.sidebar .side__aboutme__link{color:#ba2ac7}.sidebar .side__aboutme__link:hover,.sidebar .side__aboutme__link:focus-visible{color:var(--main-bg-color);background-color:#ba2ac7}.sidebar .side__summary__text h1,.sidebar .side__summary__text h2,.sidebar .side__summary__text h3,.sidebar .side__summary__text h4,.sidebar .side__summary__text h5,.sidebar .side__summary__text h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}.sidebar .side__tag__title{padding:1rem;font-weight:700;font-size:inherit}.sidebar .side__tag__link{color:var(--main-text-color);font-size:inherit;line-height:inherit}.sidebar .side__tag__link:hover{color:var(--main-bg-color)}.sidebar .sideBarButton{left:0}@media screen and (orientation: landscape) and (max-width: 1199.98px){.sidebar .opcl-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:-.6rem;height:clamp(18rem,32vh,30rem)}.sidebar .side__sns__github,.sidebar .side__sns__twitter,.sidebar .side__sns__discord{width:6vw;height:6vw}}@media screen and (orientation: portrait) and (max-width: 1199.98px){.sidebar__body{padding:7.2rem .8rem 0}.sidebar .side__logo{margin:0 auto 1.4rem;height:4.8rem}.sidebar .side__logo__link{max-width:88%}.sidebar .side__search,.sidebar .side__account,.sidebar .side__sns,.sidebar .side__game-nav{width:84%;max-width:84%;margin:0 auto 2rem}.sidebar .side__summary,.sidebar .side__toc,.sidebar .side__tag-list,.sidebar .side__fixed-pages{width:100%;max-width:calc(100% - .8rem);margin:0 auto 2rem}.sidebar .side__summary .side__tags,.sidebar .side__toc .side__tags,.sidebar .side__tag-list .side__tags,.sidebar .side__fixed-pages .side__tags{margin-top:1rem;gap:.6rem}.sidebar .side__search__form{gap:.7rem}.sidebar .side__search__form__input::part(base){padding:.4rem .7rem}.sidebar .side__search__form__button::part(base){min-height:2.8rem;padding:0 1.2rem;font-size:1.4rem}.sidebar .side__sns{justify-content:space-between;gap:1.2rem}.sidebar .side__sns__github,.sidebar .side__sns__twitter,.sidebar .side__sns__discord{width:clamp(4.2rem,15vw,7.2rem);height:clamp(4.2rem,15vw,7.2rem)}}.link-and-text,.video-and-text{display:grid;grid-template-columns:100%;grid-template-rows:auto;grid-gap:2rem}.link-and-text__text,.video-and-text__text{display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;grid-gap:1rem}.link-and-text__link,.video-and-text__link{display:grid;grid-template-columns:100%;grid-template-rows:auto;grid-gap:2rem}.link-and-text__link__code-block,.link-and-text__link__link,.link-and-text__link__image,.video-and-text__link__code-block,.video-and-text__link__link,.video-and-text__link__image{width:auto;height:auto}.link-and-text__link__image,.video-and-text__link__image{width:100%}@media screen and (orientation: landscape) and (max-width: 1199.98px){.link-and-text{grid-template-columns:48% 48%;grid-gap:4rem}}.link-and-text__text{display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;grid-gap:1rem;width:auto;height:auto}.link-and-text__code{width:100%}.tac__mv{display:flex;justify-content:center;align-items:center}.list__title h1{margin:0}.detail{width:auto;height:auto;min-height:100%;margin:0}.article-game-page{padding:0 2rem;gap:0}.article-game-page__body{display:flex;flex-direction:column;justify-content:center;gap:4rem;width:100%;gap:3rem}.tac{width:auto;height:auto}.tac__title,.tac__title code{width:auto;font-size:3rem;line-height:4rem}.tac__block{margin:2rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-gap:2rem}.code__article{width:100%}.swiper{height:100%;margin:0;padding:0}.swiper-wrapper{width:75%}img.tac__mv__img{width:100%}#topBtn{display:none;position:fixed;bottom:2rem;right:2rem;z-index:99;border:var(--main-button-border);border-radius:1rem;margin:0 1rem 0 0;outline:none;background-color:var(--main-bg-color);color:var(--main-text-color);cursor:pointer;padding:1.5rem;font-size:1.8rem}@media only screen and (max-width: 1199.98px){.tac__block{margin:2rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-gap:2rem}}@media screen and (orientation: landscape) and (max-width: 1199.98px){.main{margin:0;padding-top:3rem}img.tac__mv__img{width:80%}.fa-2x{font-size:4vw}}