:root{--color-bg:#fff8e7;--color-surface:#fff;--color-text:#3a2e2a;--color-text-soft:#6b5d57;--color-accent:#ff8a5c;--color-accent-dark:#e06a3c;--color-good:#2e9e6b;--shadow-card:0 6px 18px #3a2e2a1f;--shadow-lift:0 10px 28px #3a2e2a2e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--text-sm:.85rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-xxl:2rem;--radius:var(--radius-lg);--min-touch:64px;--min-touch-secondary:48px;--font-display:ui-rounded, "Hiragino Maru Gothic ProN", "Quicksand", "Comfortaa", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-base);-webkit-tap-highlight-color:transparent;line-height:1.4}#app{max-width:640px;padding:var(--space-3);margin:0 auto}@media (width>=768px){#app{max-width:760px;padding:var(--space-4)}}@media (width>=835px){#app{max-width:1100px;padding:var(--space-5)}}.screen{gap:var(--space-4);flex-direction:column;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:4px solid var(--color-accent-dark);outline-offset:3px;border-radius:var(--radius-sm)}button{color:inherit;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.app-header{text-align:center;padding:var(--space-2) 0 0;flex-direction:column;align-items:center;display:flex;position:relative}.app-title-emoji{font-size:2.75rem;line-height:1}.app-title{margin:var(--space-1) 0 0;font-size:var(--text-xxl);letter-spacing:.02em}.app-subtitle{margin:var(--space-1) 0 0;color:var(--color-text-soft);font-size:var(--text-lg)}.screen-nav{justify-content:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.nav-link{align-items:center;gap:var(--space-2);min-height:var(--min-touch);padding:var(--space-2) var(--space-5);background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);font-size:var(--text-lg);font-weight:700;display:inline-flex}.parent-corner{top:var(--space-1);align-items:flex-end;gap:var(--space-2);z-index:10;flex-direction:column;display:flex;position:absolute;right:0}.parent-gear{min-width:var(--min-touch-secondary);min-height:var(--min-touch-secondary);color:var(--color-text-soft);border-radius:var(--radius-md);opacity:.7;background:0 0;border:none;font-size:1.4rem}.parent-gear:hover{opacity:1}.parent-panel{gap:var(--space-2);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lift);padding:var(--space-3);width:min(260px,80vw);font-size:var(--text-sm);flex-direction:column;display:flex}.parent-panel[hidden]{display:none}.game-play-area{gap:var(--space-3);flex-direction:column;display:flex}.parent-action{min-height:var(--min-touch-secondary);border:2px solid var(--color-bg);background:var(--color-bg);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-base)}.parent-reset.holding{border-color:var(--color-accent-dark);background:#ffd9c7}.parent-hint{color:var(--color-text-soft)}.parent-note{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-soft)}.home-main{gap:var(--space-5);flex-direction:column;display:flex}.category-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=480px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=835px){.category-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=768px){.category-grid{gap:var(--space-4)}}@media (width>=835px){.category-grid{gap:var(--space-5)}}.category-card{justify-content:center;align-items:center;gap:var(--space-2);min-height:120px;padding:var(--space-4) var(--space-2);background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex}.category-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.category-card:active{transform:scale(.97)}.category-emoji{font-size:3rem;line-height:1}.category-label{font-size:var(--text-lg);font-weight:700}.sticker-book{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-4)}.sticker-book-title{margin:0 0 var(--space-2);font-size:var(--text-base);color:var(--color-text-soft)}.sticker-strip{gap:var(--space-2);flex-wrap:wrap;min-height:44px;margin:0;padding:0;list-style:none;display:flex}.sticker{font-size:var(--text-xxl);padding:var(--space-1);line-height:1;animation:.5s sticker-in}.sticker-empty{color:var(--color-text-soft);align-self:center}@keyframes sticker-in{0%{transform:scale(0)rotate(-30deg)}60%{transform:scale(1.25)rotate(8deg)}to{transform:scale(1)rotate(0)}}.game-header,.game-header .screen-title{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.game-header p{margin:0}.back-btn{min-height:var(--min-touch-secondary);background:var(--color-surface);border-radius:var(--radius);min-width:96px;box-shadow:var(--shadow-card);font-size:var(--text-base);padding:0 var(--space-4);border:none;font-weight:700}.game-progress{font-size:var(--text-lg);color:var(--color-text-soft);font-weight:700}.screen-title{font-size:var(--text-lg);font-weight:700}.audio-note{border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);color:var(--color-text-soft);font-size:var(--text-base);background:#fff1d6;margin:0}.game-prompt{text-align:center;font-size:var(--text-xl);justify-content:center;align-items:baseline;gap:var(--space-1);flex-wrap:wrap;min-height:2.2em;margin:0;display:flex}.prompt-word{color:var(--color-accent-dark);font-weight:800}.prompt-word-big{font-size:var(--text-xxl);color:var(--color-text)}.hear-btn{min-height:var(--min-touch);padding:var(--space-2) var(--space-5);border-radius:var(--radius);background:var(--color-accent);color:#fff;font-size:var(--text-lg);box-shadow:var(--shadow-card);border:none;align-self:center;margin-inline:auto;font-weight:800}.hear-btn:active{transform:scale(.97)}.choice-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.choice-grid{gap:var(--space-4)}}.choice-card{justify-content:center;align-items:center;gap:var(--space-2);min-height:140px;padding:var(--space-4) var(--space-2);background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);border:none;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex}.choice-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.choice-emoji{font-size:4rem;line-height:1}.choice-word{font-size:var(--text-sm);color:var(--color-text-soft);font-weight:600}.correct-pop{background:#e9f9f0;animation:.6s correct-pop}@keyframes correct-pop{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}.wobble{background:#fff1d6;animation:.55s wobble}@keyframes wobble{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-8px)rotate(-3deg)}40%{transform:translate(8px)rotate(3deg)}60%{transform:translate(-6px)rotate(-2deg)}80%{transform:translate(6px)rotate(2deg)}}.praise{text-align:center;font-size:var(--text-xl);color:var(--color-good);margin:0;font-weight:800;animation:.5s sticker-in}.confetti-burst{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.confetti-bit{background:var(--confetti-color,var(--color-accent));width:12px;height:18px;animation:1.8s ease-in forwards confetti-fall;animation-delay:var(--confetti-delay,0s);opacity:0;border-radius:3px;position:absolute;top:40%}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--confetti-x,0px), 60vh) rotate(540deg)}}.reward-overlay{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-5);z-index:30;background:#3a2e2a73;flex-direction:column;display:flex;position:fixed;inset:0}.reward-sticker{background:var(--color-surface);width:160px;height:160px;box-shadow:var(--shadow-lift);border-radius:50%;place-items:center;font-size:6rem;animation:.7s sticker-in;display:grid}.reward-title{font-size:var(--text-xxl);color:#fff;text-shadow:0 2px 8px #00000059;margin:0}.reward-sub{font-size:var(--text-lg);color:#ffe9b8;margin:0;font-weight:700}.reward-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.big-btn{min-width:160px;min-height:80px;padding:var(--space-3) var(--space-6);border-radius:var(--radius);background:var(--color-accent);color:#fff;font-size:var(--text-lg);box-shadow:var(--shadow-lift);border:none;font-weight:800}.big-btn:active{transform:scale(.97)}.big-btn-secondary{background:var(--color-surface);color:var(--color-text)}.flashcard-main{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.flashcard{background:var(--color-surface);border-radius:var(--radius);width:min(420px,100%);min-height:300px;box-shadow:var(--shadow-lift);justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-4);touch-action:pan-y;border:none;flex-direction:column;display:flex}.flashcard:active{transform:scale(.98)}.flashcard-emoji{font-size:9rem;line-height:1}.flashcard-word{font-size:var(--text-xxl);font-weight:800}.flashcard-nav{gap:var(--space-4);width:min(420px,100%);display:flex}.nav-arrow{min-height:80px;font-size:var(--text-lg);flex:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.confetti-burst{display:none}}.memory-grid{gap:var(--space-2,8px);perspective:800px;grid-template-columns:repeat(3,1fr);width:100%;display:grid}@media (width>=768px){.memory-grid{gap:var(--space-3,12px);grid-template-columns:repeat(4,1fr)}}.memory-card{cursor:pointer;min-height:88px;transform-style:preserve-3d;background:0 0;border:none;padding:0;transition:transform .25s;position:relative}.memory-card:focus-visible{outline:3px solid var(--color-accent,#8ea8ff);outline-offset:2px;border-radius:var(--radius,12px)}.memory-card:active{transform:scale(.97)}.memory-card.is-open{transform:rotateY(180deg)}.memory-face{border-radius:var(--radius,12px);box-shadow:var(--shadow-card,0 2px 6px #0000001f);backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.memory-face-back{background:var(--color-accent,#ffd166)}.memory-back-watermark{opacity:.35;font-size:2.6rem;position:absolute}.memory-back-icon{font-size:2rem;position:relative}.memory-face-front{background:var(--color-surface,#fff);color:var(--color-text,#333);text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;padding:4px;font-size:1.75rem;font-weight:800;transform:rotateY(180deg)}.memory-card.is-matched{cursor:default}.memory-card.is-matched .memory-face-front{background:#e9f9f0;animation:.5s memory-pop}@keyframes memory-pop{0%{transform:rotateY(180deg)scale(1)}45%{transform:rotateY(180deg)scale(1.12)}to{transform:rotateY(180deg)scale(1)}}@media (prefers-reduced-motion:reduce){.memory-card,.memory-face{transition:none}.memory-card.is-open,.memory-face-front{transform:none}.memory-card.is-matched .memory-face-front{animation:none}}.memory-emoji-prompt{padding:var(--space-2,8px);cursor:pointer;background:0 0;border:none;font-size:6rem;line-height:1.1}.choice-stack{gap:var(--space-2,8px);flex-direction:column;width:100%;display:flex}.ew-choice{border-radius:var(--radius,12px);background:var(--color-surface,#fff);width:100%;min-height:64px;box-shadow:var(--shadow-card,0 2px 6px #0000001f);color:var(--color-text,#333);padding:var(--space-2,8px) var(--space-3,12px);border:none;font-size:28px;font-weight:700}.ew-choice:active{transform:scale(.98)}.mode-announce{text-align:center;font-size:var(--text-lg,1.25rem);color:var(--color-accent-dark,#b36b00);margin:0;font-weight:800}.mode-announce .mode-icon{vertical-align:middle;font-size:1.6em}@media (prefers-reduced-motion:reduce){.ew-choice,.memory-emoji-prompt{transition:none}}