html{width:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;text-align:center;-webkit-tap-highlight-color:transparent;--neko-img:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2224%22%20ry%3D%2221%22%20%2F%3E%3Cpolygon%20points%3D%2212%2C2%2030%2C21%209%2C36%22%20%2F%3E%3Cpolygon%20points%3D%2252%2C2%2034%2C21%2055%2C36%22%20%2F%3E%3Cpolygon%20points%3D%220%2C36%2010%2C36%2010%2C38%22%20%2F%3E%3Cpolygon%20points%3D%220%2C40%2010%2C38%2010%2C40%22%20%2F%3E%3Cpolygon%20points%3D%221%2C44%2011%2C40%2011%2C42%22%20%2F%3E%3Cpolygon%20points%3D%2264%2C36%2054%2C36%2054%2C38%22%20%2F%3E%3Cpolygon%20points%3D%2264%2C40%2054%2C38%2054%2C40%22%20%2F%3E%3Cpolygon%20points%3D%2263%2C44%2053%2C40%2053%2C42%22%20%2F%3E%3C%2Fsvg%3E);--sound-img:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-550 -550 1612 1612\"><path fill=\"%23fffc\" d=\"M404 427l-33-27c74-81 74-205 0-286l33-27c87 97 87 243 0 340zM320 155l-33 27c40 42 40 108 0 151l33 27c52-58 52-146 0-205zM234 85L124 173H43v170h81l110 86V85z\"/></svg>");margin:0;font-size:clamp(16px,7.04px + 2.39vw,24px);line-height:1.5;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}button{border-radius:1.4em;width:300px;margin:1.1em auto;padding:.5em 0;font-size:1.4em;display:block}button:not(:disabled){cursor:pointer;color:#00f;background:#0ff;border:.1em solid #00f}button:disabled{color:#999a;background:0 0;border:.1em solid #999a}button:not(:disabled):active{color:red;background:#ff0;border:.1em solid red;transform:scale(.93)}@media (hover:hover){button:not(:disabled):hover{color:red;background:#ff0;border:.1em solid red}}.logo{width:fit-content;margin:2em auto;position:relative}h1{-webkit-text-stroke:.1em #00f;paint-order:stroke;width:fit-content;font-size:clamp(4rem,2.3309rem + 7.1217vw,5.5rem);position:relative}h1:after{-webkit-text-stroke:0;content:attr(data-text);background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red,#ff0,#0f0,#0ff,#00f,#f0f,red) 0 0/100% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:.4s linear infinite logo;position:absolute;inset:0}h2{transform-origin:0;-webkit-text-stroke:.15em #333;paint-order:stroke;width:fit-content;font-size:clamp(2rem,.8872rem + 4.7478vw,3rem);position:absolute;top:-15%;left:-10%;transform:scaleX(1.2)skew(-15deg)rotate(-10deg)}h2:after{-webkit-text-stroke:0;content:attr(data-text);background:linear-gradient(-45deg,#ff0,#f80,#ff7,#fa0,#ff3,#f70) 0 0/100% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:.7s linear infinite sublogo;position:absolute;inset:0}h1,h2{margin:0 auto}.notice{margin:0 auto 2em;animation:.5s linear infinite notice}@keyframes logo{0%{background-position:0 0}to{background-position:0 100%}}@keyframes sublogo{0%,35%,65%,to{filter:brightness()}50%{filter:brightness(1.3)}}@keyframes notice{0%,to{color:red}50%{color:#ff0}0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.2,2)}}.game{flex-direction:column;gap:clamp(.5rem,2.3739vw - .0564rem,1rem);width:100dvw;height:100dvh;display:flex}.retire{color:#0ff;-webkit-text-stroke:.15em #00f;paint-order:stroke;cursor:pointer;flex:none;width:fit-content;font-size:.9em}.cards{--gap-scale:1;justify-content:center;align-items:flex-start;gap:calc(clamp(10px, -1.19px + 2.99vw, 20px) * var(--gap-scale));flex:auto;width:100%;display:grid}.lock{z-index:9;position:fixed;inset:0}[data-level=easy] .cards{grid-template-columns:repeat(3,1fr)}[data-level=normal] .cards{grid-template-columns:repeat(4,1fr)}[data-level=hard] .cards{--gap-scale:.7;grid-template-columns:repeat(4,1fr)}@media (width>=480px){[data-level=easy] .cards,[data-level=normal] .cards{grid-template-columns:repeat(4,1fr)}[data-level=hard] .cards{grid-template-columns:repeat(5,1fr)}}[data-level=easy]{--card-bg-body:radial-gradient(at center, #0f0, #ff0, #0f0, #ff0, #0f0, #ff0);--card-bg-neko:radial-gradient(40% 40% at 50% 50%, #606, #f0f, #f90)}[data-level=normal]{--card-bg-body:radial-gradient(at center, #0ff, #f0f, #0ff, #f0f, #0ff, #f0f, #0ff, #f0f, #0ff, #f0f);--card-bg-neko:radial-gradient(40% 40% at 50% 40%, #000, #00f, #09f)}[data-level=hard]{--card-bg-body:radial-gradient(at center, #00f, red, #00f, red, #00f, red, #00f, red, #00f, red, #00f, red, #00f, red, #00f, red);--card-bg-neko:radial-gradient(40% 40% at 50% 50%, #000, #309, #00f)}.card{height:100%;position:relative}.card__inner{width:100%;height:100%}.card__main{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.card__cover{background:linear-gradient(-50deg,#fff,#99c,#fff,#99c,#fff,#99c);transition:transform .3s,opacity .3s;position:absolute;inset:-1px}.card__cover:before{content:"";z-index:1;background:var(--card-bg-body);border-radius:.3em;position:absolute;inset:4%}.card__cover:after{content:"";z-index:2;background:var(--card-bg-neko);-webkit-mask:var(--neko-img) center / contain no-repeat;mask:var(--neko-img) center / contain no-repeat;position:absolute;inset:.5em .5em -.2em}.card__cover-sound{z-index:3;background:var(--sound-img) center / contain no-repeat;width:100%;height:100%;position:absolute;inset:.3em 0 0}.card:not(.is-open) .card__cover{cursor:pointer}.card:not(.is-open):active .card__inner{scale:.95}@media (hover:hover){.card:not(.is-open):hover .card__inner{scale:.95}}.card.is-open .card__cover{opacity:0;pointer-events:none;transform:translateY(-50%)scale(1.4,.4)}.stat{text-align:left;margin:1em auto 2.8rem}.stat th,.stat td{color:#000;-webkit-text-stroke:.1em #fff;paint-order:stroke;padding:.25em .5em;font-weight:400}.rating{gap:.2em;display:flex}.rating__neko{width:1em;height:1em;-webkit-mask:var(--neko-img);mask:var(--neko-img)}.rating__neko.is-active{animation:1s linear infinite kirakira}.rating__neko:not(.is-active){background:#aaac;transform:scale(.8)}@keyframes kirakira{0%,to{transform:scale(1)}50%{transform:scale(1.25)}0%,50%,to{background-color:red}25%,75%{background-color:#ff0}}
