@charset "UTF-8";[hidden],.wp-modal-backdrop[hidden],.wp-overlay-screen[hidden]{display:none!important;pointer-events:none!important;visibility:hidden!important}.word-picture-app{position:fixed!important;inset:0!important;z-index:99999!important;box-sizing:border-box;width:100vw!important;height:100dvh!important;max-height:100dvh!important;min-height:100dvh!important;padding:clamp(8px,1.6vh,18px) clamp(10px,2vw,24px)!important;margin:0!important;overflow:hidden!important;color:#1e293b;background:linear-gradient(145deg,#e8f5e9,#e0f2fe 45%,#f3e8ff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.word-picture-app *,.word-picture-app *:before,.word-picture-app *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.word-picture-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.wp-ambient-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45;animation:wpAmbientFloat 18s infinite alternate ease-in-out}.blob-sky{width:600px;height:600px;top:-160px;left:-100px;background:radial-gradient(circle,#bae6fd,#7dd3fc)}.blob-emerald{width:550px;height:550px;bottom:-140px;right:-100px;background:radial-gradient(circle,#a7f3d0,#6ee7b7);animation-delay:-6s}.blob-amber{width:480px;height:480px;top:25%;right:25%;background:radial-gradient(circle,#fde68a,#fbcfe8);opacity:.35;animation-delay:-11s}@keyframes wpAmbientFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(35px,25px) scale(1.06)}to{transform:translate(-30px,-25px) scale(.96)}}.word-picture-container{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1280px,100%);height:100%;max-height:100%;margin:0 auto;overflow:hidden}.word-picture-navbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;border-radius:20px;background:#ffffffe0;border:1px solid rgba(255,255,255,.95);box-shadow:0 4px 20px #0f172a0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0;margin-bottom:8px}.wp-nav-group{display:flex;align-items:center;gap:8px}.wp-nav-center{flex:1 1 auto;min-width:0;flex-direction:column;gap:2px;text-align:center}.wp-btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border-radius:14px;border:1px solid #e2e8f0;font-size:.9rem;font-weight:750;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:all .16s ease;white-space:nowrap}.wp-btn-back{color:#475569;background:#fff}.wp-btn-mode{color:#4f46e5;background:#eef2ff;border-color:#e0e7ff}.wp-btn-sound{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 4px 12px #2563eb38}.wp-btn-speed{color:#059669;background:#ecfdf5;border-color:#d1fae5}.wp-btn-restart{color:#e11d48;background:#fff1f2;border-color:#ffe4e6}.wp-btn-fs{color:#0f766e;background:#f0fdfa;border-color:#ccfbf1}@media(hover:hover)and (pointer:fine){.wp-btn-pill:hover{transform:translateY(-1.5px);filter:brightness(1.02);box-shadow:0 6px 14px #0f172a14}}.wp-btn-pill:active{transform:scale(.96)}.wp-nav-icon{width:17px;height:17px;flex-shrink:0}.wp-stage-badge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.wp-stage-badge{font-size:1rem;font-weight:900;color:#0f172a;letter-spacing:-.01em;white-space:nowrap}.wp-round-stepper{display:flex;align-items:center;justify-content:center;gap:6px}.wp-round-dot{display:inline-block;height:7px;border-radius:999px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.wp-round-dot.is-upcoming{width:9px;background:#cbd5e1}.wp-round-dot.is-current{width:22px;background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 10px #3b82f673;animation:wpDotPulse 1.6s infinite ease-in-out}.wp-round-dot.is-completed{width:12px;background:#10b981}@keyframes wpDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.96)}}.wp-stat-chip{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 11px;border-radius:12px;font-size:.88rem;font-weight:850;line-height:1;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 6px #0f172a0a}.wp-stat-icon{font-size:.95rem;line-height:1}.chip-stars{background:#fef9c3;border:1.5px solid #fde047;color:#854d0e}.chip-streak{background:#fff7ed;border:1.5px solid #fdba74;color:#c2410c;animation:wpStreakPulse 2s infinite ease-in-out}.chip-accuracy{background:#f0fdf4;border:1.5px solid #86efac;color:#166534}@keyframes wpStreakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wp-stats-badge{font-size:.72rem;font-weight:750;color:#64748b;background:#fff;padding:2px 10px;border-radius:999px;border:1px solid #e2e8f0}.word-picture-progress-track{width:100%;height:8px;border-radius:999px;background:#ffffffbf;overflow:hidden;margin-bottom:8px;flex-shrink:0;border:1px solid rgba(226,232,240,.6)}.word-picture-progress-fill{width:10%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#10b981,#3b82f6 70%,#8b5cf6);box-shadow:0 0 10px #3b82f673;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.word-picture-stage{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;padding:clamp(14px,2vh,22px) clamp(16px,2.5vw,32px);border-radius:28px;background:#ffffffe0;border:1px solid rgba(255,255,255,.95);box-shadow:0 16px 40px #0f172a0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.wp-target-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:clamp(10px,1.8vh,18px);flex-shrink:0}.wp-word-card{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:8px 24px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);border:2.5px solid #e0e7ff;border-bottom:5px solid #c7d2fe;box-shadow:0 8px 22px #4f46e514;cursor:pointer;touch-action:manipulation;transition:transform .14s ease,box-shadow .14s ease}@media(hover:hover)and (pointer:fine){.wp-word-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4f46e524}}.wp-word-card:active{transform:translateY(2px);border-bottom-width:3px}.wp-speaker-bubble{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#eef2ff;color:#4338ca;border:1.5px solid #c7d2fe;flex-shrink:0}.wp-word-speaker-icon{width:20px;height:20px;flex-shrink:0}.wp-word-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px}.wp-target-word{margin:0;font-size:clamp(2rem,5vw,3.4rem);font-weight:950;letter-spacing:.04em;color:#1e1b4b;line-height:1.1}.wp-target-syllables{font-size:clamp(.78rem,1.2vw,.95rem);font-weight:800;color:#4f46e5;background:#eef2ff;padding:2px 10px;border-radius:999px;letter-spacing:.1em;text-transform:uppercase}.wp-options-grid{display:grid;flex:1;min-height:0;gap:clamp(14px,2.2vw,24px);place-items:stretch;width:100%;margin:0 auto}.wp-options-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.wp-options-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px}.wp-options-grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px}.word-picture-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:clamp(12px,2vh,22px);border-radius:clamp(20px,2.5vw,30px);background:linear-gradient(180deg,#fff,#fafbfc);border:3px solid #e2e8f0;border-bottom:6px solid #cbd5e1;box-shadow:0 10px 26px #0f172a0f;cursor:pointer;touch-action:manipulation!important;-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease,opacity .22s ease;outline:none;min-height:0}@media(hover:hover)and (pointer:fine){.word-picture-option:hover{transform:translateY(-3px);border-color:#93c5fd;border-bottom-color:#60a5fa;box-shadow:0 14px 28px #3b82f624}}.word-picture-option:active{transform:translateY(3px)!important;border-bottom-width:3px!important;box-shadow:0 4px 10px #0f172a0f!important;transition:transform .08s ease}.word-picture-option:focus-visible{outline:3px solid rgba(59,130,246,.4);outline-offset:3px}.wp-card-artwork{display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex:1;min-height:0;pointer-events:none;padding:6px}.wp-card-img{width:100%;height:100%;max-width:clamp(120px,24vw,220px);max-height:clamp(120px,24vh,220px);-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(15,23,42,.1));transition:transform .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.word-picture-option svg{width:100%;height:100%;max-height:clamp(110px,22vh,190px);-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(15,23,42,.08));transition:transform .2s ease}@media(hover:hover)and (pointer:fine){.word-picture-option:hover .wp-card-img,.word-picture-option:hover svg{transform:scale(1.05)}}.word-picture-option.is-correct{border-color:#22c55e!important;border-bottom-color:#15803d!important;background:linear-gradient(180deg,#f0fdf4,#dcfce7)!important;box-shadow:0 0 0 4px #22c55e40,0 14px 30px #22c55e33!important;animation:wpSoftSuccess .45s ease forwards;z-index:2}.word-picture-option.is-wrong{border-color:#f87171!important;border-bottom-color:#dc2626!important;background:linear-gradient(180deg,#fef2f2,#fee2e2)!important;animation:wpSoftShake .35s ease}.word-picture-option.is-dimmed{opacity:.35;pointer-events:none!important;filter:grayscale(30%);transform:scale(.96)}.word-picture-option:disabled{cursor:default}@keyframes wpSoftSuccess{0%{transform:scale(.96)}45%{transform:scale(1.03)}to{transform:scale(1.01)}}@keyframes wpSoftShake{0%,to{transform:scale(.98) translate(0)}25%{transform:scale(.98) translate(-4px)}75%{transform:scale(.98) translate(4px)}}.wp-feedback-bar{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:2px auto clamp(8px,1.6vh,16px);padding:6px 18px;border-radius:999px;background:#f1f5f9f2;border:1.5px solid #e2e8f0;font-size:clamp(.85rem,1.2vw,.98rem);font-weight:800;color:#334155;transition:all .2s ease;text-align:center;max-width:92%;flex-shrink:0}.wp-feedback-icon{font-size:1.1rem;line-height:1}.wp-feedback-bar.success-text{background:#ecfdf5;border-color:#86efac;color:#15803d}.wp-feedback-bar.error-text{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.wp-overlay-screen{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(16px,4vw,40px);background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;text-align:center;overflow-y:auto}.wp-hero-icon{font-size:clamp(54px,8vw,80px);margin-bottom:6px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.1));animation:wpBounce 2s infinite ease-in-out}.wp-hero-title{margin:0 0 8px;font-size:clamp(2rem,5vw,3.4rem);font-weight:950;color:#0f172a;letter-spacing:-.03em}.wp-hero-desc{max-width:580px;margin:0 0 24px;font-size:clamp(.95rem,1.35vw,1.2rem);line-height:1.55;color:#64748b}.wp-start-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.wp-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 32px;border-radius:18px;border:0;border-bottom:4px solid #059669;color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 22px #10b98152;font-size:1.1rem;font-weight:850;cursor:pointer;touch-action:manipulation;transition:transform .14s ease,box-shadow .14s ease}.wp-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:18px;border:1.5px solid #cbd5e1;border-bottom:4px solid #94a3b8;color:#334155;background:#fff;font-size:1.05rem;font-weight:800;cursor:pointer;touch-action:manipulation;transition:all .14s ease}.wp-btn-primary *,.wp-btn-secondary *,.wp-btn-pill *{pointer-events:none!important}.wp-btn-primary:active,.wp-btn-secondary:active{transform:scale(.97)!important;border-bottom-width:2px!important}.wp-modal-backdrop{position:fixed!important;inset:0!important;z-index:999999!important;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.wp-category-dialog{display:flex;flex-direction:column;width:min(780px,100%);max-height:90vh;padding:clamp(18px,3vh,28px);border-radius:28px;background:#fff;box-shadow:0 24px 60px #0000002e;overflow:hidden}.wp-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-shrink:0}.wp-dialog-header h2{margin:0;font-size:1.4rem;font-weight:900;color:#0f172a}.wp-dialog-close{width:36px;height:36px;border-radius:50%;border:0;background:#f1f5f9;color:#475569;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.wp-categories-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;overflow-y:auto;padding:4px 2px}.wp-category-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 12px;border-radius:20px;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;background:#f8fafc;cursor:pointer;touch-action:manipulation;transition:all .14s ease}.wp-cat-icon{font-size:2.3rem}.wp-cat-name{font-size:.92rem;font-weight:800;color:#1e293b}.wp-cat-count{font-size:.72rem;font-weight:700;color:#64748b}.wp-category-chip:active{transform:translateY(2px);border-bottom-width:1.5px}.wp-category-chip.is-active{border-color:#93c5fd;border-bottom-color:#2563eb;background:#eff6ff}.wp-victory-trophy{font-size:clamp(48px,8vw,76px);margin-bottom:8px;animation:wpBounce 2s infinite ease-in-out}.wp-victory-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:min(480px,100%);margin:18px auto 24px}.wp-vstat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 10px;border-radius:20px;background:#f8fafc;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;box-shadow:0 4px 12px #0f172a08}.wp-vstat-icon{font-size:1.8rem;line-height:1}.wp-vstat-val{font-size:1.5rem;font-weight:950;color:#0f172a;line-height:1.1}.wp-vstat-lbl{font-size:.74rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.wp-stars-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.wp-star{font-size:clamp(38px,6vw,64px);animation:wpStarPop .6s cubic-bezier(.34,1.56,.64,1) both}.wp-star:nth-child(2){animation-delay:.15s}.wp-star:nth-child(3){animation-delay:.3s}@keyframes wpStarPop{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes wpBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:900px){.word-picture-navbar{padding:6px 12px}.wp-btn-pill{height:34px;padding:0 10px;font-size:.78rem}.wp-btn-pill span.btn-label{display:none}.wp-stage-badge{font-size:.95rem}.wp-target-word{font-size:clamp(1.8rem,6vw,2.8rem)}.word-picture-stage{padding:12px 14px}}@media(max-width:640px){.word-picture-app{padding:6px!important}.word-picture-navbar{display:flex;align-items:center;padding:8px;gap:6px;border-radius:14px;margin-bottom:4px}.wp-nav-group{gap:4px}.wp-nav-left,.wp-nav-right{flex:0 0 auto;min-width:0}.wp-btn-pill{width:36px;height:36px;padding:0;border-radius:11px}.wp-btn-pill span.btn-label,.wp-btn-fs,.wp-btn-speed{display:none!important}.wp-nav-icon{width:19px;height:19px}.wp-nav-center{flex:1 1 auto;flex-direction:column;align-self:stretch;justify-content:center;min-width:0;gap:2px;padding:3px 7px;border:1px solid #dbeafe;border-radius:11px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);text-align:center}.wp-stage-badge{display:block;width:100%;max-width:100%;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-stage-badge-container{width:100%;min-width:0;overflow:hidden}.wp-round-stepper{gap:3px}.wp-round-dot.is-upcoming{width:6px;height:5px}.wp-round-dot.is-current{width:14px;height:5px}.wp-round-dot.is-completed{width:8px;height:5px}.wp-stat-chip{height:32px;padding:0 8px;font-size:.88rem;gap:3px;border-radius:10px}.chip-accuracy{display:none}.wp-stat-icon{font-size:.82rem}.wp-stats-badge{display:none}.word-picture-progress-track{height:4px;margin-bottom:4px}.word-picture-stage{padding:8px 10px;border-radius:20px;flex:1;height:100%;min-height:0;display:flex;flex-direction:column}.wp-target-box{margin-bottom:2px;flex-shrink:0}.wp-word-card{padding:4px 14px;border-radius:16px;gap:8px;border-bottom-width:4px}.wp-speaker-bubble{width:28px;height:28px}.wp-word-speaker-icon{width:16px;height:16px}.wp-target-word{font-size:clamp(1.6rem,5.5vw,2.2rem)}.wp-target-syllables{font-size:.74rem;padding:1px 8px}.wp-feedback-bar{min-height:24px;margin:2px auto 6px;padding:3px 12px;font-size:.78rem;line-height:1.25;gap:5px;flex-shrink:0}.wp-feedback-icon{font-size:.95rem}.wp-options-grid{gap:12px;flex:1;width:100%;align-content:center;justify-content:center}.wp-options-grid[data-count="2"],.wp-options-grid[data-count="3"]{grid-template-columns:repeat(2,1fr)}.wp-options-grid[data-count="3"]>:nth-child(3){grid-column:1 / -1;width:calc(50% - 6px);justify-self:center}.wp-options-grid[data-count="4"]{grid-template-columns:repeat(2,1fr)}.word-picture-option{aspect-ratio:1 / 1.05;height:auto;padding:8px;border-radius:20px;border-width:3px;border-bottom-width:6px;display:flex;align-items:center;justify-content:center}.word-picture-option:active{transform:translateY(3px)!important;border-bottom-width:3px!important}.wp-card-artwork{padding:4px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.wp-card-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-width:90%;max-height:90%;filter:drop-shadow(0 8px 16px rgba(15,23,42,.15))}.word-picture-option svg{width:100%;height:100%;max-height:90%}.wp-overlay-screen{padding:16px 12px;border-radius:20px}.wp-hero-icon{font-size:40px;margin-bottom:4px}.wp-hero-title{font-size:1.5rem;margin-bottom:6px}.wp-hero-desc{font-size:.84rem;margin-bottom:14px;line-height:1.4}.wp-victory-stats-grid{gap:8px;margin:12px auto 16px;width:100%}.wp-vstat-card{padding:8px 4px;border-radius:14px}.wp-vstat-icon{font-size:1.3rem}.wp-vstat-val{font-size:1.15rem}.wp-vstat-lbl{font-size:.65rem}.wp-start-actions{flex-direction:column;width:100%;gap:8px}.wp-btn-primary,.wp-btn-secondary{width:100%;min-height:44px;padding:0 16px;font-size:.95rem;border-radius:14px}.wp-category-dialog{padding:14px 12px;border-radius:20px;max-height:85dvh}.wp-dialog-header h2{font-size:1.1rem}.wp-categories-list{grid-template-columns:repeat(2,1fr);gap:8px}.wp-category-chip{padding:10px 8px;border-radius:14px}.wp-cat-icon{font-size:1.8rem}.wp-cat-name{font-size:.8rem}.wp-cat-count{font-size:.68rem}}@media(max-height:480px){.word-picture-app{padding:4px!important}.word-picture-navbar{margin-bottom:2px;padding:2px 8px}.word-picture-stage{padding:4px 8px}.wp-target-box{margin-bottom:2px}.wp-target-prompt{display:none}.wp-target-word{font-size:1.4rem}.wp-word-card{padding:2px 14px}.wp-card-img,.word-picture-option svg{max-height:clamp(45px,22vh,75px)}.wp-feedback-bar{min-height:18px;font-size:.75rem;margin-top:2px}}@media(prefers-reduced-motion:reduce){.word-picture-app *,.word-picture-app *:before,.word-picture-app *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}