: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}}:root{--game-page-width:min(1120px, 96%);--game-score-label-size:1.05rem;--game-score-label-color:color-mix(in srgb, var(--color-accent1) 80%, var(--color-white) 20%);--game-score-value-size:clamp(1.8rem, 5vw, 2.3rem)}body.game-screen{min-height:100vh}body.game-screen:before{content:"";background:var(--color-restart-fade-overlay,var(--color-black));opacity:0;pointer-events:none;transition:opacity var(--page-transition-fade-release-ms,.4s) linear;z-index:1000;position:fixed;inset:0}body.game-screen.is-page-transition-fade:before{opacity:1}body.game-screen.is-page-transition-lock>*{visibility:hidden}.game-screen-body{flex:1 0 auto;width:100%;position:relative}.game-screen-body:after{content:"";background:var(--color-restart-fade-overlay,var(--color-black));opacity:0;pointer-events:none;transition:opacity var(--game-screen-transition-release-ms,.1s) ease;z-index:999;position:absolute;inset:0}body.game-screen.is-game-screen-transitioning .game-screen-body:after{opacity:1}.game-screen-transition-loading{z-index:1100;pointer-events:none;place-items:center;padding:1rem;display:grid;position:fixed}.game-screen-transition-loading[hidden]{display:none}.game-screen-transition-loading-inner{color:var(--color-white);justify-content:center;align-items:center;gap:.95rem;display:inline-flex}.game-screen-transition-loading-spinner{background:url(/android-chrome-192x192.png) 50%/contain no-repeat;width:2rem;height:2rem;animation:1.25s linear infinite game-screen-transition-loading-spin}.game-screen-transition-loading-text{color:var(--color-white);font-size:1.35rem;font-weight:300;line-height:1.6}@keyframes game-screen-transition-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.daily-update-overlay{z-index:1200;background:color-mix(in srgb, var(--color-black) 78%, transparent 22%);place-items:center;padding:1rem;display:grid;position:fixed}.daily-update-overlay[hidden]{display:none}.daily-update-overlay-panel{border:1px solid var(--color-ash);background:var(--color-panel-soft);width:min(640px,100%);box-shadow:var(--shadow-panel);border-radius:14px;padding:1.15rem}.daily-update-overlay-heading{margin-bottom:1rem}.daily-update-overlay-message{color:var(--color-white);margin:0;font-size:1rem;line-height:1.7}.daily-update-overlay-actions{margin-top:1rem}.daily-update-overlay-actions .action-button{min-width:8rem}.game-header{padding-top:var(--space-header-padding-y);padding-bottom:var(--space-header-padding-y)}.game-header-inner{gap:0;width:min(1120px,96%);margin:0 auto;display:grid;position:relative}.game-header-inner>.site-header-character{right:0;bottom:calc(-1 * var(--space-header-padding-y))}.game-title-block{width:100%;text-align:center;padding-inline-start:clamp(5.4rem,16vw,7.2rem);padding-inline-end:var(--space-header-inline-guard)}.game-header h1{padding-inline:0}.game-page{width:var(--game-page-width)}.panel-heading{margin:0;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:300;line-height:1}.game-kicker,.panel-support{font-size:var(--type-support-size);font-weight:var(--type-support-weight);letter-spacing:.18em;color:var(--color-ash);margin:0}.game-subtitle,.status-message,.score-detail,.score-summary,.info-list{margin:0;font-size:.9rem;line-height:1.6}.info-list{margin-top:1rem;padding-left:1.25rem}.info-sub-list{margin:.2rem 0 0;padding-left:1.25rem}.game-subtitle{text-align:left;width:100%}.game-panel{box-shadow:var(--shadow-panel);box-sizing:border-box}.phase-panel{width:100%}.start-panel{gap:var(--game-panel-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.start-panel>section{min-width:0}.phase-description{margin:0;font-size:.95rem;line-height:1.6}.start-panel .phase-description{margin-top:1rem;font-size:1rem;font-weight:300}#start-summary{color:var(--color-accent1);font-size:1.2rem}.phase-panel .action-row{margin-top:1rem}.game-page.is-start .game-layout,.game-page.is-game .phase-panel{display:none}.result-content{margin-top:1rem}.result-inline{color:var(--color-accent1);white-space:normal;margin:0;font-size:clamp(1.05rem,3vw,1.2rem);font-weight:300;line-height:1.6}.start-info-panel,.game-info-panel{position:relative}.panel-daily-label{font-size:1rem;font-weight:var(--type-support-weight);line-height:var(--type-support-line-height);letter-spacing:.18em;text-align:right;white-space:nowrap;position:absolute;top:1rem;right:1rem}.start-entry-panel{flex-direction:column;display:flex}.name-input-row{flex-direction:column;margin-top:1rem;display:flex}.name-input-label{min-height:1.6rem;color:var(--color-accent1);font-size:1rem;font-weight:300;line-height:1.6}.start-entry-panel .name-input-row{margin-top:0}.start-entry-panel .name-input-label{margin:1rem 0 0}.start-entry-panel .name-input-note{margin:0}.start-entry-panel .player-name-input-wrap{margin-top:.9rem}.player-name-input-wrap{position:relative}.player-name-input{text-align:center;width:100%;padding-left:2.2rem;padding-right:2.2rem;font-weight:300}.player-name-clear-button{width:1.8rem;height:1.8rem;color:var(--color-accent1);font:inherit;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;display:inline-flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.player-name-clear-button:before{content:"×"}.player-name-clear-button.is-visible{opacity:1;pointer-events:auto}.player-name-input.is-entry-locked{color:var(--color-white);opacity:1;caret-color:#0000;pointer-events:none;font-weight:300}.ranking-list{gap:.45rem;margin:1rem 0 0;padding-left:0;list-style:none;display:grid}.ranking-list-fixed-10{align-content:start;min-height:calc(26.16rem + 20px)}.action-row{gap:1rem;margin-top:1.2rem;display:grid}.action-row[hidden]{display:none}.game-sidebar{gap:var(--game-panel-gap);display:grid}.action-button{appearance:none;border:1px solid var(--color-ash);background:var(--color-panel-soft);color:var(--color-white);font:inherit;text-align:center;cursor:pointer;border-radius:999px;padding:.8rem 1rem;font-size:1rem;font-weight:300;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s}.action-button:hover,.action-button:focus-visible{background:var(--color-panel-soft);border-color:var(--color-accent1);filter:brightness(var(--state-hover-brightness))}.action-button-share{background:var(--color-panel-soft)}.action-button.is-maintenance{color:var(--color-accent1);font-weight:600}.ranking-item{border:1px solid var(--color-ash);background:var(--color-panel-soft);border-radius:10px;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.55rem;padding:.45rem .6rem;font-size:.95rem;display:grid}.ranking-rank,.ranking-score{font-variant-numeric:tabular-nums}.ranking-score{align-items:baseline;gap:.5rem;display:inline-flex}.ranking-score:after{content:"point";letter-spacing:.02em;color:color-mix(in srgb, var(--color-accent1) 70%, var(--color-white) 30%);font-size:.75em}.ranking-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-empty{color:var(--color-ash);font-size:.95rem}.board-panel-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;margin-bottom:.9rem;display:grid}.board-panel-header>*{min-width:0}.turn-indicator{color:var(--color-white);text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;margin:0;font-size:1.05rem;font-weight:300;display:inline-flex}.score-card{border:1px solid var(--color-ash);background:var(--color-panel-soft);border-radius:14px;position:relative}.score-label,.score-value{margin:0}.score-label{font-size:var(--game-score-label-size);color:var(--game-score-label-color);font-weight:300}.score-value{font-size:var(--game-score-value-size);line-height:1.1}.score-label-row{flex-wrap:nowrap;align-items:flex-start;gap:.55rem;display:flex}@media (width<=860px){.start-panel{grid-template-columns:1fr}}@media (width<=640px){.game-header{padding-left:0;padding-right:0}.game-header-inner{gap:.8rem}.game-page .panel.game-panel{padding:.95rem}}@media (width<=540px){.game-header-inner{width:100%}.game-title-block{padding-inline-start:0}.board-panel-header{grid-template-columns:1fr}.turn-indicator{text-align:left;justify-content:flex-start}.game-page.is-start{width:100%}}body.ranking-page:before{content:"";background:var(--color-black);opacity:0;pointer-events:none;transition:opacity var(--page-transition-fade-release-ms,.4s) linear;z-index:1000;position:fixed;inset:0}body.ranking-page.is-page-transition-fade:before{opacity:1}.selection-body{gap:1.1rem;margin-top:1rem;display:grid}.selection-group{flex-direction:column;gap:.5rem;display:flex}.selection-label{font-size:1rem;font-weight:var(--type-support-weight);letter-spacing:.14em;color:var(--color-accent1);margin:0}.selection-radios{flex-wrap:wrap;gap:.5rem;display:flex}.selection-radio{cursor:pointer;display:inline-flex}.selection-radio input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.selection-radio span{border:1px solid var(--color-ash);background:var(--color-panel-soft);color:var(--color-ash);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.1rem;font-size:1rem;font-weight:300;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.selection-radio input[type=radio]:checked+span{border-color:var(--color-accent1);color:var(--color-white);background:var(--color-panel-highlight)}.selection-radio:hover span{background:var(--color-panel-hover);border-color:var(--color-accent1);color:var(--color-white)}.selection-radio input[type=radio]:focus-visible+span{outline:1px solid var(--color-accent1);outline-offset:2px}.ranking-display-panel .panel-heading{margin-bottom:0}