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);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}h1{-webkit-text-stroke:.1em #00f;paint-order:stroke;width:fit-content;margin:2rem auto;font-size:clamp(3rem,14.33vw - .36rem,6rem);position:relative}h1:after{-webkit-text-stroke:0;content:attr(data-text);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red,#ff0,#0f0,#0ff,#00f,#f0f,red) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;width:100%;height:100%;animation:.4s linear infinite logo;position:absolute;top:0;left:0}@keyframes logo{0%{background-position:0 0}to{background-position:-100% 0}}button{border-radius:1em;width:280px;margin:1.5rem auto;padding:.2em 0;font-size:1.5em;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}@media (hover:hover){button:not(:disabled):hover{color:red;background:#ff0;border:.1em solid red}}.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)}[data-level=veryhard] .cards{--gap-scale:.4;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=veryhard] .cards{grid-template-columns:repeat(6,1fr)}}[data-level=easy]{--card-bg-body:linear-gradient(225deg, #ff0, #0ff);--card-bg-neko:radial-gradient(40% 40% at 50% 40%, #fff, #fc0, #f40)}[data-level=normal]{--card-bg-body:linear-gradient(125deg, #0f0, #ff0, #f0f);--card-bg-neko:radial-gradient(40% 40% at 50% 40%, #fff, #0cf, #00f)}[data-level=hard]{--card-bg-body:linear-gradient(155deg, red 0%, #ff0 30%, #0f0 60%, #0ff 65%, #0ff 70%, #00f 105%);--card-bg-neko:radial-gradient(40% 40% at 50% 40%, #fff, #f0f, #606)}[data-level=veryhard]{--card-bg-body:linear-gradient(40deg, #00f, #0ff, #00f, #ff0, #00f, #0f0, #00f, #f0f, #00f);--card-bg-neko:radial-gradient(40% 40% at 50% 40%, #fff, red, #f0c)}.card{height:100%;position:relative}.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:"";background:var(--card-bg-body);border-radius:.3em;position:absolute;inset:4%}.card__cover:after{content:"";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:not(.is-open) .card__cover{cursor:pointer}.card:not(.is-open):active{scale:.95}@media (hover:hover){.card:not(.is-open):hover{scale:.95}}.card.is-open .card__cover{opacity:0;transform:translateY(-50%)scale(1.4,.4)}.stat{text-align:left;margin:0 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)}.unlocked{color:red;-webkit-text-stroke:.1em #ff0;paint-order:stroke;margin-bottom:2.8rem;font-size:1.15em;font-style:italic;animation:.3s step-end infinite chikachika}@keyframes kirakira{0%,to{transform:scale(1)}50%{transform:scale(1.25)}0%,50%,to{background-color:red}25%,75%{background-color:#ff0}}@keyframes chikachika{0%,to{opacity:1}50%{opacity:0}}
