:root{--color-black:#1a191f;--color-gray:#45454f;--color-ash:#9a97a5;--color-white:#f2f1fe;--color-accent1:#c0bcf0;--color-accent2:#f0e8bc;--state-hover-brightness:1.08;--state-active-brightness:.92;--color-panel-hover:color-mix(in srgb, var(--color-gray) 88%, var(--color-white) 12%);--color-panel-active:color-mix(in srgb, var(--color-gray) 88%, var(--color-black) 12%);--color-panel-soft:color-mix(in srgb, var(--color-gray) 64%, var(--color-black) 36%);--color-panel-highlight:color-mix(in srgb, var(--color-gray) 84%, var(--color-accent1) 16%);--color-text-hover:var(--color-white);--color-text-active:color-mix(in srgb, var(--color-white) 78%, var(--color-accent1) 22%);--type-heading-size:1.8rem;--type-heading-weight:300;--type-heading-line-height:1.4;--type-panel-size:1.7rem;--type-panel-weight:300;--type-panel-line-height:1.4;--type-body-size:1rem;--type-body-weight:100;--type-body-line-height:1.6;--type-emphasis-size:1.8rem;--type-emphasis-weight:300;--type-support-size:.8rem;--type-support-weight:300;--type-support-line-height:1.6;--type-control-size:.78rem;--type-control-weight:300;--type-control-line-height:1.1;--font-family-base:"Cascadia Mono", "M PLUS 1p";--space-panel-gap:1.4rem;--space-header-padding-y:1.4rem;--space-header-padding-x:clamp(1rem, 5vw, 3rem);--size-header-character:clamp(3.8rem, 18vw, 5rem);--space-header-inline-guard:calc(var(--size-header-character) + clamp(.8rem, 2vw, 1.4rem));--size-site-footer:calc(var(--size-header-character) / 4);--shadow-panel:0 12px 28px #0000002e;--game-panel-gap:var(--space-panel-gap)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,[role=button],.action-button,.preset-link,.back-link{touch-action:manipulation}body{min-height:100vh;color:var(--color-white);background:var(--color-black);font-family:var(--font-family-base);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);flex-direction:column;margin:0;display:flex}body.guide-page:before{content:"";background:var(--color-black);opacity:0;pointer-events:none;transition:opacity var(--page-transition-fade-release-ms,.2s) linear;z-index:1000;position:fixed;inset:0}body.guide-page.is-page-transition-fade:before{opacity:1}body.guide-page.is-page-transition-lock>*{visibility:hidden}body.is-main-intro-prep .site-header,body.is-main-intro-prep .page,body.is-main-intro-prep .site-footer{opacity:0}body.is-main-intro-reveal .site-header,body.is-main-intro-reveal .page,body.is-main-intro-reveal .site-footer{animation:.42s forwards main-content-fade-in}.main-intro-overlay{z-index:2000;background:var(--color-black);pointer-events:none;opacity:1;place-items:center;transition:opacity .42s;display:grid;position:fixed;inset:0}.main-intro-overlay.is-fading{opacity:0}.main-intro-title{color:var(--color-white);font-family:var(--font-family-base);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line-height);letter-spacing:-.02em;opacity:0;will-change:transform, opacity;margin:0}@keyframes main-content-fade-in{0%{opacity:0}to{opacity:1}}.site-header{border-bottom:1px solid var(--color-ash);background:var(--color-panel-soft);padding:var(--space-header-padding-y) var(--space-header-padding-x);position:relative}.site-header h1{padding-inline:var(--space-header-inline-guard);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line-height);letter-spacing:-.02em;color:var(--color-white);text-align:center;margin:0}.site-header-character{appearance:none;-webkit-tap-highlight-color:transparent;right:var(--space-header-padding-x);width:var(--size-header-character);aspect-ratio:1;isolation:isolate;cursor:pointer;opacity:1;transition:opacity var(--header-character-vanish-fade-duration-ms,.32s) ease;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute;bottom:0;overflow:hidden}.site-header-character.is-forced-hidden{display:none}.site-header-character-layer{background-color:var(--color-white);pointer-events:none;opacity:0;position:absolute;inset:0}.site-header-character-layer.is-normal{opacity:1;-webkit-mask:url(/assets/shia_1-Bi-WmOAW.png) bottom/contain no-repeat;mask:url(/assets/shia_1-Bi-WmOAW.png) bottom/contain no-repeat}.site-header-character-layer.is-blink{-webkit-mask:url(/assets/shia_2-Cd5_SNdy.png) bottom/contain no-repeat;mask:url(/assets/shia_2-Cd5_SNdy.png) bottom/contain no-repeat}.site-header-character-layer.is-click{-webkit-mask:url(/assets/shia_3-D6vWUCk5.png) bottom/contain no-repeat;mask:url(/assets/shia_3-D6vWUCk5.png) bottom/contain no-repeat}.site-header-character-layer.is-special{-webkit-mask:url(/assets/shia_4-is1FLyiK.png) bottom/contain no-repeat;mask:url(/assets/shia_4-is1FLyiK.png) bottom/contain no-repeat}.site-header-character.is-blinking .site-header-character-layer.is-normal{opacity:0}.site-header-character.is-blinking .site-header-character-layer.is-blink{opacity:1}.site-header-character.is-clicked .site-header-character-layer.is-normal,.site-header-character.is-clicked .site-header-character-layer.is-blink{opacity:0}.site-header-character.is-clicked .site-header-character-layer.is-click{opacity:1}.site-header-character.is-special-active .site-header-character-layer.is-normal,.site-header-character.is-special-active .site-header-character-layer.is-blink,.site-header-character.is-special-active .site-header-character-layer.is-click{opacity:0}.site-header-character.is-special-active .site-header-character-layer.is-special{opacity:1}.site-header-character.is-vanish-blink .site-header-character-layer.is-normal,.site-header-character.is-vanish-blink .site-header-character-layer.is-click,.site-header-character.is-vanish-blink .site-header-character-layer.is-special{opacity:0}.site-header-character.is-vanish-blink .site-header-character-layer.is-blink{opacity:1}.site-header-character.is-vanished{opacity:0;pointer-events:none}.site-header-character:focus-visible{outline:1px solid var(--color-accent1);outline-offset:2px}.site-footer{min-height:var(--size-site-footer);border-top:1px solid var(--color-ash);background:var(--color-panel-soft);flex:none;justify-content:center;align-items:center;padding:.5rem 1rem;display:flex}.site-footer-copy{text-align:center;color:color-mix(in srgb, var(--color-accent1) 64%, var(--color-gray) 36%);letter-spacing:.02em;margin:0;font-size:clamp(.74rem,2.2vw,.82rem);font-weight:300}.preset-link{transition:background-color .18s,border-color .18s,color .18s,filter .18s}.preset-link:hover{background:var(--color-panel-hover);border-color:var(--color-accent1);filter:brightness(var(--state-hover-brightness))}.preset-link:active{background:var(--color-panel-active);filter:brightness(var(--state-active-brightness))}.preset-link:focus-visible{outline:1px solid var(--color-accent1);outline-offset:2px}.page{flex:1 0 auto;width:min(580px,92vw);margin:1.8rem auto clamp(1.2rem,6vh,2.5rem)}body.guide-page .page{width:min(760px,92vw)}.guide-header{padding-top:var(--space-header-padding-y);padding-bottom:var(--space-header-padding-y)}.guide-header-inner{gap:0;width:min(760px,96%);margin:0 auto;display:grid;position:relative}.guide-header-inner>.site-header-character{right:0;bottom:calc(-1 * var(--space-header-padding-y))}.back-link{appearance:none;border:1px solid var(--color-ash);background:var(--color-gray);color:var(--color-white);font:inherit;text-align:center;cursor:pointer;border-radius:999px;width:fit-content;padding:.8rem 1.7rem;font-size:1rem;font-weight:300;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.back-link:hover{background:var(--color-panel-hover);border-color:var(--color-accent1);filter:brightness(var(--state-hover-brightness))}.back-link:active{background:var(--color-panel-active);filter:brightness(var(--state-active-brightness))}.back-link:focus-visible{outline:1px solid var(--color-accent1);outline-offset:2px}@media (width<=540px){.back-link{line-height:normal;position:static}}.guide-title-block{width:100%;text-align:center;padding-inline-start:clamp(5.4rem,16vw,7.2rem);padding-inline-end:var(--space-header-inline-guard)}.guide-header h1{padding-inline:0}.panel-list{gap:var(--space-panel-gap);display:grid}.preset-divider{width:min(600px,100% + 2.2rem,100vw);min-height:1em;color:var(--color-ash);font-family:var(--font-family-base);letter-spacing:.02em;justify-self:center;align-items:center;gap:.85ch;margin:0;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:400;line-height:1;display:flex}.preset-divider:before,.preset-divider:after{content:"";border-top:1px solid var(--color-ash);flex:1}.preset-divider.is-plain{gap:0}.divider-label{white-space:nowrap}.panel{border:1px solid var(--color-ash);background:var(--color-gray);width:100%;color:var(--color-white);font-size:var(--type-panel-size);font-weight:var(--type-panel-weight);line-height:var(--type-panel-line-height);border-radius:14px;margin:0;padding:1rem}.text-input{appearance:none;border:1px solid color-mix(in srgb, var(--color-accent1) 32%, var(--color-ash) 68%);background:var(--color-panel-soft);width:100%;color:var(--color-white);font:inherit;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-white) 14%, transparent 86%), inset 0 -1px 0 color-mix(in srgb, var(--color-black) 28%, transparent 72%);border-radius:12px;padding:.65rem .85rem;font-size:1.2rem;line-height:1.35;transition:border-color .18s,box-shadow .18s,background .18s}.text-input::placeholder{color:color-mix(in srgb, var(--color-ash) 74%, var(--color-white) 26%)}.text-input:hover{border-color:color-mix(in srgb, var(--color-accent1) 55%, var(--color-ash) 45%)}.text-input:focus-visible{outline:1px solid color-mix(in srgb, var(--color-accent1) 86%, var(--color-white) 14%);outline-offset:2px;border-color:color-mix(in srgb, var(--color-accent1) 68%, var(--color-white) 32%)}.preset-message,.preset-note,.preset-profile,.preset-counter{background:var(--color-panel-soft);text-align:center}.preset-profile{font-weight:var(--type-emphasis-weight);border-color:var(--color-accent1)}.preset-message{white-space:pre-line}.preset-link{text-align:center;color:var(--color-white);background:var(--color-gray);text-decoration:none;display:block}.preset-link.has-leading-icon{justify-content:center;align-items:center;gap:.55rem;display:flex}.inline-game-icon{background:var(--color-white);flex:none;width:1.15em;height:1.15em;display:inline-block}.inline-game-icon.is-reversi{-webkit-mask:url(/assets/reversi-BfKbrALs.png) 50%/contain no-repeat;mask:url(/assets/reversi-BfKbrALs.png) 50%/contain no-repeat}.inline-game-icon.is-mine{-webkit-mask:url(/assets/mine-B4NMJLRU.png) 50%/contain no-repeat;mask:url(/assets/mine-B4NMJLRU.png) 50%/contain no-repeat}.game-title-with-icon{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.preset-link.is-disabled{cursor:default;filter:none}.preset-link:hover{color:var(--color-text-hover)}.preset-link:active{color:var(--color-text-active)}.preset-counter{text-align:center}.counter-label{font-size:var(--type-support-size);font-weight:var(--type-support-weight);line-height:var(--type-support-line-height);letter-spacing:.14em;color:var(--color-white);margin:0}.counter-value{font-size:var(--type-emphasis-size);font-weight:var(--type-emphasis-weight);color:var(--color-white);margin:.3rem 0 0}.document-page{gap:var(--space-panel-gap);display:grid}.document-panel{background:var(--color-panel-soft);padding:1.2rem 1.2rem 1.35rem;font-size:1.02rem}.document-title{margin:.35rem 0 0;font-size:clamp(1.5rem,4.4vw,2rem);font-weight:300;line-height:1.35}.document-intro{margin:1rem 0 0;font-size:1.02rem}.document-section{border-top:1px solid var(--color-ash);margin-top:1.35rem;padding-top:1.35rem}.document-section-title{color:var(--color-accent1);margin:0;font-size:1.12rem;font-weight:300;line-height:1.45}.document-section p{margin:.75rem 0 0}.document-list{margin:.8rem 0 0;padding-left:1.45rem}.document-list li+li{margin-top:.38rem}@media (width<=640px){.guide-header{padding-left:0;padding-right:0}}