*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-user-select:none;user-select:none;overflow:hidden}:root[lang=en] *{font-family:Comic Sans MS,Comic Neue}:root[lang=ja] *{font-family:HGP創英角ﾎﾟｯﾌﾟ体,HGP創英角ポップ体,Mochiy Pop One}:root[lang=en] [lang=ja],:root[lang=ja] [lang=en]{display:none}:root[lang=ja] *{font-weight:400!important}.reversi{padding:var(--space) var(--space) var(--space) 0;--space:clamp(.75rem, -.2845rem + 3.4483vw, 1.25rem);aspect-ratio:4/3.1;background:linear-gradient(#55f,#006);justify-content:center;width:100%;max-width:712px;font-size:clamp(1.25rem,5.1724vw - .3017rem,2rem);display:flex}@media screen and (width<=479px){.reversi{aspect-ratio:3.2/4;font-size:clamp(1.25rem,7.619vw - .5357rem,1.75rem)}}.reversi__board{position:relative}.reversi__setting,.reversi__result{z-index:9;position:absolute;inset:0}.reversi__status{flex-direction:column;flex:1;justify-content:space-between;width:100%;display:flex}.reversi__status hr{background-color:#fff8;border:none;height:1px;margin:0}.reversi__nav{justify-content:center;align-items:center;display:flex}@media screen and (width<=479px){.reversi{padding:var(--space) 0;flex-direction:column;align-items:center}.reversi__board{order:2}.reversi__status{padding:0 calc(var(--space) * 1.25) calc(var(--space) * 1.25) var(--space);flex-direction:row-reverse;order:1;font-size:.9em}.reversi__nav{flex-direction:column}.reversi__status hr{display:none}}button{all:unset;-webkit-tap-highlight-color:transparent;text-align:center;cursor:pointer}.reversi__status button{background:#fff3;border-radius:8px;padding:.4em .75em;font-size:.8em}.reversi__setting button,.reversi__result button{background:#272b;border-radius:8px;padding:.6em 2.5em;font-size:.9em}@media (hover:hover){.reversi__status button:hover{background:#fff5}.reversi__setting button:hover,.reversi__result button:hover{background:#151a}}@media (hover:none){.reversi__status button:active{background:#fff5}.reversi__setting button:active,.reversi__result button:active{background:#151a}}.dummy{clip:rect(0 0 0 0);opacity:0;z-index:-1;background:url(/static/swf/reversi/assets/hand-mah-B1PMN0_P.avif),url(/static/swf/reversi/assets/hand-mee-Blt35r_8.avif),url(/static/swf/reversi/assets/hand-sue-D4T3RRqM.avif);width:1px;height:1px;position:absolute;overflow:hidden}.board{padding:0 100px 0 var(--space);margin-right:calc(-100px + var(--space));--cell-size:clamp(2.5rem, -.0862rem + 8.6207vw, 3.75rem);pointer-events:none}@media screen and (width<=479px){.board{padding:0 var(--space);--cell-size:calc((100dvw - var(--space) * 2 - 26px) / 8);margin:0;overflow:hidden}}.board__inner{pointer-events:auto;background-color:#000;border:6px solid #000;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:2px;width:fit-content;display:grid}.board[data-opponent=sue]{--hand-url:url(/static/swf/reversi/assets/hand-sue-D4T3RRqM.avif)}.board[data-opponent=mee]{--hand-url:url(/static/swf/reversi/assets/hand-mee-Blt35r_8.avif)}.board[data-opponent=mah]{--hand-url:url(/static/swf/reversi/assets/hand-mah-B1PMN0_P.avif)}.board__cell{width:var(--cell-size);aspect-ratio:1;background-color:#0b0;padding:2px;position:relative}.board__cell.can-place{cursor:pointer;background-color:#0f0}@media (hover:hover){.board__cell.can-place:hover{background-color:#ff0}}@media (hover:none){.board__cell.can-place:active{background-color:#ff0}}.board__cell[data-row="0"]{--offset-y:1}.board__cell[data-row="1"]{--offset-y:2}.board__cell[data-row="2"]{--offset-y:3}.board__cell[data-row="3"]{--offset-y:4}.board__cell[data-row="4"]{--offset-y:5}.board__cell[data-row="5"]{--offset-y:6}.board__cell[data-row="6"]{--offset-y:7}.board__cell[data-row="7"]{--offset-y:8}.board__cell[data-col="0"]{--offset-x:3.5}.board__cell[data-col="1"]{--offset-x:2.5}.board__cell[data-col="2"]{--offset-x:1.5}.board__cell[data-col="3"]{--offset-x:.5}.board__cell[data-col="4"]{--offset-x:-.5}.board__cell[data-col="5"]{--offset-x:-1.5}.board__cell[data-col="6"]{--offset-x:-2.5}.board__cell[data-col="7"]{--offset-x:-3.5}.board__cell[data-row="2"][data-col="2"]:after,.board__cell[data-row="2"][data-col="6"]:after,.board__cell[data-row="6"][data-col="2"]:after,.board__cell[data-row="6"][data-col="6"]:after{content:"";background-color:#000;border-radius:50%;width:6px;height:6px;display:block;position:absolute;top:-4px;left:-4px}.piece{background-image:url(/static/swf/reversi/assets/piece-CycX6n51.png);background-size:200% 200%;width:100%;height:100%}.piece--w{background-position:0 0}.piece--b{background-position:100% 0}.piece.is-byneko:not([data-flipby]){z-index:8;animation:.3s linear forwards nekonote;position:relative}.piece.is-byneko:not([data-flipby]):after{content:"";background-image:var(--hand-url);background-size:100% 100%;width:600%;height:1000%;animation:.3s linear .5s reverse forwards nekonote;display:block;position:absolute;bottom:0;left:50%;translate:-50%}@media screen and (width<=479px){.piece.is-byneko:not([data-flipby]):after{width:550%;height:900%}}.piece--w[data-flipby]{animation:.2s step-end both b2w}.piece--b[data-flipby]{animation:.2s step-end both w2b}.piece[data-flipby=p]{animation-delay:.1s}.piece[data-flipby=o]{animation-delay:.7s}@keyframes w2b{0%{background-position:0 0}50%{background-position:0 100%}to{background-position:100% 0}}@keyframes b2w{0%{background-position:100% 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes nekonote{0%{transform:translate(calc(var(--offset-x) * var(--cell-size)), calc(var(--offset-y) * var(--cell-size) * -1 - 1rem))}to{transform:translate(0)}}.opponent{aspect-ratio:1;background-image:linear-gradient(135deg, var(--opponent-bg1,#aaa), var(--opponent-bg2,#222));--opponent-space:calc(var(--space) * .75);width:100%;padding:var(--opponent-space);border:4px solid #fff;border-radius:10px;box-shadow:0 0 0 2px #000,inset 0 0 0 2px #000,inset 4px 4px 6px #000,4px 4px 6px #000}.opponent__face{background-image:var(--opponent-img);background-position:0 var(--opponent-img-y);background-size:100% 600%;width:100%;height:100%}.opponent[data-neko=mah]{--opponent-img:url(/static/swf/reversi/assets/face-mah-Ch-05deE.avif);--opponent-bg1:#ffe;--opponent-bg2:#fa0}.opponent[data-neko=mee]{--opponent-img:url(/static/swf/reversi/assets/face-mee-lL6-AU-z.avif);--opponent-bg1:#fef;--opponent-bg2:#d4d}.opponent[data-neko=sue]{--opponent-img:url(/static/swf/reversi/assets/face-sue-B7Yon60d.avif);--opponent-bg1:#fdd;--opponent-bg2:#900}.opponent[data-feeling=win]{--opponent-img-y:0}.opponent[data-feeling=good]{--opponent-img-y:-100%}.opponent[data-feeling=normal]{--opponent-img-y:-200%}.opponent[data-feeling=bad]{--opponent-img-y:-300%}.opponent[data-feeling=loss]{--opponent-img-y:-400%}.opponent[data-feeling=sleep]{--opponent-img-y:-500%}.opponent[data-neko=sue][data-feeling=win],.opponent[data-neko=sue][data-feeling=good]{--opponent-space:calc(var(--space) * .7)}.opponent[data-neko=sue][data-feeling=bad]{--opponent-space:calc(var(--space) * .65)}.opponent[data-neko=sue][data-feeling=loss],.opponent[data-neko=mee][data-feeling=win]{--opponent-space:calc(var(--space) * .7)}.opponent[data-neko=mee][data-feeling=bad]{--opponent-space:calc(var(--space) * .45) calc(var(--space) * .55) calc(var(--space) * .45) calc(var(--space) * .35)}.opponent[data-neko=mee][data-feeling=loss]{--opponent-space:calc(var(--space) * .85) calc(var(--space) * .6) calc(var(--space) * .55) calc(var(--space) * .8)}.opponent[data-neko=mee][data-feeling=sleep]{--opponent-space:calc(var(--space) * .6) calc(var(--space) * .35) calc(var(--space) * .6) calc(var(--space) * .65)}.opponent[data-neko=mah][data-feeling=win]{--opponent-space:calc(var(--space) * .45)}.opponent[data-neko=mah][data-feeling=normal]{--opponent-space:calc(var(--space) * .65)}.opponent[data-neko=mah][data-feeling=bad]{--opponent-space:calc(var(--space) * .4) calc(var(--space) * .25) calc(var(--space) * .4) calc(var(--space) * .55)}.opponent[data-neko=mah][data-feeling=loss]{--opponent-space:calc(var(--space) * .65)}.opponent[data-neko=mah][data-feeling=sleep]{--opponent-space:calc(var(--space) * .5) calc(var(--space) * .55) calc(var(--space) * .5) calc(var(--space) * .45)}.player-info{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5em;display:flex}.player-info__stat{justify-content:center;align-items:center;gap:.1em;width:75%;margin:0 auto;display:flex}.player-info.is-hidden .player-info__label,.player-info.is-hidden .player-info__stat{visibility:hidden}.player-info__piece{aspect-ratio:1;width:40%}.player-info__count{text-align:center;flex:1}@media screen and (width<=479px){.player-info{justify-content:unset}.player-info[data-who=player]{grid-template-rows:1fr 1fr;width:20vw;display:grid}.player-info[data-who=opponent]{grid-template:"label opponent"1fr"stat opponent"1fr/20vw 20vw;display:grid}.player-info[data-who=opponent]>.player-info__label{grid-area:label}.player-info[data-who=opponent]>.opponent{grid-area:opponent}.player-info[data-who=opponent]>.player-info__stat{grid-area:stat}.player-info__label{align-self:end}.player-info__stat{align-self:start;width:100%}}.setting{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2em;width:100%;height:100%;display:flex}.setting__container{gap:1em;display:flex}.setting__content{flex-direction:column;gap:.5em;display:flex}.setting input[type=radio]{display:none}.setting__title{-webkit-text-stroke:#000 .1em;paint-order:stroke;text-shadow:0 .2em .1em #0009;margin-bottom:.3em;font-weight:700}.setting__choice{flex-direction:column;justify-content:center;align-items:center;gap:.4em;font-size:.9em;display:flex}[lang=ja] .setting__choice--neko{--setting-label-width:6em}[lang=ja] .setting__choice--color{--setting-label-width:5em}.setting__choice>label{cursor:pointer;min-width:var(--setting-label-width,5.5em);background:#272b;border-radius:8px;align-items:center;padding:.3em .3em .3em .4em;display:flex}@media (hover:hover){.setting__choice>label:hover{background:#151a}}@media (hover:none){.setting__choice>label:active{background:#151a}}.setting__choice>label:has(input:checked){color:#00f;box-shadow:0 0 0 6px #00f;background:#0ffa!important}.setting__choice-name{flex:1}.setting__piece-icon{width:1.3em;height:1.3em;display:block}.setting__opponent-icon{background-image:var(--setting-neko-img);background-position:0 -200%;background-size:100% 600%;flex-shrink:0;width:1.3em;height:1.3em}.setting__opponent-icon[data-neko=mah]{--setting-neko-img:url(/static/swf/reversi/assets/face-mah-Ch-05deE.avif)}.setting__opponent-icon[data-neko=mee]{--setting-neko-img:url(/static/swf/reversi/assets/face-mee-lL6-AU-z.avif)}.setting__opponent-icon[data-neko=sue]{--setting-neko-img:url(/static/swf/reversi/assets/face-sue-B7Yon60d.avif)}.result{flex-direction:column;justify-content:center;align-items:center;gap:2em;width:100%;height:100%;display:flex}.result__message{-webkit-text-stroke:#000 .13em;paint-order:stroke;text-shadow:0 .2em .1em #0009;font-size:3em;font-weight:700}.result__message[data-result=win]{color:#ff0}.result__message[data-result=loss]{color:#f30}.result__message[data-result=draw]{color:#0ff}