:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header: #f9d77e;--main: #ffdfa0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html{font-size:62.5%;min-height:100vh;scroll-behavior:smooth;caret-color:transparent}body{font-size:2rem}html{background-color:var(--header)}#root{display:flex;flex-direction:column;align-items:center;min-height:100vh}header{background-color:var(--header);padding-bottom:1rem;background:linear-gradient(to bottom,#f9d77e 80%,#ffdfa0);width:100%;text-align:center}h1{font-size:clamp(3.3rem,5vw,4.5rem)}main{background-color:var(--main);padding:2rem 0;display:flex;flex-grow:1;width:100%;align-items:center;justify-items:center}footer{background-color:var(--header);background:linear-gradient(to top,#f9d77e 60%,#ffdfa0);width:100%;text-align:center;flex-grow:0;flex-shrink:0;filter:drop-shadow(0px 0px 4px rgb(var(--header)))}.fa-brands{color:#000}.MainMiddle{display:flex;flex-direction:column;align-items:center;justify-content:center;background-position:10% 90%,90% 90%;background-repeat:no-repeat;background-size:clamp(50px,25vw,500px),clamp(50px,25vw,500px)}.Splash{display:flex;flex-direction:column;max-width:clamp(30rem,90vw,100rem);justify-content:space-evenly;align-items:center;text-align:center}.SplashText{display:flex;flex-direction:column;justify-content:space-evenly}.SplashText p{padding:2rem 1rem}.Modes{display:flex;flex-direction:column;gap:2rem}button{padding:1rem;border-radius:1rem;border:2px solid black;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25em 1em;font-size:1.2em;font-weight:500;font-family:inherit;text-align:center;background-color:var(--header);position:relative}.Disabled{background-color:var(--header);filter:grayscale(.1) brightness(.9);cursor:not-allowed}.icon{display:auto;position:absolute;right:-5%;top:-25%;transform:rotate(-15deg)}.not-passed{opacity:.98;filter:grayscale(.8) brightness(.8)}.TenCardsParent{width:100%;display:flex;flex-direction:column;flex-grow:1}.TenCardsInfo{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:1rem}.TenCards{justify-self:center;flex-grow:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(28rem + 3vw),1fr));gap:4rem calc(.25rem + .25vw);max-width:100%;padding:2rem 0;align-items:center;justify-items:center}.Loading{font-size:clamp(3rem,8vw,4rem)}.CardWrapper{opacity:0;transform:translate(-100vw) rotate(-15deg);animation:deal .5s ease-out forwards;animation-fill-mode:forwards;transition:transform .3s ease,box-shadow .3s ease;position:relative}.CardWrapper:nth-child(1){animation-delay:0s}.CardWrapper:nth-child(2){animation-delay:.2s}.CardWrapper:nth-child(3){animation-delay:.4s}.CardWrapper:nth-child(4){animation-delay:.6s}.CardWrapper:nth-child(5){animation-delay:.8s}.CardWrapper:nth-child(6){animation-delay:1s}.CardWrapper:nth-child(7){animation-delay:1.2s}.CardWrapper:nth-child(8){animation-delay:1.4s}.CardWrapper:nth-child(9){animation-delay:1.6s}.CardWrapper:nth-child(10){animation-delay:1.8s}@keyframes deal{0%{opacity:0;transform:translate(-100vw) rotate(-15deg)}to{opacity:1;transform:translate(0) rotate(0)}}.Card{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:1rem;border-radius:1rem;border:2px solid black;cursor:pointer;-webkit-user-select:all;user-select:all;width:clamp(280px,35vw,320px);height:clamp(340px,calc(240px + 20vw),420px);text-align:center;background-color:var(--header);transition:transform .1s,box-shadow .1s;position:relative;z-index:10}.Card:hover{transform:scale(1.02);box-shadow:0 4px 20px #0003}.Card:active{transform:scale(.98);box-shadow:0 2px 10px #0003}.Card:focus{box-shadow:0 4px 15px #0003}h3{font-size:clamp(5.6rem,4vw,6.3rem)}.Jukugo rt{font-size:clamp(1.2rem,4vw,1.4rem)}.CardMeaningsDiv{font-size:clamp(1.7rem,4vw,2.2rem);max-width:80%}.CardMeaningsDiv ul{list-style-position:outside;list-style-type:"🍙";padding-left:1rem}hr{width:90%;border:none;height:1px;background-color:#00000080}.CardExampleDiv{font-size:clamp(1.7rem,2vw,1.8rem);padding-top:8px;color:#000c}.ExampleJP{text-wrap:balance}.ExampleEN{font-style:italic}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;z-index:1000}dialog{z-index:1001;place-self:center;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:1rem;border-radius:1rem;border:4px solid black;background-color:var(--main);color:#000;height:clamp(55rem,75vw,60rem);width:clamp(34rem,80vw,100rem);background-position:5% 85%,95% 85%;background-repeat:no-repeat;background-size:clamp(25px,25%,250px),clamp(25px,25%,250px)}.fail{background-image:url(/jmemory/assets/torii-B0vyg37k.png),url(/jmemory/assets/samurai-eXRHMZ9O.png)}.win{background-image:url(/jmemory/assets/sake-CwSqri6e.png),url(/jmemory/assets/monkey-DTlAR37R.png)}dialog p{font-size:clamp(1rem,8vw,2.5rem)}