@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Serif+JP:wght@200..900&display=swap";body{background-color:#e8b546;margin:0;padding:20px;font-family:Lato,sans-serif;display:flex;justify-content:center;min-height:100vh;line-height:1.5rem}.app-container[data-v-fb2e5d61]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px}.logo[data-v-fb2e5d61]{margin-top:2rem;margin-bottom:2rem;height:75px}.grid-container[data-v-fb2e5d61]{display:grid;gap:2px;padding:2px;width:100%;max-width:100%;box-sizing:border-box}.cell[data-v-fb2e5d61]{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#231f20;background-color:#edc46a;min-width:70px;min-height:70px;max-height:5rem;max-width:5rem;aspect-ratio:1;border-radius:8px;padding:5px;box-sizing:border-box;transition:background-color .3s ease-in-out,color .3s ease-in-out;font-family:Lato,sans-serif;line-height:1.4rem;cursor:pointer}.romaji[data-v-fb2e5d61]{font-size:1rem;text-align:center;margin-bottom:2px;font-family:Lato,sans-serif}.kanji[data-v-fb2e5d61]{font-size:1rem;text-align:center;margin:2px 0;font-family:"Noto Serif JP",serif}.arabic[data-v-fb2e5d61]{font-size:1rem;text-align:center;margin-top:2px;opacity:.8;font-family:Roboto,sans-serif}p[data-v-fb2e5d61]{max-width:800px;text-align:justify}@media (orientation: landscape){.grid-container[data-v-fb2e5d61]{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,1fr);margin:0 auto;row-gap:16px}.cell[data-row="1"][data-col="1"][data-v-fb2e5d61]{grid-area:1 / 1}.cell[data-row="1"][data-col="2"][data-v-fb2e5d61]{grid-area:1 / 2}.cell[data-row="1"][data-col="3"][data-v-fb2e5d61]{grid-area:1 / 3}.cell[data-row="1"][data-col="4"][data-v-fb2e5d61]{grid-area:1 / 4}.cell[data-row="1"][data-col="5"][data-v-fb2e5d61]{grid-area:1 / 5}.cell[data-row="1"][data-col="6"][data-v-fb2e5d61]{grid-area:1 / 6}.cell[data-row="1"][data-col="7"][data-v-fb2e5d61]{grid-area:1 / 7}.cell[data-row="1"][data-col="8"][data-v-fb2e5d61]{grid-area:1 / 8}.cell[data-row="2"][data-col="1"][data-v-fb2e5d61]{grid-area:2 / 1}.cell[data-row="2"][data-col="2"][data-v-fb2e5d61]{grid-area:2 / 2}.cell[data-row="2"][data-col="3"][data-v-fb2e5d61]{grid-area:2 / 3}.cell[data-row="2"][data-col="4"][data-v-fb2e5d61]{grid-area:2 / 4}.cell[data-row="2"][data-col="5"][data-v-fb2e5d61]{grid-area:2 / 5}.cell[data-row="2"][data-col="6"][data-v-fb2e5d61]{grid-area:2 / 6}.cell[data-row="2"][data-col="7"][data-v-fb2e5d61]{grid-area:2 / 7}.cell[data-row="2"][data-col="8"][data-v-fb2e5d61]{grid-area:2 / 8}.cell[data-row="3"][data-col="1"][data-v-fb2e5d61]{grid-area:3 / 1}.cell[data-row="3"][data-col="2"][data-v-fb2e5d61]{grid-area:3 / 2}.cell[data-row="3"][data-col="3"][data-v-fb2e5d61]{grid-area:3 / 3}.cell[data-row="3"][data-col="4"][data-v-fb2e5d61]{grid-area:3 / 4}.cell[data-row="3"][data-col="5"][data-v-fb2e5d61]{grid-area:3 / 5}.cell[data-row="3"][data-col="6"][data-v-fb2e5d61]{grid-area:3 / 6}.cell[data-row="3"][data-col="7"][data-v-fb2e5d61]{grid-area:3 / 7}.cell[data-row="3"][data-col="8"][data-v-fb2e5d61]{grid-area:3 / 8}.cell[data-row="4"][data-col="1"][data-v-fb2e5d61]{grid-area:4 / 1}.cell[data-row="4"][data-col="2"][data-v-fb2e5d61]{grid-area:4 / 2}.cell[data-row="4"][data-col="3"][data-v-fb2e5d61]{grid-area:4 / 3}.cell[data-row="4"][data-col="4"][data-v-fb2e5d61]{grid-area:4 / 4}.cell[data-row="4"][data-col="5"][data-v-fb2e5d61]{grid-area:4 / 5}.cell[data-row="4"][data-col="6"][data-v-fb2e5d61]{grid-area:4 / 6}.cell[data-row="4"][data-col="7"][data-v-fb2e5d61]{grid-area:4 / 7}.cell[data-row="4"][data-col="8"][data-v-fb2e5d61]{grid-area:4 / 8}}@media (orientation: portrait){.grid-container[data-v-fb2e5d61]{grid-template-columns:repeat(4,80px);grid-template-rows:repeat(8,80px);margin:0 auto;justify-content:center;width:fit-content;column-gap:16px}.cell[data-v-fb2e5d61]{width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;max-width:80px!important;max-height:80px!important}.cell[data-row="1"][data-col="1"][data-v-fb2e5d61]{grid-area:1 / 4}.cell[data-row="1"][data-col="2"][data-v-fb2e5d61]{grid-area:2 / 4}.cell[data-row="1"][data-col="3"][data-v-fb2e5d61]{grid-area:3 / 4}.cell[data-row="1"][data-col="4"][data-v-fb2e5d61]{grid-area:4 / 4}.cell[data-row="1"][data-col="5"][data-v-fb2e5d61]{grid-area:5 / 4}.cell[data-row="1"][data-col="6"][data-v-fb2e5d61]{grid-area:6 / 4}.cell[data-row="1"][data-col="7"][data-v-fb2e5d61]{grid-area:7 / 4}.cell[data-row="1"][data-col="8"][data-v-fb2e5d61]{grid-area:8 / 4}.cell[data-row="2"][data-col="1"][data-v-fb2e5d61]{grid-area:1 / 3}.cell[data-row="2"][data-col="2"][data-v-fb2e5d61]{grid-area:2 / 3}.cell[data-row="2"][data-col="3"][data-v-fb2e5d61]{grid-area:3 / 3}.cell[data-row="2"][data-col="4"][data-v-fb2e5d61]{grid-area:4 / 3}.cell[data-row="2"][data-col="5"][data-v-fb2e5d61]{grid-area:5 / 3}.cell[data-row="2"][data-col="6"][data-v-fb2e5d61]{grid-area:6 / 3}.cell[data-row="2"][data-col="7"][data-v-fb2e5d61]{grid-area:7 / 3}.cell[data-row="2"][data-col="8"][data-v-fb2e5d61]{grid-area:8 / 3}.cell[data-row="3"][data-col="1"][data-v-fb2e5d61]{grid-area:1 / 2}.cell[data-row="3"][data-col="2"][data-v-fb2e5d61]{grid-area:2 / 2}.cell[data-row="3"][data-col="3"][data-v-fb2e5d61]{grid-area:3 / 2}.cell[data-row="3"][data-col="4"][data-v-fb2e5d61]{grid-area:4 / 2}.cell[data-row="3"][data-col="5"][data-v-fb2e5d61]{grid-area:5 / 2}.cell[data-row="3"][data-col="6"][data-v-fb2e5d61]{grid-area:6 / 2}.cell[data-row="3"][data-col="7"][data-v-fb2e5d61]{grid-area:7 / 2}.cell[data-row="3"][data-col="8"][data-v-fb2e5d61]{grid-area:8 / 2}.cell[data-row="4"][data-col="1"][data-v-fb2e5d61]{grid-area:1 / 1}.cell[data-row="4"][data-col="2"][data-v-fb2e5d61]{grid-area:2 / 1}.cell[data-row="4"][data-col="3"][data-v-fb2e5d61]{grid-area:3 / 1}.cell[data-row="4"][data-col="4"][data-v-fb2e5d61]{grid-area:4 / 1}.cell[data-row="4"][data-col="5"][data-v-fb2e5d61]{grid-area:5 / 1}.cell[data-row="4"][data-col="6"][data-v-fb2e5d61]{grid-area:6 / 1}.cell[data-row="4"][data-col="7"][data-v-fb2e5d61]{grid-area:7 / 1}.cell[data-row="4"][data-col="8"][data-v-fb2e5d61]{grid-area:8 / 1}}.cell.active[data-v-fb2e5d61]{background-color:#ee7c31!important}.cell.first-occurrence.active[data-v-fb2e5d61]{background-color:#ca3637!important;color:#fff}.cell.first-occurrence[data-v-fb2e5d61]{font-weight:700}.play-button[data-v-fb2e5d61]{background:none;border:none;cursor:pointer;padding:0;margin-bottom:20px;transition:transform .1s ease}.play-button[data-v-fb2e5d61]:hover{transform:scale(1.05)}.play-button[data-v-fb2e5d61]:active{transform:scale(.95)}.play-icon[data-v-fb2e5d61]{width:80px;height:80px;object-fit:contain}