*{padding:0;margin:0;box-sizing:border-box}:root{--main-font-family: "Roboto Condensed", sans-serif;--main-bg-color: #262626;--main-text-color: #1FC742;--main-border: 5px solid #025B18;--main-button-color: #1FC742;--main-button-border: 3px solid #025B18;--main-button-hover: #010101;--main-button-disable: #214729;--main-hover-color: #023612;--text-hover-color: #f55353;--disable--button: 2px solid #7a7a7a;--sidenavemenu-text2-color: #BA2AC7;--sidebar-toggle-column-width: 4rem;--sidebar-content-width: calc(100vw - var(--sidebar-toggle-column-width));--sidebar-handle-height: 20vh;--sidebar-handle-height-landscape: 35vh;--cookie-banner-bg: rgba(11, 11, 11, .96);--cookie-banner-shadow: rgba(0, 0, 0, .4);--cookie-border-muted: rgba(255, 255, 255, .35);--cookie-link-muted: rgba(255, 255, 255, .6);--cookie-link-hover: #ffffff;--cookie-panel-border-strong: rgba(35, 209, 96, .75);--cookie-panel-border: rgba(35, 209, 96, .55);--cookie-panel-text: rgba(230, 255, 230, .92);--cookie-description-text: rgba(235, 255, 235, .8);--cookie-choice-border: rgba(60, 255, 150, .35);--cookie-choice-text: rgba(238, 255, 241, .98);--cookie-choice-deny-border: rgba(140, 140, 140, .45);--cookie-choice-deny-hover-border: rgba(255, 120, 120, .55);--cookie-choice-hover-border: rgba(60, 255, 150, .6);--cookie-choice-focus-outline: rgba(60, 255, 150, .85);--cookie-footer-border: rgba(255, 255, 255, .25)}html,body{min-height:100%}html{height:100%;font-size:62.5%;overflow-x:hidden}body{font-family:var(--main-font-family);font-size:2rem;background-color:var(--main-bg-color);max-width:100%;color:var(--main-text-color);line-height:3rem;overflow-x:hidden;height:100vh;opacity:0;transition:opacity .7s ease;position:absolute;top:0;bottom:0;left:0;right:0}body.loaded{opacity:1}h1{font-size:6rem;line-height:7rem;word-break:break-word}h2{font-size:4rem;line-height:6rem}h2 a{word-break:break-word}h3{font-size:3rem;line-height:4rem}ul{list-style-type:none}li,ol{line-height:3.5rem;padding-inline-start:2rem}p{line-height:3.5rem;word-break:break-word}a,u{text-decoration:none;color:var(--main-text-color)}textarea{font-size:2rem;font-weight:700}textarea:focus{outline:2px solid #025B18}input:focus{outline:2px solid #025B18}pre{margin:2rem 0;white-space:pre;overflow-x:auto;position:relative}code{overflow:auto;background-color:#1c1c1c;padding:.3rem;width:auto;height:auto}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{font-size:inherit;line-height:inherit;padding:0}.code,.codehilite{width:auto;height:auto;overflow:auto;background-color:#1c1c1c}.sidebar{grid-area:sidebar;position:fixed;top:0;left:0;bottom:0;width:auto;height:auto;display:grid;grid-template-columns:26rem var(--sidebar-toggle-column-width);grid-template-rows:1fr;overflow-x:auto;z-index:100}.sidebar__body{width:auto;height:auto;overflow:auto;border-right:var(--main-border);background-color:var(--main-bg-color);-ms-overflow-style:none;scrollbar-width:none;display:grid;grid-template-columns:auto;grid-template-rows:auto auto auto auto auto auto;grid-template-areas:"logo" "search" "sns-list" "summary" "toc" "tag-list";align-content:start;align-items:start}.sidebar__body::-webkit-scrollbar{display:none}.sidebar__body--detail{grid-template-areas:"logo" "search" "sns-list" "toc" "tag-list" "summary"}.side__logo{grid-area:logo;width:auto;height:4rem;display:flex;justify-content:center;align-items:center;margin:4rem 1rem}.side__logo__link,.side__logo__image{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.side__search{grid-area:search;display:flex;justify-content:center;align-items:center;margin:0 1rem 4rem}.side__search__form{width:100%;min-height:4rem;display:flex;flex-direction:column;align-items:stretch;gap:1rem}.side__search__form__input{flex:1 1 auto;height:100%;min-width:0;align-self:stretch}.side__search__form__input::part(base){border:var(--main-button-border);background-color:var(--main-bg-color);border-radius:.5rem}.side__search__form__input::part(input){font-family:inherit;font-weight:700;color:#1fc742;padding:.4rem}.side__search__form__button{width:100%;height:auto;display:flex}.side__search__form__button::part(base){width:100%;min-height:3.2rem;padding:0 1.5rem;font-family:var(--main-font-family);background-color:var(--main-bg-color);color:var(--main-button-color);border:var(--main-button-border);cursor:pointer}.side__search__form__button::part(base):hover{background-color:var(--main-button-hover);color:var(--main-text-color)}.side__sns{grid-area:sns-list;display:flex;justify-content:space-between;align-items:center;width:auto;height:6.4rem;margin:0 1rem 2rem}.side__sns__github,.side__sns__twitter,.side__sns__discord{width:6rem;height:100%;display:flex;justify-content:center;align-items:center;border:.25rem solid;padding:1rem;border-radius:1.5rem}.side__sns__github:hover,.side__sns__twitter:hover,.side__sns__discord:hover{background-color:var(--main-button-color)}.side__sns__github img,.side__sns__twitter img,.side__sns__discord img{width:auto;height:6rem}.side__sns__link:hover{color:var(--main-button-hover)}.side__tag-list{grid-area:tag-list;width:auto;height:auto;margin:0 1rem 1rem}.side__tag-list .side__tags{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.side__tag-list .side__tag__title{padding:0 1rem;font-weight:700;margin:0 0 .8rem}.side__tag-list__name{padding-inline-start:0}.side__summary{grid-area:summary;width:auto;height:auto;font-size:1.6rem;line-height:1.5;margin-bottom:4rem}.side__summary__list,.side__summary__tags{display:grid;grid-template-columns:auto;grid-template-rows:repeat(auto-fill,minmax(3rem,1fr));margin:1rem}.side__summary__title,.side__summary__link,.side__summary__title a,.side__summary__text,.side__summary__tag,.side__summary__tag__title{padding:1rem;font-size:inherit}.side__summary__title,.side__summary__tag__title{font-weight:700}.side__summary__text{padding:0 1rem}.side__summary__text :hover{text-decoration:underline}.side__toc{grid-area:toc;width:auto;height:auto;font-size:1.6rem;line-height:1.5;margin:0 1rem 2rem}.side__toc .side__summary__list{margin:0}.side__aboutme__link{display:block;padding:1rem;border-radius:.8rem;font-weight:700;font-size:2rem;line-height:1.5;color:#ba2ac7;transition:background-color .2s ease,color .2s ease}.side__aboutme__link .side__aboutme{display:block;color:inherit;font-weight:inherit}.side__aboutme__link:hover,.side__aboutme__link:focus-visible{background-color:#ba2ac7;color:var(--main-bg-color)}.side__aboutme__link:focus-visible{outline:.2rem solid #BA2AC7;outline-offset:.3rem}.side__tag{list-style:none;margin:0;font-size:1.6rem;line-height:1.5}.side__tag__title{font-weight:700;padding:1rem;font-size:inherit}.side__tag__link{display:block;padding:.8rem 1.2rem;border-radius:.8rem;transition:background-color .2s ease,color .2s ease;color:var(--main-text-color);text-decoration:none;font-size:inherit;line-height:1.5}.side__tag__link:hover{background-color:var(--main-button-color);color:var(--main-bg-color)}.side__tag__link:focus-visible{outline:.2rem solid var(--main-button-color);outline-offset:.3rem}.side__summary__link{padding:1rem;font-size:inherit}.side__summary__text h1,.side__summary__text h2,.side__summary__text h3,.side__summary__text h4,.side__summary__text h5,.side__summary__text h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}.side__tag__name{display:block}.opcl-button{writing-mode:vertical-rl;text-orientation:upright;text-align:center;display:flex;justify-content:center;align-items:center;background-color:var(--main-bg-color);border-top:var(--main-border);border-right:var(--main-border);border-left:5px solid var(--main-bg-color);border-bottom:var(--main-border);position:fixed;width:var(--sidebar-toggle-column-width);height:var(--sidebar-handle-height);top:50%;margin-top:-10vh;z-index:1000;cursor:pointer}.main{grid-area:main;position:absolute;top:0;max-width:100%;width:auto;height:auto;margin:4rem 0;z-index:0}.main__tag__link{border:var(--main-button-border);border-radius:1rem;margin:0;padding:.5rem;word-break:break-word}.main__tag__link:hover{color:var(--main-bg-color);background-color:var(--main-button-color)}.list{display:grid;grid-template-columns:auto;grid-template-rows:repeat(auto-fill,minmax(4rem,1fr));grid-gap:2rem;margin-right:4rem}.list__articles{display:grid;grid-template-columns:auto;grid-gap:4rem;margin-bottom:4rem}.list__article{width:auto;height:auto;display:grid;grid-template-columns:1fr;grid-gap:2rem}.list__article__title{margin-top:0}.list__article__title a:hover{color:var(--text-hover-color)}.list__article__date{display:flex;align-items:center;width:auto;height:auto}.list__article__date--detail{margin-bottom:4rem}.list__article__tag{width:auto;height:auto;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.list__article__tag--detail{margin-bottom:4rem}.detail{width:auto;height:auto;min-height:100%;margin:0 4rem 4rem}.detail a{text-decoration:underline}.detail p.article-text{margin:1.2rem 0}a.main__tag__link{text-decoration:none!important}.tac{width:auto;height:auto}.tac__title{margin:8rem 0 4rem}.tac__title p{line-height:4.5rem}.tac__description,.tac__markdown{height:auto;width:auto;margin-bottom:4rem}.tac__description a,.tac__markdown a{font-weight:700}.tac__description a:hover,.tac__markdown a:hover{text-decoration:underline}.tac__block__link{margin-bottom:4rem;margin-right:4rem}.tag__list__title{margin-bottom:3rem}.page{display:flex;justify-content:center;align-items:center}.pagination{display:flex;margin-bottom:4rem}.page-item{width:5rem;height:5rem;margin:0 1rem;padding:1rem;font-family:var(--main-font-family);background-color:var(--main-bg-color);color:var(--main-button-color);border:var(--main-button-border);font-size:2rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.page-item.disabled,.page-item.active{color:#214729}.page-item:hover{background-color:var(--main-button-color);color:var(--main-bg-color)}.page-item:hover .page-link{color:var(--main-bg-color)}.page-link{color:var(--main-button-color);cursor:default}.page-link.active{cursor:default;pointer-events:none}.cookie-consent-banner{position:fixed;inset:auto 0 0 0;z-index:9000;display:none;background-color:var(--cookie-banner-bg);color:var(--main-text-color);box-shadow:0 -.5rem 2rem var(--cookie-banner-shadow);padding:1.75rem 2.5rem}.cookie-consent-banner.is-visible{display:block}.cookie-consent-banner__inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.cookie-consent-banner__copy{flex:1 1 420px}.cookie-consent-banner__title{margin:0 0 .6rem;font-size:2.1rem;font-weight:700}.cookie-consent-banner__description{margin:0;font-size:1.6rem;line-height:1.85}.cookie-consent-banner__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.cookie-consent-banner__button,.cookie-consent-banner__link{border-radius:999px;font-size:1.6rem;font-weight:600;font-family:var(--main-font-family);padding:.85rem 1.9rem;cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease}.cookie-consent-banner__button--accept{background-color:var(--main-button-color);color:var(--main-button-hover);border:none}.cookie-consent-banner__button--accept:hover{transform:translateY(-1px)}.cookie-consent-banner__button--manage{background-color:transparent;border:1px solid var(--cookie-border-muted);color:var(--main-text-color)}.cookie-consent-banner__button--manage:hover{border-color:var(--main-button-color);color:var(--main-button-color)}.cookie-consent-banner__link{background:none;border:none;color:var(--cookie-link-muted)}.cookie-consent-banner__link:hover{color:var(--cookie-link-hover)}.cookie-consent-dialog{--width: min(720px, 90vw);--sl-z-index-dialog: 10000;--header-spacing: 1.5rem;--body-spacing: 1.5rem;--footer-spacing: 1.5rem}.cookie-consent-dialog::part(overlay){background-color:var(--main-button-hover);opacity:.92;pointer-events:auto}.cookie-consent-dialog::part(body){background-color:var(--main-button-hover);position:relative;isolation:isolate;pointer-events:auto}.cookie-consent-dialog::part(panel){background-color:var(--main-button-hover);border:1px solid var(--cookie-panel-border-strong);pointer-events:auto}.cookie-consent-dialog__form{display:flex;flex-direction:column;gap:1.25rem;background-color:var(--main-button-hover);padding:.5rem 0}.cookie-consent-dialog__group{border:1px solid var(--cookie-panel-border);border-radius:.9rem;padding:1.25rem 1.4rem;background-color:var(--main-hover-color);color:var(--cookie-panel-text)}.cookie-consent-dialog__group-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.cookie-consent-dialog__group-title{margin:0;font-size:1.6rem;font-weight:700}.cookie-consent-dialog__group-required{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .95rem;border-radius:999px;background-color:var(--main-button-color);color:var(--main-button-hover);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cookie-consent-dialog__group-description{margin:0 0 .75rem;line-height:1.85;font-size:1.45rem;color:var(--cookie-description-text)}.cookie-consent-dialog__choices{display:inline-flex;flex-wrap:wrap;gap:.75rem}.cookie-consent-dialog__choice{position:relative;display:inline-flex;align-items:center;cursor:pointer}.cookie-consent-dialog__choice input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.cookie-consent-dialog__choice input:checked+.cookie-consent-dialog__choice-label{background-color:var(--main-button-color);border-color:transparent;color:var(--main-hover-color)}.cookie-consent-dialog__choice-label{display:inline-flex;align-items:center;justify-content:center;min-width:9rem;padding:.75rem 2.2rem;border-radius:999px;border:1px solid var(--cookie-choice-border);background-color:var(--main-hover-color);color:var(--cookie-choice-text);font-size:1.3rem;font-weight:700;letter-spacing:.02em;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.cookie-consent-dialog__choice[data-choice=deny]>.cookie-consent-dialog__choice-label{border-color:var(--cookie-choice-deny-border);background-color:var(--main-button-hover)}.cookie-consent-dialog__choice[data-choice=deny] input:checked+.cookie-consent-dialog__choice-label{background-color:var(--text-hover-color);color:var(--main-button-hover)}.cookie-consent-dialog__choice[data-choice=deny]:hover>.cookie-consent-dialog__choice-label{border-color:var(--cookie-choice-deny-hover-border)}.cookie-consent-dialog__choice:hover>.cookie-consent-dialog__choice-label{transform:translateY(-2px);border-color:var(--cookie-choice-hover-border)}.cookie-consent-dialog__choice:focus-within>.cookie-consent-dialog__choice-label{outline:2px solid var(--cookie-choice-focus-outline);outline-offset:2px}.cookie-consent-dialog__footer{display:flex;justify-content:flex-end;gap:.75rem}.cookie-consent-dialog__footer-button{border-radius:999px;padding:.65rem 1.6rem;font-size:1.5rem;font-weight:700;font-family:var(--main-font-family);cursor:pointer;border:1px solid var(--cookie-footer-border);background-color:transparent;color:var(--main-text-color);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.cookie-consent-dialog__footer-button--primary{background-color:var(--main-button-color);border-color:transparent;color:var(--main-button-hover)}.cookie-consent-dialog__footer-button--secondary:hover{border-color:var(--main-button-color);color:var(--main-button-color)}@media (max-width: 768px){.cookie-consent-banner{left:0;right:0;margin:0 1rem}.cookie-consent-banner__actions{justify-content:stretch}.cookie-consent-banner__button{flex:1}.cookie-consent-dialog__choices{width:100%;justify-content:space-between}.cookie-consent-dialog__choice{flex:1}.cookie-consent-dialog__choice-label{width:100%}}.copy-code-btn{position:absolute;top:0;right:0;font-size:1.5rem;border-radius:1rem;margin:0 1rem 0 0;padding:1rem;cursor:pointer;border:var(--main-button-border);outline:none;background-color:var(--main-bg-color);color:var(--main-text-color)}.box{display:flex;flex-direction:column;background-color:#1c1c1c;padding:3rem;margin:2rem 0}.box code{background-color:#1c1c1c}.oneimage__image__img{width:100%;height:auto}.video-content,.video-content__wrapper{width:auto;height:auto}.video-content__content{width:100%;height:auto}.article-game-page{display:grid;grid-template-columns:minmax(0,1fr);gap:4rem;padding:0 4rem;width:100%;box-sizing:border-box}.article-game-page__body{display:flex;flex-direction:column;gap:4rem;width:100%}.article-game-page__empty{color:#ccc;text-align:center}.article-game-page__iframe{--game-height: 640px;--game-width: calc(var(--game-height) * .5625);--game-scale: 1;display:block;width:calc(var(--game-width) * var(--game-scale));max-width:100%;aspect-ratio:9/16;border:none;margin:0 auto;background-color:transparent}.article-game-block-two{display:grid;gap:2rem}.article-game-block-two__title{margin-bottom:2rem}.article-game-block-two__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:2rem;grid-template-areas:"game" "text"}.article-game-block-two__text{display:grid;gap:1.5rem;align-content:start;grid-area:text}.article-game-block-two__iframe-wrapper{display:flex;justify-content:center;grid-area:game}.article-game-block-two__iframe{width:min(100%,80rem);border:none;aspect-ratio:16/9;max-height:calc(var(--game-height, 640px))}@media (min-width: 992px){.article-game-block-two__grid{grid-template-columns:48% 48%;grid-template-rows:auto;grid-gap:4rem;align-items:start;grid-template-areas:"text game"}.article-game-block-two__iframe-wrapper{justify-content:flex-start}.article-game-block-two__iframe{width:100%}}@media (max-width: 991.98px){.article-game-block-two__iframe{width:100%}}.phaser-game-block{display:grid;justify-items:center;gap:2rem;width:min(100%,120rem)}.phaser-game-block__stage{display:grid;place-items:center;width:100%}.phaser-game-block__canvas{display:block;width:100%;max-width:100%;background-color:transparent;border:none}#topBtn{display:none;position:fixed;bottom:2rem;right:8rem;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}