@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Noto+Sans+Tamil:wght@400;700;900&display=swap";:root{--comic-bg:#fffdf5;--comic-card:#fff;--comic-text:#1a1a1a;--comic-border:#2b2b2b;--comic-yellow:#ffe600;--comic-pink:#ff6f91;--comic-blue:#4d9de0;--comic-green:#37c788;--comic-red:#ff5959;--shadow-comic:4px 4px 0px #2b2b2b;--shadow-comic-sm:2px 2px 0px #2b2b2b;--shadow-comic-lg:6px 6px 0px #2b2b2b}body{background-color:var(--comic-bg);background-image:radial-gradient(#d1cbb8 1.5px,transparent 0);background-size:24px 24px;color:var(--comic-text);font-family:Noto Sans Tamil,sans-serif;margin:0;overflow-x:hidden;padding:0}body:before{background-image:url(./puthiyathalaimurai_import_uploads_news-image_2021_08_09_800x400_127648.04b9ae72.png);background-position:50%;background-size:cover;content:"";display:block;height:100%;left:0;opacity:.08;pointer-events:none;position:fixed;top:0;width:100%;z-index:-999}button{background:var(--comic-yellow);border:3px solid var(--comic-border);border-radius:14px;box-shadow:var(--shadow-comic);color:var(--comic-text);cursor:pointer;font-family:Noto Sans Tamil,sans-serif;font-size:1rem;font-weight:700;margin:8px;outline:none;padding:10px 18px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover{background:#fff152;box-shadow:var(--shadow-comic-lg);transform:translate(-2px,-2px)}button:active,button:focus-visible{box-shadow:0 0 0 var(--comic-border);transform:translate(2px,2px)}.correct{animation:bounce-pop .3s cubic-bezier(.175,.885,.32,1.275);background:var(--comic-green)!important}.correct,.wrong{border-color:var(--comic-border)!important;color:#fff!important}.wrong{animation:shake .3s ease-in-out;background:var(--comic-red)!important}.buttons{display:flex;gap:12px}.buttons button{align-items:center;aspect-ratio:1;border-radius:12px;display:flex;font-size:1.2rem;height:56px;justify-content:center}canvas{touch-action:none}.correction{color:var(--comic-red);font-weight:900;-webkit-text-decoration:underline wavy var(--comic-red);text-decoration:underline wavy var(--comic-red);white-space:pre}#cur{background:var(--comic-pink);border:2px solid var(--comic-border);border-radius:8px;bottom:.8em;box-shadow:var(--shadow-comic-sm);font-family:Caveat,cursive;font-size:1.8em;font-weight:700;padding:2px 10px;position:absolute;right:1.2em}h1{letter-spacing:-.5px}#lesson,h1{font-weight:900}#lesson{color:var(--comic-text);max-width:80vw;position:absolute;text-overflow:clip;text-shadow:2px 2px 0 var(--comic-yellow);white-space:nowrap}#pages{font-size:larger;overflow-y:auto;transition:height .3s ease}.level{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.inner{background:var(--comic-card);border:4px solid var(--comic-border);border-radius:20px;box-shadow:var(--shadow-comic-lg);display:flex;height:-moz-fit-content;height:fit-content;padding:1.5em;position:relative;width:70vw}.inner:after{border-color:var(--comic-border) transparent;border-style:solid;border-width:20px 20px 0;bottom:-20px;content:"";display:block;left:40px;position:absolute;width:0}@media (max-width:576px){#cur:before{content:"#";font-size:.8em}.padam{display:none}#lesson{font-size:1.5em}#pages{max-height:70vh;min-height:10vh}.inner{margin-top:10%;width:85vw}}@media (min-width:576px){#cur{font-size:2em}.padam{display:inline}#pages{max-height:60vh;min-height:30vh}.inner{margin-top:0}}#gaming{background:none;justify-content:center}#sound-header{font-family:Caveat,cursive;font-size:4em}#words{min-width:30vw;position:relative}#words img{border-radius:12px;display:block;opacity:.2;position:absolute;top:0;z-index:-1}#to_type{background:var(--comic-yellow);border:3px solid var(--comic-border);border-radius:10px;box-shadow:var(--shadow-comic-sm);display:inline-block;font-size:2.5em;font-weight:900;padding:4px 12px}#input{background:#fff;border:3px solid var(--comic-border);border-radius:12px;box-shadow:inset 3px 3px #00000014;font-family:Noto Sans Tamil,sans-serif;font-size:1.8em;font-weight:700;max-width:100%;outline:none;padding:8px 14px}#input:focus{border-color:var(--comic-blue);box-shadow:inset 3px 3px #4d9de033,var(--shadow-comic-sm)}#pages-outer{background:var(--comic-card);border:4px solid var(--comic-border)!important;border-radius:16px;box-shadow:var(--shadow-comic-lg);flex-direction:column;justify-content:start}.nuxt-loading-indicator{background:var(--comic-border)!important}@keyframes bounce-pop{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px) rotate(-2deg)}75%{transform:translate(6px) rotate(2deg)}}