@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Lexend:wght@400;500;600;700&display=swap";.aqs-backdrop{position:fixed;inset:0;background:#0a0623a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1200}.aqs-sheet{position:fixed;bottom:0;left:0;right:0;z-index:1201;background:#f3eeff;border-radius:28px 28px 0 0;padding:0;box-shadow:0 -16px 64px #4c1d9559;outline:none;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.aqs-hero{background:linear-gradient(140deg,#1e0a50,#4c1d95 55%,#6d28d9);border-radius:28px 28px 0 0;padding:.55rem 1.25rem 1.1rem;flex-shrink:0;position:relative;overflow:hidden}.aqs-hero:before{content:"";position:absolute;top:-30px;left:50%;transform:translate(-50%);width:260px;height:120px;background:radial-gradient(ellipse,rgba(167,139,250,.35) 0%,transparent 70%);pointer-events:none}.aqs-handle{width:44px;height:4px;background:#ffffff47;border-radius:2px;margin:0 auto .8rem}.aqs-header{display:flex;align-items:center;justify-content:space-between;position:relative}.aqs-title{font-size:1.3rem;font-weight:800;color:#fff;font-family:"Baloo 2",Lexend,sans-serif;text-shadow:0 2px 12px rgba(0,0,0,.3);letter-spacing:.01em;display:flex;align-items:center;gap:.45rem}.aqs-title-star{font-size:1.15rem;filter:drop-shadow(0 0 6px rgba(251,191,36,.8))}.aqs-subtitle{font-size:.78rem;color:#ddd6fed9;font-family:"Baloo 2",Lexend,sans-serif;font-weight:500;margin-top:.1rem}.aqs-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid rgba(255,255,255,.22);background:#ffffff24;border-radius:50%;cursor:pointer;color:#ffffffd9;transition:background .15s,border-color .15s;flex-shrink:0}.aqs-close:hover{background:#ffffff3d;border-color:#fff6;color:#fff}.aqs-body{overflow-y:auto;padding:1rem 1rem max(1.1rem,env(safe-area-inset-bottom));flex:1;overscroll-behavior:contain}.aqs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:.9rem}.aqs-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.65rem .2rem .55rem;background:#fff;border:2.5px solid color-mix(in srgb,var(--buddy-color, #7c3aed) 22%,#e2e8f0);border-radius:20px;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,border-color .18s ease,background .18s ease;touch-action:manipulation;overflow:hidden;box-shadow:0 2px 8px #0000000f;min-height:106px}.aqs-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--buddy-color, #7c3aed);box-shadow:0 8px 24px color-mix(in srgb,var(--buddy-color, #7c3aed) 28%,transparent),0 2px 6px #00000014}.aqs-card:active{transform:translateY(-1px) scale(.97)}.aqs-card--active{background:color-mix(in srgb,var(--buddy-color, #7c3aed) 11%,white);border-color:var(--buddy-color, #7c3aed);box-shadow:0 0 0 3.5px color-mix(in srgb,var(--buddy-color, #7c3aed) 28%,transparent),0 6px 20px color-mix(in srgb,var(--buddy-color, #7c3aed) 22%,transparent)}.aqs-card--picked{background:color-mix(in srgb,var(--buddy-color, #7c3aed) 16%,white);border-color:var(--buddy-color, #7c3aed)}.aqs-icon-wrap{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--buddy-color, #7c3aed) 12%,transparent);border-radius:50%;flex-shrink:0}.aqs-icon{display:flex;align-items:center;justify-content:center}.aqs-name{font-size:.68rem;font-weight:800;color:color-mix(in srgb,var(--buddy-color, #4c1d95) 90%,#1e293b);text-align:center;line-height:1.15;font-family:"Baloo 2",Lexend,sans-serif;letter-spacing:.01em;padding:0 .2rem}.aqs-check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--buddy-color, #7c3aed);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000047}.aqs-burst{position:absolute;inset:0;border-radius:20px;background:var(--buddy-color, #7c3aed);pointer-events:none}.aqs-current{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--current-color, #7c3aed) 14%,white),color-mix(in srgb,var(--current-color, #7c3aed) 7%,white));border-radius:16px;border:2px solid color-mix(in srgb,var(--current-color, #7c3aed) 22%,transparent)}.aqs-current-label{font-size:.82rem;color:#6b7280;font-family:"Baloo 2",Lexend,sans-serif}.aqs-current strong{display:block;font-size:.98rem;font-weight:800;color:color-mix(in srgb,var(--current-color, #4c1d95) 90%,#1e293b);font-family:"Baloo 2",Lexend,sans-serif;line-height:1.2}.avatar-header-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:#ffffff2e;border-radius:50%;cursor:pointer;transition:background .18s,transform .15s;touch-action:manipulation;flex-shrink:0;padding:0}.avatar-header-btn:hover{background:#ffffff47;transform:scale(1.06)}.avatar-header-btn:active{transform:scale(.95)}.avatar-header-btn:after{content:"↕";position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:#fff;border-radius:50%;font-size:.55rem;display:flex;align-items:center;justify-content:center;color:#7c3aed;font-weight:700;line-height:16px;text-align:center;box-shadow:0 1px 4px #0003}@media (max-width: 480px){.aqs-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.aqs-hero{padding:.5rem 1rem 1rem}.aqs-body{padding:.85rem .85rem max(1rem,env(safe-area-inset-bottom))}.aqs-icon-wrap{width:62px;height:62px}.aqs-card{min-height:96px}}.clickable-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:transform .15s ease,filter .15s ease}.clickable-avatar:hover{transform:scale(1.08);filter:brightness(1.08)}.clickable-avatar:active{transform:scale(.94)}.clickable-avatar:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:3px}.clickable-avatar-img{display:block;line-height:0}.clickable-avatar-hint{position:absolute;top:-2px;right:-2px;font-size:10px;line-height:1;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none;user-select:none}.speech-bubble{--speech-bubble-ink: #111111;--speech-bubble-fill: #ffffff;--speech-bubble-text: #1e293b;--speech-bubble-border: 3px;--speech-bubble-shadow-x: 4px;--speech-bubble-shadow-y: 4px;--speech-bubble-shadow-color: rgba(17, 17, 17, .22);--speech-bubble-halftone: rgba(17, 17, 17, .07);position:relative;display:inline-flex;max-width:min(100%,28rem);min-width:0;font-family:"Baloo 2",Lexend,sans-serif;font-size:.88rem;font-weight:600;line-height:1.45;color:var(--speech-bubble-text)}.speech-bubble__shell{position:relative;width:fit-content;max-width:100%}.speech-bubble--translucent{--speech-bubble-ink: rgba(255, 255, 255, .82);--speech-bubble-fill: rgba(255, 255, 255, .12);--speech-bubble-text: rgba(255, 255, 255, .92);--speech-bubble-border: 2px;--speech-bubble-shadow-color: rgba(0, 0, 0, .28);--speech-bubble-halftone: rgba(255, 255, 255, .08)}.speech-bubble--whisper{font-size:.82rem;font-weight:500;opacity:.95}.speech-bubble__body{position:relative;z-index:1;box-sizing:border-box;padding:.62rem .95rem;background:var(--speech-bubble-fill);border:var(--speech-bubble-border) solid var(--speech-bubble-ink);border-radius:18px;box-shadow:var(--speech-bubble-shadow-x) var(--speech-bubble-shadow-y) 0 var(--speech-bubble-shadow-color),0 2px 10px #00000014;overflow:hidden}.speech-bubble--translucent .speech-bubble__body{backdrop-filter:blur(8px)}.speech-bubble__halftone{pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(circle,var(--speech-bubble-halftone) 1.2px,transparent 1.2px);background-size:7px 7px;opacity:.55}.speech-bubble__content{position:relative;z-index:1}.speech-bubble--talk .speech-bubble__body{border-radius:16px 20px 20px 18px}.speech-bubble--shout .speech-bubble__body{border-radius:4px;transform:rotate(-1deg);border-width:3.5px;box-shadow:5px 5px 0 var(--speech-bubble-shadow-color),0 3px 14px #0000001f;clip-path:polygon(0% 12%,4% 0%,12% 6%,20% 0%,28% 8%,36% 1%,44% 9%,52% 2%,60% 10%,68% 3%,76% 11%,84% 4%,92% 12%,100% 5%,100% 88%,96% 100%,88% 94%,80% 100%,72% 92%,64% 99%,56% 91%,48% 98%,40% 90%,32% 97%,24% 89%,16% 96%,8% 88%,0% 95%)}.speech-bubble--thought .speech-bubble__body{border-radius:50% 50% 48% 52%/52% 48% 50% 50%;padding:.75rem 1.05rem}.speech-bubble--thought:after,.speech-bubble--thought:before{content:"";position:absolute;z-index:0;border-radius:50%;background:var(--speech-bubble-fill);border:var(--speech-bubble-border) solid var(--speech-bubble-ink);box-shadow:var(--speech-bubble-shadow-x) var(--speech-bubble-shadow-y) 0 var(--speech-bubble-shadow-color)}.speech-bubble--thought:before{width:14px;height:14px;bottom:-10px;left:22%}.speech-bubble--thought:after{width:8px;height:8px;bottom:-20px;left:16%}.speech-bubble--whisper .speech-bubble__body{border-style:dashed;border-width:2px;box-shadow:2px 2px 0 var(--speech-bubble-shadow-color)}.speech-bubble__tail{position:absolute;z-index:0;width:22px;height:22px;flex-shrink:0}.speech-bubble--tail-left .speech-bubble__shell{padding-left:10px}.speech-bubble--tail-left .speech-bubble__body{border-top-left-radius:6px}.speech-bubble--tail-left .speech-bubble__tail{left:-2px;top:50%;transform:translateY(-50%)}.speech-bubble--tail-right .speech-bubble__shell{padding-right:10px}.speech-bubble--tail-right .speech-bubble__body{border-top-right-radius:6px}.speech-bubble--tail-right .speech-bubble__tail{right:-2px;top:50%;transform:translateY(-50%)}.speech-bubble--tail-top .speech-bubble__shell{padding-top:10px}.speech-bubble--tail-top .speech-bubble__body{border-top-left-radius:6px;border-top-right-radius:6px}.speech-bubble--tail-top .speech-bubble__tail{top:-2px;left:50%;transform:translate(-50%) rotate(180deg)}.speech-bubble--tail-bottom .speech-bubble__shell{padding-bottom:10px}.speech-bubble--tail-bottom .speech-bubble__body{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.speech-bubble--tail-bottom .speech-bubble__tail{bottom:-2px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion: reduce){.speech-bubble--shout .speech-bubble__body{transform:none}}.voice-dropdown{background:#f0f4ff;border-radius:12px;margin-top:.5rem;border:1px solid rgba(102,126,234,.15)}.voice-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.voice-dropdown-collapse{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .15s ease}.voice-dropdown-collapse:hover{background:#ffffff4d}.voice-dropdown-list{max-height:280px;overflow-y:auto;padding:.375rem}.voice-dropdown-source-label{font-size:.72rem;color:#888;padding:.25rem .5rem .375rem;font-weight:500}.voice-dropdown-empty{padding:1rem;text-align:center;color:#999;font-size:.85rem}.voice-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .625rem;background:#fff;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;margin-bottom:.25rem;text-align:left}.voice-dropdown-item:last-child{margin-bottom:0}.voice-dropdown-item:hover{border-color:#667eea;background:#f8f9ff}.voice-dropdown-item.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e8ecff)}.voice-dropdown-item-info{display:flex;align-items:center;gap:.5rem}.voice-dropdown-item-name{font-size:.9rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.25rem}.voice-dropdown-item.selected .voice-dropdown-item-name{color:#667eea}.voice-star{color:#ffc107;font-size:.85rem}.voice-dropdown-item-gender{font-size:.75rem;color:#999;background:#f0f0f0;padding:.1rem .35rem;border-radius:4px}.voice-dropdown-item-actions{display:flex;align-items:center;gap:.375rem}.voice-play-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .15s ease}.voice-play-btn:hover:not(:disabled){background:#43a047;transform:scale(1.1)}.voice-play-btn:disabled{opacity:.4;cursor:not-allowed}.voice-play-btn.playing{background:#667eea}.voice-waves{display:flex;align-items:center;justify-content:center;gap:2px;height:12px}.voice-waves span{width:2px;height:6px;background:#fff;border-radius:1px;animation:voiceWave .5s ease-in-out infinite}.voice-waves span:nth-child(1){animation-delay:0s}.voice-waves span:nth-child(2){animation-delay:.12s}.voice-waves span:nth-child(3){animation-delay:.24s}@keyframes voiceWave{0%,to{height:4px}50%{height:10px}}.voice-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#667eea;border-radius:50%;color:#fff}.voice-dropdown-list::-webkit-scrollbar{width:4px}.voice-dropdown-list::-webkit-scrollbar-track{background:transparent}.voice-dropdown-list::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:2px}.voice-dropdown-list::-webkit-scrollbar-thumb:hover{background:#667eea80}.tooltip-wrapper{position:relative;display:inline-flex;vertical-align:middle}.tooltip-bubble{position:absolute;left:50%;transform:translate(-50%);z-index:var(--tooltip-z-index);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border:2px solid var(--tooltip-border-color);border-radius:var(--tooltip-radius);background:var(--tooltip-bg);color:var(--tooltip-text);font-family:var(--tooltip-font-family);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);white-space:nowrap;pointer-events:none;box-shadow:var(--tooltip-shadow),inset 0 var(--tooltip-header-height) 0 0 var(--tooltip-header-bg)}.tooltip-wrapper--top .tooltip-bubble{bottom:calc(100% + var(--tooltip-offset))}.tooltip-wrapper--bottom .tooltip-bubble{top:calc(100% + var(--tooltip-offset))}@media (hover: hover) and (pointer: fine){.tooltip-wrapper--top .tooltip-bubble:before,.tooltip-wrapper--top .tooltip-bubble:after,.tooltip-wrapper--bottom .tooltip-bubble:before,.tooltip-wrapper--bottom .tooltip-bubble:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:var(--tooltip-arrow-size) solid transparent}.tooltip-wrapper--top .tooltip-bubble:before{top:100%;border-top-color:var(--tooltip-border-color)}.tooltip-wrapper--top .tooltip-bubble:after{top:calc(100% - 2px);border-top-color:var(--tooltip-bg)}.tooltip-wrapper--bottom .tooltip-bubble:before{bottom:100%;border-bottom-color:var(--tooltip-border-color)}.tooltip-wrapper--bottom .tooltip-bubble:after{bottom:calc(100% - 2px);border-bottom-color:var(--tooltip-bg)}}.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:var(--button-height-md);padding:var(--button-padding-md);border:none;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);touch-action:manipulation}.sp-button:focus-visible{outline:none;box-shadow:var(--button-focus-ring)}.sp-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.sp-button--primary{background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:var(--button-primary-shadow)}.sp-button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.sp-button--primary:active:not(:disabled){transform:translateY(0)}.sp-button--secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border:var(--button-secondary-border);box-shadow:var(--shadow-sm)}.sp-button--secondary:hover:not(:disabled){background:var(--color-gray-50)}.sp-button--pill{min-height:var(--pill-height);padding:0 var(--spacing-lg);border-radius:var(--pill-border-radius);background:var(--pill-bg);border:var(--pill-border);color:var(--pill-text-color);font-size:var(--pill-font-size);font-weight:var(--pill-font-weight);box-shadow:var(--pill-shadow)}.sp-button--pill:hover:not(:disabled){box-shadow:var(--pill-shadow-hover)}.sp-button--pill:focus-visible{border-color:var(--pill-focus-border-color);box-shadow:var(--pill-focus-ring)}.sp-button--icon{min-width:var(--button-icon-size);min-height:var(--button-icon-size);width:var(--button-icon-size);height:var(--button-icon-size);padding:0;border-radius:var(--radius-full);background:var(--pill-bg);border:var(--pill-border);color:var(--pill-text-color);box-shadow:var(--pill-shadow)}.sp-button--icon:hover:not(:disabled){box-shadow:var(--pill-shadow-hover)}.sp-button--icon:focus-visible{border-color:var(--pill-focus-border-color);box-shadow:var(--pill-focus-ring)}@media (prefers-reduced-motion: reduce){.sp-button{transition:none}.sp-button--primary:hover:not(:disabled){transform:none}}.sound-settings{position:relative;z-index:100}.sound-settings-backdrop{display:none}@media (max-width: 768px){.sound-settings-backdrop{display:block;position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.sound-toggle-button{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:2px solid rgba(255,255,255,.5);border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #00000026,inset 0 1px #fffc;color:var(--theme-primary, #667eea);position:relative;overflow:visible}.sound-toggle-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #667eea59,inset 0 1px #ffffffe6}.sound-toggle-button:active{transform:translateY(0) scale(.98)}.sound-toggle-button.disabled{color:#999;background:linear-gradient(135deg,#dcdcdcf2,#c8c8c8e6);border-color:#b4b4b480}.sound-toggle-button.enabled{color:#4caf50;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf504d;box-shadow:0 4px 15px #4caf5040,inset 0 1px #fffc}.sound-toggle-button.enabled:hover{box-shadow:0 6px 20px #4caf5066,inset 0 1px #ffffffe6}.sound-toggle-button.enabled:before,.sound-toggle-button.enabled:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(76,175,80,.4);animation:soundWave 1.5s ease-out infinite;pointer-events:none}.sound-toggle-button.enabled:before{width:100%;height:100%;animation-delay:0s}.sound-toggle-button.enabled:after{width:100%;height:100%;animation-delay:.75s}@keyframes soundWave{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}.sound-toggle-button.disabled:before{content:"";position:absolute;width:2px;height:60%;background:#96969666;transform:rotate(45deg);border-radius:2px}.sound-toggle-button.enabled:hover:before,.sound-toggle-button.enabled:hover:after{animation-play-state:paused}.sound-settings-panel{position:absolute;top:100%;right:0;margin-top:.75rem;background:linear-gradient(180deg,#fff,#fafafa);border-radius:20px;box-shadow:0 10px 40px #0003,0 0 0 1px #0000000d;min-width:300px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;overflow:hidden;animation:panelSlideDown .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sound-settings-header{background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-secondary, #764ba2) 100%);padding:1rem 1.25rem;position:relative;overflow:hidden}.sound-settings-header:after{content:"";position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1))}.sound-settings-title{display:flex;align-items:center;gap:.6rem;color:#fff;font-size:1.1rem;font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.sound-settings-close{display:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:#fff3;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;color:#fff;transition:all .2s ease}.sound-settings-close:hover{background:#ffffff4d}.sound-settings-close:active{transform:translateY(-50%) scale(.95)}@media (max-width: 768px){.sound-settings-close{display:flex;align-items:center;justify-content:center}}.sound-settings-content{padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;overflow-y:auto;flex:1;min-height:0}.sound-settings-content .tooltip-wrapper{display:flex;width:100%}.sound-settings-content::-webkit-scrollbar{width:4px}.sound-settings-content::-webkit-scrollbar-track{background:transparent}.sound-settings-content::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:2px}.sound-settings-content::-webkit-scrollbar-thumb:hover{background:#667eea80}.sound-setting-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:14px;transition:all .2s ease;background:transparent}.sound-setting-row:hover{background:linear-gradient(135deg,#f8f9ff,#fff5f8)}.sound-setting-row.master-toggle{background:linear-gradient(135deg,#f0f4ff,#fff0f5);padding:1rem;border:2px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #667eea1a}.sound-setting-row.volume-row{flex-direction:column;align-items:stretch;gap:.75rem}.setting-info{display:flex;align-items:center;gap:.75rem}.setting-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary, #667eea) 12%,transparent),color-mix(in srgb,var(--theme-secondary, #764ba2) 12%,transparent));border-radius:10px;color:var(--theme-primary, #667eea)}.setting-label{font-size:.95rem;font-weight:600;color:#333}.setting-text,.setting-label-group{display:flex;flex-direction:column;gap:.15rem}.setting-description{font-size:.75rem;font-weight:500;color:#888}.sound-setting-row.with-description .setting-info{align-items:flex-start}.toggle-switch{position:relative;width:54px;height:30px;background:var(--segmented-track-bg);border:none;border-radius:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;box-shadow:inset 0 2px 4px #0000001a}.toggle-switch.small{width:46px;height:26px;border-radius:13px}.toggle-switch:focus-visible{box-shadow:var(--segmented-focus-ring)}.toggle-switch.on{background:var(--segmented-thumb-gradient);box-shadow:inset 0 2px 4px #0000001a,0 0 12px #667eea66}.toggle-knob{position:absolute;top:2px;left:2px;width:26px;height:26px;background:linear-gradient(180deg,#fff,#f5f5f5);border-radius:50%;box-shadow:0 2px 6px #0003,0 0 0 1px #0000000d;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-switch.small .toggle-knob{width:22px;height:22px}.toggle-switch.on .toggle-knob{transform:translate(24px);box-shadow:0 2px 6px #00000040,0 0 0 1px #ffffff1a}.toggle-switch.small.on .toggle-knob{transform:translate(20px)}.volume-control{display:flex;align-items:center;gap:1rem;width:100%}.volume-slider{flex:1;height:8px;border-radius:4px;background:linear-gradient(90deg,#e0e0e0,#d0d0d0);appearance:none;outline:none;cursor:pointer;box-shadow:inset 0 1px 2px #0000001a}.volume-slider::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-secondary, #764ba2) 100%);cursor:pointer;box-shadow:0 2px 8px #667eea66,0 0 0 2px #fff;transition:transform .2s ease,box-shadow .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #667eea80,0 0 0 3px #fff}.volume-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-secondary, #764ba2) 100%);cursor:pointer;border:2px solid white;box-shadow:0 2px 8px #667eea66}.volume-value{font-size:.9rem;font-weight:700;color:var(--theme-primary, #667eea);min-width:45px;text-align:right;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary, #667eea) 12%,transparent),color-mix(in srgb,var(--theme-secondary, #764ba2) 12%,transparent));padding:.25rem .5rem;border-radius:6px}.settings-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 20%,rgba(0,0,0,.1) 80%,transparent 100%);margin:.75rem 0}.settings-section-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;margin-top:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6366f1;border-bottom:2px solid rgba(99,102,241,.2)}.settings-section-header:first-child{margin-top:0}.theme-change-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;margin-top:.5rem;background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-secondary, #764ba2) 100%);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d}.theme-change-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.theme-change-button:active{transform:translateY(0)}.theme-change-button .theme-arrow{margin-left:auto;opacity:.8}.phonics-icon,.input-mode-icon{color:var(--theme-primary, #667eea)}.input-mode-toggle{display:flex;background:#f0f0f0;border:none;border-radius:20px;padding:3px;cursor:pointer;gap:2px}.input-mode-option{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:16px;font-size:.75rem;font-weight:600;color:#888;background:transparent;transition:all .2s ease;white-space:nowrap}.input-mode-option.active{background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-secondary, #764ba2) 100%);color:#fff;box-shadow:0 2px 8px #667eea4d}.input-mode-row .setting-label{font-size:.85rem}.difficulty-icon{color:var(--color-brand-primary, #22B8CF);background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand-primary, #22B8CF) 14%,transparent),color-mix(in srgb,var(--theme-success, #20c997) 14%,transparent))}.difficulty-row{flex-wrap:wrap;align-items:center;gap:var(--spacing-md, 12px)}.difficulty-row .setting-info{flex:1 1 auto;min-width:0}.difficulty-toggle{display:flex;flex:1 1 auto;min-width:min(100%,12.5rem);background:var(--segmented-track-bg);border:1px solid color-mix(in srgb,var(--color-brand-primary, #22B8CF) 18%,transparent);border-radius:14px;padding:4px;gap:4px;box-shadow:inset 0 1px 3px #0c859914}.difficulty-option{flex:1 1 0;min-width:0;min-height:36px;padding:8px 10px;border:none;border-radius:10px;font-family:var(--font-primary, "Lexend", sans-serif);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);letter-spacing:.02em;color:var(--theme-text-light, #636e72);background:transparent;cursor:pointer;transition:color .2s ease,background .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,transform .15s ease;white-space:nowrap;text-align:center;line-height:1.2}.difficulty-option:hover:not(.active){color:var(--theme-text, #2d3436);background:#ffffffa6}.difficulty-option:active:not(.active){transform:scale(.98)}.difficulty-option.active{background:linear-gradient(135deg,var(--color-brand-primary, #22B8CF) 0%,var(--theme-success, #20c997) 100%);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--color-brand-primary, #22B8CF) 35%,transparent),inset 0 1px #ffffff40}.difficulty-option:focus-visible{outline:2px solid var(--color-brand-primary, #22B8CF);outline-offset:2px;z-index:1}@media (max-width: 768px){.difficulty-row{flex-direction:column;align-items:stretch}.difficulty-toggle{width:100%;min-width:0}.difficulty-option{min-height:44px;font-size:var(--font-size-sm, .875rem);padding:10px 8px}}@media (max-width: 400px){.input-mode-option span:not(:first-child){display:none}.input-mode-option{padding:6px 8px}.difficulty-option{font-size:var(--font-size-xs, .75rem);padding:10px 6px}}.voice-selector-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#f8f9ff,#fff5f8);border:2px solid rgba(102,126,234,.15);border-radius:14px;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.voice-selector-button:hover{background:linear-gradient(135deg,#f0f4ff,#fff0f5);border-color:#667eea4d;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.voice-selector-info{display:flex;align-items:center;gap:.75rem}.voice-selector-icon{color:var(--theme-primary, #667eea)}.voice-selector-text{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.voice-selector-button .voice-selector-label{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.3px}.voice-selector-current{font-size:1rem;font-weight:700;color:#333}.voice-selector-arrow{color:var(--theme-primary, #667eea);transition:transform .2s ease}.voice-selector-arrow.rotated{transform:rotate(90deg)}.voice-selector-button:hover .voice-selector-arrow:not(.rotated){transform:translate(3px)}.voice-selector-button.expanded{background:linear-gradient(135deg,#f0f4ff,#e8ecff);border-color:#667eea4d}.voice-options-container::-webkit-scrollbar{width:6px}.voice-options-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.voice-options-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-secondary, #764ba2) 100%);border-radius:3px}.voice-options-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd6,#6a4190)}.reset-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;margin-top:.5rem;background:linear-gradient(135deg,#f5f5f5,#eee);border:1px solid rgba(0,0,0,.08);border-radius:12px;font-size:.9rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:linear-gradient(135deg,#eee,#e5e5e5);color:#333;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.reset-button:active{transform:translateY(0)}@media (max-width: 768px){.sound-settings-panel{position:fixed;inset:auto 0 0;margin-top:0;min-width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:70vh;overflow-y:auto;animation:panelSlideUp .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.sound-settings-header{padding:1.25rem 1.5rem;position:sticky;top:0;z-index:1}.sound-settings-content{padding:1rem 1.5rem 2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom))}.sound-setting-row{padding:.875rem}.sound-setting-row.master-toggle{padding:1.25rem}}@media (max-width: 480px){.sound-toggle-button{width:34px;height:34px}.sound-toggle-button svg{width:16px;height:16px}.sound-settings-title{font-size:1.1rem}.setting-label{font-size:.95rem}.setting-icon{width:34px;height:34px}.toggle-switch{width:52px;height:28px}.toggle-switch.small{width:44px;height:24px}.toggle-knob{width:24px;height:24px}.toggle-switch.small .toggle-knob{width:20px;height:20px}.toggle-switch.on .toggle-knob{transform:translate(24px)}.toggle-switch.small.on .toggle-knob{transform:translate(20px)}}@media (max-width: 380px){.sound-toggle-button{width:30px;height:30px}.sound-toggle-button svg{width:14px;height:14px}}@media (max-width: 340px){.sound-toggle-button{width:28px;height:28px}.sound-toggle-button svg{width:13px;height:13px}.sound-settings-content{padding:.875rem 1rem 1.5rem;gap:.75rem}.sound-setting-row{padding:.75rem}.setting-label{font-size:.9rem}.setting-icon{width:30px;height:30px}.volume-control{gap:.75rem}.volume-value{min-width:40px;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.sound-settings-panel{animation:none}.toggle-knob,.sound-toggle-button,.volume-slider::-webkit-slider-thumb,.difficulty-option{transition:none}.sound-toggle-button.enabled:before,.sound-toggle-button.enabled:after{animation:none;opacity:0}}.tile-style-picker{display:flex;gap:10px;padding:4px 0 8px;flex-wrap:wrap}.tile-style-option{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:0}.tile-style-preview{width:48px;height:52px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-color:#e8c87a;border:2px solid rgba(139,90,43,.3);border-bottom:4px solid rgba(139,90,43,.45);border-right:3px solid rgba(139,90,43,.38);box-shadow:inset 0 1px #fff9,0 3px 8px #0000002e;transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.tile-style-preview-letter{font-family:"Baloo 2",Lexend,sans-serif;font-weight:800;font-size:1.4rem;color:#2a1a0a;position:relative;z-index:1;text-shadow:0 1px 0 rgba(255,255,255,.4);pointer-events:none;user-select:none}.tile-style-preview--dark .tile-style-preview-letter{color:#f5ecd8;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tile-style-label{font-size:.68rem;font-weight:600;color:#555;font-family:Lexend,sans-serif}.tile-style-option:hover .tile-style-preview{transform:translateY(-3px) scale(1.06);box-shadow:inset 0 1px #fff9,0 6px 16px #00000040}.tile-style-option.selected .tile-style-preview{outline:3px solid var(--theme-primary, #667eea);outline-offset:2px;transform:translateY(-2px);box-shadow:inset 0 1px #fff9,0 4px 12px #667eea66}.tile-style-option.selected .tile-style-label{color:var(--theme-primary, #667eea);font-weight:700}.language-selector{position:relative;z-index:100}.language-selector-button{display:flex;align-items:center;justify-content:center;gap:.35rem;width:46px;height:46px;padding:0;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:2px solid rgba(255,255,255,.5);border-radius:50%;color:#333;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #00000026,inset 0 1px #fffc;position:relative;overflow:hidden}.language-selector-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .4s ease}.language-selector-button:hover:before{left:100%}.language-selector-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #0003,inset 0 1px #ffffffe6}.language-selector-button:active{transform:translateY(0) scale(.98)}.language-icon{display:none}.language-flag{font-size:1.35rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.language-code,.caret-icon{display:none}.language-dropdown-backdrop{position:fixed;inset:0;z-index:99;background:#0000001a;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.language-dropdown{position:absolute;top:calc(100% + .75rem);right:0;min-width:260px;background:linear-gradient(180deg,#fff,#fafafa);border-radius:20px;box-shadow:0 12px 40px #0003,0 0 0 1px #0000000d;overflow:hidden;animation:dropdownSlide .25s cubic-bezier(.175,.885,.32,1.275);z-index:100}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-dropdown-header{display:flex;align-items:center;gap:.6rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;overflow:hidden}.language-dropdown-header:after{content:"";position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1))}.language-list{list-style:none;margin:0;padding:.75rem}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.language-option:hover{background:linear-gradient(135deg,#f8f9ff,#fff5f8);transform:translate(4px)}.language-option.selected{background:linear-gradient(135deg,color-mix(in srgb,var(--selected-color) 10%,transparent),color-mix(in srgb,var(--selected-color) 5%,transparent));border:2px solid color-mix(in srgb,var(--selected-color) 25%,transparent)}.language-option.selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--selected-color);border-radius:0 4px 4px 0}.language-option-flag{font-size:1.5rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.language-option-name{font-weight:600;color:#333;font-size:.95rem;flex:1}.language-option-english{font-size:.8rem;color:#888;font-style:italic}.language-option-check{color:var(--selected-color);font-size:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));animation:checkPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width: 768px){.language-selector{display:none}}@media (max-width: 480px){.language-selector-button{width:40px;height:40px}.language-flag{font-size:1.2rem}.language-dropdown{position:fixed;right:.5rem;top:60px;min-width:200px}.language-option{padding:.65rem .75rem}.language-option-english{display:none}.language-option-flag{font-size:1.2rem}.language-option-name{font-size:.9rem}}@media (max-width: 380px){.language-selector-button{width:36px;height:36px}.language-flag{font-size:1.1rem}.language-dropdown{min-width:180px}}@media (prefers-reduced-motion: reduce){.language-dropdown,.language-dropdown-backdrop,.caret-icon,.language-selector-button:before{animation:none;transition:none}}.app-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding:var(--header-padding-y) var(--header-padding-x);gap:var(--header-gap);position:fixed;top:0;left:0;right:0;z-index:var(--header-z-index);background:var(--header-bg-gradient);backdrop-filter:blur(var(--header-backdrop-blur));-webkit-backdrop-filter:blur(var(--header-backdrop-blur));box-shadow:var(--header-shadow)}.app-header>*{flex-shrink:0}.app-header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;min-width:0}.app-header-center{flex:1;text-align:center;min-width:0;padding:0 var(--spacing-sm)}.app-header-title{font-family:var(--header-title-font);font-size:var(--header-title-size);font-weight:var(--header-title-weight);color:var(--header-title-color);margin:0;text-shadow:var(--header-title-shadow);line-height:var(--line-height-snug)}.app-header-subtitle{font-size:var(--header-subtitle-size);color:var(--header-subtitle-color);font-weight:var(--header-subtitle-weight);margin:var(--spacing-xs) 0 0 0;line-height:1.3}.app-header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.header-language-picker{position:relative;display:flex;align-items:center}.header-language-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--pill-bg);border:var(--pill-border);border-radius:var(--pill-border-radius);padding:0 2rem 0 .75rem;font-size:var(--pill-font-size);font-weight:var(--pill-font-weight);color:var(--pill-text-color);cursor:pointer;transition:var(--header-btn-transition);height:var(--pill-height);line-height:40px;box-shadow:var(--pill-shadow)}.header-language-select option{padding:.75rem 1rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);background:var(--color-white);color:var(--pill-text-color)}.header-language-select:hover{transform:translateY(-1px);box-shadow:var(--pill-shadow-hover)}.header-language-select:focus{outline:none;border-color:var(--pill-focus-border-color);box-shadow:var(--pill-focus-ring),var(--pill-shadow)}.language-select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color-gray-600);pointer-events:none;font-size:.7rem}.app-header-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--header-btn-radius);padding:var(--header-btn-padding);font-size:var(--header-btn-font-size);font-weight:var(--header-btn-font-weight);color:var(--header-btn-text-color);cursor:pointer;transition:var(--header-btn-transition);height:var(--header-btn-height);touch-action:manipulation;text-shadow:var(--header-btn-text-shadow);white-space:nowrap}.app-header-btn svg{flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.app-header-btn.back-btn{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);box-shadow:var(--header-btn-back-shadow)}.app-header-btn.back-btn:hover{transform:translateY(-2px);box-shadow:var(--header-btn-back-shadow-hover)}.app-header-btn.back-btn:active{transform:translateY(0);box-shadow:var(--header-btn-back-shadow-active)}.app-header-btn.home-btn{background:var(--header-home-gradient);box-shadow:var(--header-home-shadow)}.app-header-btn.home-btn:hover{transform:translateY(-2px);box-shadow:var(--header-home-shadow-hover)}.app-header-btn.home-btn:active{transform:translateY(0);box-shadow:var(--header-home-shadow-active)}.app-header-btn.home-btn.active{background:var(--header-home-active-gradient);box-shadow:0 2px 8px #4caf504d,inset 0 2px 4px #0000001a}@media (max-width: 768px){.app-header{padding:.6rem 1rem;gap:var(--spacing-sm)}.app-header-title{font-size:1.4rem}.app-header-subtitle{font-size:.9rem}.app-header-btn{padding:.5rem .8rem;height:38px;font-size:.85rem}.app-header-btn .btn-label{display:none}.app-header-btn{padding:.5rem;width:38px;height:38px;border-radius:var(--radius-circle)}.header-language-select{height:38px;line-height:34px;padding:0 1.8rem 0 .6rem;font-size:.8rem;border-radius:19px}.language-select-arrow{right:8px;font-size:.65rem}}@media (max-width: 480px){.app-header{padding:.5rem .6rem;flex-wrap:nowrap;gap:.35rem}.app-header-left{flex:0 0 auto;min-width:0;overflow:hidden}.app-header-right{flex:1;justify-content:flex-end;gap:.25rem}.app-header-center{display:none}.app-header-title{font-size:1.25rem}.app-header-subtitle{font-size:.85rem}.app-header-btn{min-width:44px;min-height:44px;width:44px;height:44px;padding:.35rem}.app-header-btn svg{width:15px;height:15px}.header-language-picker{flex:0 0 auto}.header-language-select{min-height:44px;height:44px;line-height:40px;padding:0 1.5rem 0 .5rem;font-size:.75rem;border-radius:17px}.language-select-arrow{right:6px;font-size:.6rem}}@media (max-width: 380px){.app-header{padding:.35rem .5rem;gap:.2rem}.app-header-right{gap:.15rem}.app-header-btn{min-width:44px;min-height:44px;width:44px;height:44px;padding:.35rem}.app-header-btn svg{width:13px;height:13px}.header-language-select{height:30px;line-height:26px;padding:0 1.3rem 0 .4rem;font-size:.7rem;border-radius:15px}.language-select-arrow{right:5px;font-size:.5rem}}@media (max-width: 340px){.app-header{padding:.3rem .4rem;gap:.15rem}.app-header-right{gap:.1rem}.app-header-btn{min-width:44px;min-height:44px;width:44px;height:44px;padding:.25rem}.app-header-btn svg{width:12px;height:12px}.header-language-select{min-height:44px;height:44px;line-height:40px;padding:0 1.1rem 0 .35rem;font-size:.65rem;border-radius:14px}.language-select-arrow{right:4px;font-size:.45rem}}.app-header.dark-bg .app-header-title{color:var(--header-title-color)}.app-header.dark-bg .app-header-subtitle{color:#ffffffbf}.app-header.light-bg .app-header-title{color:var(--theme-text);text-shadow:none}.app-header.light-bg .app-header-subtitle{color:var(--theme-text-light)}.theme-preview-container{min-height:100vh;min-height:100dvh;background:transparent;padding:1.5rem;padding-top:calc(96px + env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:720px;margin:0 auto}.theme-hero{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:.25rem}.theme-wand-wrapper{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center}.theme-hero-wand{font-size:4.5rem;color:var(--color-brand-accent, #ffd700);filter:drop-shadow(0 4px 12px rgba(255,215,0,.45))}.theme-sparkle{position:absolute;color:var(--color-brand-accent, #ffd700);font-size:1.35rem}.theme-sparkle.sparkle-1{top:0;right:2px}.theme-sparkle.sparkle-2{bottom:8px;left:-2px}.theme-sparkle.sparkle-3{top:42%;right:-10px}.theme-hero-avatar{display:flex;flex-direction:column;align-items:center;gap:.5rem}.theme-hero-speech-bubble{font-size:.95rem;text-align:center;flex:0 1 auto}.theme-adventure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.theme-adventure-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem .875rem 1rem;background:linear-gradient(135deg,#fffffff7,#ffffffe0);border:3px solid transparent;border-radius:24px;cursor:pointer;overflow:hidden;min-height:210px;box-shadow:0 6px 20px #0000001f;touch-action:manipulation;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.theme-adventure-card:hover{border-color:var(--theme-primary);box-shadow:0 12px 30px color-mix(in srgb,var(--theme-primary) 35%,transparent),0 0 0 4px color-mix(in srgb,var(--theme-primary) 12%,transparent)}.theme-adventure-card--active{border-color:var(--theme-success, var(--theme-primary));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-success, var(--theme-primary)) 12%,white),#fffffff7);box-shadow:0 8px 25px color-mix(in srgb,var(--theme-success, var(--theme-primary)) 35%,transparent),0 0 0 4px color-mix(in srgb,var(--theme-success, var(--theme-primary)) 18%,transparent)}.theme-card-pattern{position:absolute;top:0;left:0;right:0;height:56px;border-radius:24px 24px 50% 50%;pointer-events:none}.theme-card-emoji{font-size:2.4rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12));z-index:1}.theme-card-name{font-family:var(--font-display, "Baloo 2"),cursive;font-size:1.05rem;font-weight:700;color:var(--color-text-primary, #333);margin:0;text-align:center;z-index:1}.theme-card-desc{font-size:.78rem;color:var(--color-text-secondary, #666);margin:0;text-align:center;line-height:1.35;z-index:1}.theme-card-swatches{display:flex;gap:.35rem;margin-top:.15rem;z-index:1}.theme-swatch{width:14px;height:14px;border-radius:50%;box-shadow:0 2px 4px #00000026}.theme-card-sample{margin-top:.35rem;padding:.35rem .85rem;border-radius:10px;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.4px;text-transform:lowercase;box-shadow:0 2px 8px #0000002e;z-index:1}.theme-current-badge{position:absolute;top:10px;left:10px;padding:.2rem .55rem;border-radius:999px;background:var(--theme-success, var(--theme-primary));color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 2px 8px #0003;z-index:2}.theme-active-check{position:absolute;top:-4px;right:-4px;width:32px;height:32px;border-radius:50%;background:var(--theme-success, var(--theme-primary));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0003;z-index:2}.theme-hint{color:#ffffffbf;font-size:.9rem;font-weight:500;text-align:center;margin:0}@media (max-width: 768px){.theme-preview-container{padding:1.25rem;padding-top:calc(88px + env(safe-area-inset-top));gap:1.25rem}.theme-adventure-grid{gap:.875rem}.theme-adventure-card{min-height:190px;padding:1rem .75rem .875rem}.theme-card-emoji{font-size:2rem}.theme-card-name{font-size:.95rem}.theme-card-desc{font-size:.72rem}.theme-swatch{width:12px;height:12px}.theme-card-sample{font-size:.82rem;padding:.3rem .7rem}.theme-active-check{width:28px;height:28px}.theme-active-check svg{width:18px;height:18px}}@media (max-width: 560px){.theme-adventure-grid{grid-template-columns:1fr;max-width:320px}.theme-adventure-card{min-height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding:.875rem 1rem;gap:.5rem .75rem;border-radius:18px}.theme-card-pattern{width:8px;height:100%;inset:0 auto 0 0;border-radius:18px 0 0 18px}.theme-card-emoji{font-size:1.75rem;flex-shrink:0}.theme-card-name{flex:1;text-align:left;font-size:1rem}.theme-card-desc{flex-basis:100%;text-align:left;padding-left:2.5rem;margin-top:-.25rem}.theme-card-swatches,.theme-card-sample{display:none}.theme-current-badge{position:static;order:10;margin-left:auto}.theme-active-check{position:static;order:11;margin-left:.35rem}}@media (prefers-reduced-motion: reduce){.theme-adventure-card{transition:none}}.buc-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0a061ed1;backdrop-filter:blur(6px)}.buc-card{position:relative;width:min(100%,360px);padding:2rem 1.5rem 1.5rem;border-radius:28px;border:2px solid rgba(255,215,0,.45);background:linear-gradient(165deg,#3d2070,#1a0e2e 55%,#0f2847);box-shadow:0 0 40px #ffd70040,0 20px 60px #00000073;text-align:center;color:#fff;overflow:hidden}.buc-card:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,215,0,.08) 60deg,transparent 120deg);animation:buc-shimmer 3s linear infinite;pointer-events:none}@keyframes buc-shimmer{to{transform:rotate(360deg)}}.buc-kicker{margin:0 0 .5rem;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffe066}.buc-title{margin:0 0 1rem;font-size:1.5rem;font-weight:900;line-height:1.2;text-shadow:0 2px 12px rgba(255,215,0,.35)}.buc-badge-wrap{position:relative;display:inline-flex;margin:0 auto 1rem}.buc-badge-img{width:120px;height:120px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 8px 24px rgba(255,215,0,.45))}.buc-badge-glow{position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.35) 0%,transparent 70%);animation:buc-pulse 1.6s ease-in-out infinite;pointer-events:none}@keyframes buc-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}.buc-description{margin:0 0 1.25rem;font-size:.92rem;line-height:1.5;color:#ffffffbf}.buc-stars{display:flex;justify-content:center;gap:4px;margin-bottom:1rem}.buc-star-on{color:#fecb57}.buc-star-off{color:#fff3}.buc-continue{width:100%;min-height:48px;border:none;border-radius:999px;background:linear-gradient(135deg,#fecb57,#ff9800);color:#1a0e2e;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 4px 16px #ff980066;transition:transform .15s,box-shadow .15s}.buc-continue:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff98008c}.buc-continue:active{transform:translateY(0)}.tac-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0a061ed1;backdrop-filter:blur(6px)}.tac-card{width:min(100%,360px);padding:2rem 1.5rem 1.5rem;border-radius:28px;border:2px solid rgba(255,215,0,.45);background:linear-gradient(165deg,#3d2070,#1a0e2e 55%,#0f2847);box-shadow:0 0 40px #ffd70040,0 20px 60px #00000073;text-align:center;color:#fff}.tac-kicker{margin:0 0 .35rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf}.tac-title{margin:0 0 1rem;font-family:"Baloo 2",sans-serif;font-size:1.65rem}.tac-emoji-wrap{display:flex;justify-content:center;margin-bottom:1rem}.tac-emoji{font-size:4.5rem;line-height:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.tac-badge-img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.tac-description{margin:0 0 1.25rem;color:#ffffffe0;line-height:1.45}.tac-continue{width:100%;padding:.85rem 1rem;border:none;border-radius:999px;background:linear-gradient(135deg,#ffd166,#ff9f43);color:#2d1b00;font-weight:700;cursor:pointer}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.error-content{text-align:center;background:#fff;padding:3rem;border-radius:1.5rem;box-shadow:0 20px 60px #0003;max-width:400px;width:100%}.error-emoji{font-size:4rem;display:block;margin-bottom:1rem}.error-title{font-size:1.5rem;color:#333;margin:0 0 .5rem;font-weight:700}.error-message{color:#666;margin:0 0 1.5rem;line-height:1.5}.error-details{text-align:left;background:#f5f5f5;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.error-details summary{cursor:pointer;color:#666;font-size:.875rem}.error-details pre{margin:.5rem 0 0;font-size:.75rem;color:#e53935;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;gap:1rem;justify-content:center}.error-button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;border:none}.error-button:hover{transform:translateY(-2px)}.error-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.error-button.primary:hover{box-shadow:0 6px 20px #667eea80}.error-button.secondary{background:#f5f5f5;color:#666}.error-button.secondary:hover{background:#e0e0e0}.cookie-banner{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0f0a2af2;border:1px solid rgba(124,58,237,.3);border-radius:12px;backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006;max-width:calc(100vw - 2rem);width:max-content}.cookie-banner-text{margin:0;font-size:.8rem;color:#ffffffbf;line-height:1.4;white-space:normal;max-width:28rem}.cookie-banner-text a{color:#c4b5fdf2;text-decoration:underline}.cookie-banner-text a:hover{color:#fff}.cookie-banner-actions{display:flex;gap:.5rem;flex-shrink:0}.cookie-banner-reject,.cookie-banner-accept{padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;border:none;line-height:1}.cookie-banner-reject{background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.2)}.cookie-banner-reject:hover{color:#fffc;border-color:#fff6}.cookie-banner-accept{background:#7c3aed;color:#fff}.cookie-banner-accept:hover{background:#6d28d9}@media (max-width: 480px){.cookie-banner{flex-direction:column;align-items:flex-start;gap:.6rem;width:calc(100vw - 2rem)}.cookie-banner-text{white-space:normal}}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--font-primary: "Lexend", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Baloo 2", "Lexend", sans-serif;--font-mono: "Baloo 2", "Lexend", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--hub-headline-ink: rgba(17, 17, 17, .14);--hub-headline-shadow: rgba(17, 17, 17, .2);--hub-headline-glow: rgba(0, 0, 0, .22);--hub-headline-size: 2.4rem;--hub-headline-size-compact: 2rem;--hub-subtext-size: 1.05rem;--hub-subtext-size-compact: .98rem;--theme-primary: #667eea;--theme-secondary: #764ba2;--theme-accent: #f64f8b;--theme-background: #f8f9ff;--theme-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-text: #2d3436;--theme-text-light: #636e72;--theme-success: #20c997;--theme-warning: #ffc078;--theme-font: "Lexend", sans-serif;--theme-rack-bg: linear-gradient(180deg, #F5E6D3 0%, #DFC7A8 100%);--theme-rack-border: #C9A87C;--color-brand-primary: #22B8CF;--color-brand-primary-light: #63E6FC;--color-brand-primary-dark: #0C8599;--color-brand-secondary: #845EF7;--color-brand-secondary-light: #B197FC;--color-brand-secondary-dark: #5F3DC4;--color-brand-accent: #FFD700;--color-brand-accent-light: #FFEC8B;--color-brand-accent-dark: #DAA520;--color-success: #20C997;--color-success-light: #63E6BE;--color-success-dark: #0CA678;--color-warning: #FFC078;--color-warning-light: #FFD8A8;--color-warning-dark: #E8590C;--color-error: #FF6B6B;--color-error-light: #FFC9C9;--color-error-dark: #E03131;--color-info: #339AF0;--color-info-light: #74C0FC;--color-info-dark: #1971C2;--color-white: #FFFFFF;--color-gray-50: #F8F9FA;--color-gray-100: #F1F3F5;--color-gray-200: #E9ECEF;--color-gray-300: #DEE2E6;--color-gray-400: #CED4DA;--color-gray-500: #ADB5BD;--color-gray-600: #868E96;--color-gray-700: #495057;--color-gray-800: #343A40;--color-gray-900: #212529;--color-black: #000000;--color-text-primary: #212529;--color-text-secondary: #495057;--color-text-tertiary: #868E96;--color-text-inverse: #FFFFFF;--color-text-muted: #ADB5BD;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-bg-tertiary: #F1F3F5;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-overlay-light: rgba(0, 0, 0, .3);--tile-bg: #FDF8F0;--tile-bg-gradient: linear-gradient(145deg, #FDF8F0, #F5EDE0);--tile-text: #3D2914;--tile-border: rgba(139, 90, 43, .3);--tile-border-dark: rgba(139, 90, 43, .4);--tile-glow: rgba(180, 140, 100, .2);--tile-rack-bg: linear-gradient(180deg, #8B5A2B 0%, #6B4423 100%);--tile-rack-border: #5C3D1E;--color-gold: #FFD700;--color-gold-light: #FFF8D6;--color-gold-dark: #DAA520;--color-gold-glow: rgba(218, 165, 32, .5);--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 50px;--radius-circle: 50%;--border-none: 0;--border-thin: 1px;--border-medium: 2px;--border-thick: 3px;--border-heavy: 4px;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px rgba(34, 184, 207, .4);--shadow-button: 0 4px 12px rgba(0, 0, 0, .15);--shadow-card-hover: 0 12px 24px rgba(0, 0, 0, .15);--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--duration-slowest: .75s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-all: all var(--duration-normal) var(--ease-out);--transition-colors: background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--transition-transform: transform var(--duration-normal) var(--ease-spring);--transition-opacity: opacity var(--duration-normal) var(--ease-out);--transition-shadow: box-shadow var(--duration-normal) var(--ease-out);--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-overlay: 500;--z-popover: 600;--z-toast: 700;--z-tooltip: 800;--z-max: 9999;--tile-size-sm: clamp(24px, 7vw, 40px);--tile-size-md: clamp(28px, 8vw, 52px);--tile-size-lg: clamp(32px, 9vw, 64px);--tile-font-size-sm: clamp(.8rem, 2vw, 1.3rem);--tile-font-size-md: clamp(.9rem, 2.5vw, 1.7rem);--tile-font-size-lg: clamp(1rem, 3vw, 2.3rem);--tile-aspect-ratio: 1 / 1.1;--tile-gap: clamp(3px, 1vw, 6px);--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-height-xl: 56px;--button-padding-sm: .5rem 1rem;--button-padding-md: .75rem 1.5rem;--button-padding-lg: 1rem 2rem;--button-min-width: 80px;--card-padding: var(--spacing-lg);--card-padding-lg: var(--spacing-xl);--card-radius: var(--radius-xl);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-card-hover);--header-bg-gradient: linear-gradient(135deg, rgba(76, 175, 80, .95), rgba(56, 142, 60, .95));--header-backdrop-blur: 10px;--header-shadow: 0 2px 12px rgba(0, 0, 0, .15);--header-z-index: 1000;--header-padding-y: .75rem;--header-padding-x: 1.25rem;--header-gap: .75rem;--header-title-font: var(--font-display);--header-title-size: 1.75rem;--header-title-weight: var(--font-weight-bold);--header-title-color: var(--color-text-inverse);--header-title-shadow: 2px 2px 4px rgba(0, 0, 0, .2);--header-subtitle-size: var(--font-size-base);--header-subtitle-color: rgba(255, 255, 255, .85);--header-subtitle-weight: var(--font-weight-medium);--color-header-green: #4CAF50;--color-header-green-dark: #2E7D32;--color-header-green-darker: #1B5E20;--color-header-green-focus: rgba(76, 175, 80, .6);--color-header-green-focus-ring: rgba(76, 175, 80, .2);--header-home-gradient: linear-gradient(135deg, var(--color-header-green) 0%, var(--color-header-green-dark) 100%);--header-home-active-gradient: linear-gradient(135deg, var(--color-header-green-dark) 0%, var(--color-header-green-darker) 100%);--header-home-shadow: 0 4px 15px rgba(76, 175, 80, .4), inset 0 1px 0 rgba(255, 255, 255, .2);--header-home-shadow-hover: 0 6px 20px rgba(76, 175, 80, .5), inset 0 1px 0 rgba(255, 255, 255, .3);--header-home-shadow-active: 0 2px 10px rgba(76, 175, 80, .3);--pill-bg: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .85));--pill-border: 2px solid rgba(255, 255, 255, .5);--pill-border-radius: 22px;--pill-text-color: #333333;--pill-height: 44px;--pill-font-size: .85rem;--pill-font-weight: var(--font-weight-semibold);--pill-shadow: 0 4px 15px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .9);--pill-shadow-hover: 0 6px 20px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, 1);--pill-focus-border-color: var(--color-header-green-focus);--pill-focus-ring: 0 0 0 3px var(--color-header-green-focus-ring);--header-btn-radius: var(--radius-full);--header-btn-height: var(--button-height-md);--header-btn-padding: .6rem 1rem;--header-btn-font-size: .9rem;--header-btn-font-weight: var(--font-weight-semibold);--header-btn-text-color: var(--color-text-inverse);--header-btn-text-shadow: 0 1px 2px rgba(0, 0, 0, .2);--header-btn-transition: all var(--duration-fast) var(--ease-out);--header-btn-back-shadow: 0 4px 15px rgba(102, 126, 234, .4), inset 0 1px 0 rgba(255, 255, 255, .2);--header-btn-back-shadow-hover: 0 6px 20px rgba(102, 126, 234, .5), inset 0 1px 0 rgba(255, 255, 255, .3);--header-btn-back-shadow-active: 0 2px 10px rgba(102, 126, 234, .3);--segmented-track-bg: linear-gradient(180deg, #dddddd 0%, #cccccc 100%);--segmented-thumb-gradient: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%);--segmented-radius: var(--radius-full);--segmented-option-active-text: var(--color-text-inverse);--segmented-option-inactive-text: var(--color-text-secondary);--segmented-focus-ring: var(--shadow-focus);--tooltip-bg: var(--color-white);--tooltip-text: var(--color-text-primary);--tooltip-border-color: var(--theme-success, var(--color-success));--tooltip-header-bg: var(--theme-success, var(--color-success));--tooltip-header-height: 4px;--tooltip-font-family: var(--font-display);--tooltip-padding-y: .45rem;--tooltip-padding-x: .75rem;--tooltip-font-size: .8125rem;--tooltip-font-weight: var(--font-weight-bold);--tooltip-line-height: 1.25;--tooltip-radius: var(--radius-lg);--tooltip-shadow: var(--shadow-lg);--tooltip-offset: 8px;--tooltip-arrow-size: 6px;--tooltip-z-index: var(--z-tooltip);--phonics-consonant-digraph: rgba(33, 150, 243, .35);--phonics-vowel-team: rgba(156, 39, 176, .3);--phonics-split-digraph: rgba(255, 152, 0, .35);--phonics-r-controlled: rgba(0, 150, 136, .32);--phonics-tricky: rgba(244, 67, 54, .28);--phonics-single: transparent;--phonics-segment-gap: 3px;--button-primary-bg: var(--theme-gradient);--button-primary-text: var(--color-text-inverse);--button-primary-shadow: var(--shadow-md);--button-secondary-bg: var(--color-white);--button-secondary-text: var(--color-text-primary);--button-secondary-border: 2px solid var(--color-gray-300);--button-icon-size: 44px;--button-focus-ring: var(--shadow-focus);--theme-primary: var(--color-brand-primary);--theme-secondary: var(--color-brand-secondary);--theme-accent: var(--color-brand-accent);--theme-background: var(--color-bg-primary);--theme-gradient: var(--color-brand-primary);--theme-text: var(--color-text-primary);--theme-text-light: var(--color-text-secondary);--theme-success: var(--color-success);--theme-warning: var(--color-warning);--theme-font: var(--font-primary)}[data-theme=bubblePop]{--theme-rack-bg: linear-gradient(180deg, #FFE8F0 0%, #FAD4E2 30%, #F2BECE 70%, #EAAFC2 100%);--theme-rack-border: #F090A8}[data-theme=oceanAdventure]{--theme-rack-bg: linear-gradient(180deg, #E0F7FF 0%, #C8EDFA 30%, #B0E0F5 70%, #96D3EE 100%);--theme-rack-border: #5BC4E8}[data-theme=jungleSafari]{--theme-rack-bg: linear-gradient(180deg, #E8F5D0 0%, #D4EAB8 30%, #BFDDA0 70%, #ABCF8A 100%);--theme-rack-border: #7DB85A}[data-theme=bubblePop] body{background:radial-gradient(circle at 15% 25%,rgba(255,255,255,.18) 0%,transparent 35%),radial-gradient(circle at 75% 10%,rgba(255,255,255,.14) 0%,transparent 30%),radial-gradient(circle at 40% 75%,rgba(255,255,255,.12) 0%,transparent 28%),radial-gradient(circle at 85% 65%,rgba(132,94,247,.35) 0%,transparent 45%),linear-gradient(150deg,#ff6b8a,#c94fa8 55%,#845ef7)}[data-theme=oceanAdventure] body{background:radial-gradient(ellipse at 10% 80%,rgba(51,154,240,.4) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(255,255,255,.12) 0%,transparent 40%),repeating-linear-gradient(-30deg,transparent 0px,transparent 30px,rgba(255,255,255,.04) 30px,rgba(255,255,255,.04) 60px),linear-gradient(160deg,#22b8cf,#1a9ab8,#339af0)}[data-theme=jungleSafari] body{background:radial-gradient(ellipse at 5% 10%,rgba(255,224,102,.25) 0%,transparent 45%),radial-gradient(ellipse at 95% 90%,rgba(255,159,28,.3) 0%,transparent 50%),repeating-linear-gradient(60deg,transparent 0px,transparent 40px,rgba(0,0,0,.03) 40px,rgba(0,0,0,.03) 80px),linear-gradient(155deg,#3dab00,#58cc02 45%,#4aad00)}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms}}.sp-game-tile{position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.32);border-bottom:4px solid rgba(0,0,0,.18);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0000001a,0 4px 12px #0000002e,0 2px 4px #0000001f;border-radius:12px;color:#fff;font-family:"Baloo 2",Lexend,sans-serif;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.15)}.sp-game-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.25) 0%,transparent 50%,rgba(0,0,0,.05) 100%);pointer-events:none;z-index:1;border-radius:inherit}.sp-game-tile>*{position:relative;z-index:2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:.75rem 1.5rem;border-radius:0 0 8px 8px;z-index:10000;font-weight:600;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:0;outline:3px solid #ffd700;outline-offset:2px}*:focus{outline:none}*:focus-visible{outline:3px solid #ffd700;outline-offset:3px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid #ffd700;outline-offset:3px;box-shadow:0 0 0 6px #ffd7004d}.live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){button,input,a{border:2px solid currentColor!important}.level-card,.theme-card,.avatar-card{border:3px solid currentColor!important}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}body{margin:0;font-family:var(--theme-font, "Lexend"),-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var( --theme-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%) );min-height:100vh;min-height:100dvh;overflow-x:hidden}.spelling-game{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative}.spelling-game:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.game-header{height:64px;padding:0 1.5rem;padding-top:env(safe-area-inset-top);display:flex;justify-content:space-between;align-items:center;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:3px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:100;gap:.5rem}.game-title{font-family:var(--theme-font, "Baloo 2"),"Lexend",sans-serif;font-size:1.75rem;font-weight:700;color:#fff;text-shadow:3px 3px 0px rgba(0,0,0,.2),4px 4px 10px rgba(0,0,0,.3);letter-spacing:1px;display:flex;align-items:center;gap:.5rem}.game-title-clickable{background:transparent;border:none;padding:.5rem .75rem;margin:-.5rem -.75rem;border-radius:16px;cursor:pointer;transition:all .25s ease;position:relative}.game-title-clickable:before{content:"";position:absolute;inset:0;border-radius:16px;background:#fff0;transition:background .25s ease}.game-title-clickable:hover:before{background:#ffffff26}.game-title-clickable:hover{transform:scale(1.02)}.game-title-clickable:active{transform:scale(.98)}.game-title-clickable:focus-visible{outline:3px solid rgba(255,255,255,.6);outline-offset:4px}.game-title>svg{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3));height:auto}.header-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;filter:drop-shadow(1px 2px 4px rgba(0,0,0,.3))}.header-avatar svg{width:100%;height:100%}.header-right-content{display:flex;align-items:center;gap:.5rem}.header-settings-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;transition:all .2s ease}.header-settings-btn svg{flex-shrink:0;width:22px;height:22px;transition:transform .3s ease}.header-settings-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.header-settings-btn:hover svg{transform:rotate(90deg)}.header-settings-btn:active{transform:scale(.95)}.header-right-actions{display:flex;align-items:center;gap:.5rem}.trophy-trigger-btn{position:relative}.trophy-trigger-btn.has-unseen{box-shadow:0 0 0 2px #ec489959}.trophy-unseen-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#ec4899;border:2px solid rgba(255,255,255,.95)}.header-home-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.9);border-radius:50%;color:#ff6b9d;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #0000001a,0 2px 8px #00000014,inset 0 1px #fff;position:relative;overflow:hidden}.header-home-btn:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,107,157,.08) 1px,transparent 1px);background-size:6px 6px;border-radius:50%;pointer-events:none}.header-home-btn:after{content:"";position:absolute;top:2px;left:15%;right:15%;height:40%;background:linear-gradient(180deg,#fffc,#fff0);border-radius:50% 50% 40% 40%;pointer-events:none}.header-home-btn svg{position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(255,107,157,.3));transition:transform .2s ease}.header-home-btn:hover{transform:translateY(-3px) scale(1.08);background:#fffffff2;box-shadow:0 8px 30px #00000026,0 4px 12px #ff6b9d33,inset 0 1px #fff;border-color:#fff}.header-home-btn:hover svg{transform:scale(1.1);color:#ff85ad}.header-home-btn:active{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 15px #0000001a,inset 0 2px 4px #0000000d}@media (max-width: 768px){.header-home-btn{width:40px;height:40px}.header-home-btn svg{width:18px;height:18px}.header-settings-btn{width:40px;height:40px}.header-settings-btn svg{width:20px;height:20px}}@media (max-width: 480px){.header-right-actions{gap:.25rem}.header-home-btn{width:34px;height:34px}.header-home-btn svg{width:15px;height:16px}.header-settings-btn{width:34px;height:34px}.header-settings-btn svg{width:16px;height:16px}}@media (max-width: 380px){.header-right-actions{gap:.15rem}.header-home-btn{width:30px;height:30px;border-width:2px}.header-home-btn svg{width:13px;height:13px}.header-settings-btn{width:30px;height:30px}.header-settings-btn svg{width:14px;height:14px}}@media (max-width: 340px){.header-right-actions{gap:.1rem}.header-home-btn{width:28px;height:28px}.header-home-btn svg{width:12px;height:12px}.header-settings-btn{width:28px;height:28px}.header-settings-btn svg{width:13px;height:13px}}.header-buttons{display:flex;align-items:center;gap:.75rem;height:44px;flex-shrink:0}.home-button,.settings-button{font-family:"Baloo 2",var(--theme-font, "Lexend"),sans-serif;font-size:1rem;font-weight:700;padding:.7rem 1.25rem;height:46px;min-width:46px;background:#fff;color:var(--theme-primary, #667eea);border:2px solid rgba(0,0,0,.08);border-radius:50px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff80;display:flex;align-items:center;letter-spacing:.5px;justify-content:center;gap:.5rem;touch-action:manipulation}.settings-button{width:44px;padding:0;background:#ffffffe6}.home-button:hover,.settings-button:hover{opacity:.9;box-shadow:0 6px 20px #0000004d}.home-button:active,.settings-button:active{opacity:.8}.home-button-active{background:var(--theme-primary, #667eea);color:#fff;border-color:#ffffff4d;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 15px #00000040,inset 0 2px 4px #fff3}.home-button-active:hover{opacity:1;box-shadow:0 6px 20px #0000004d,inset 0 2px 4px #ffffff40}.game-content{flex:1;padding:1.5rem;padding-top:80px;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%;contain:layout style}@media (min-width: 769px){.game-header{height:72px;padding:0 2rem}.game-title{font-size:2rem;gap:.75rem}.header-avatar{width:44px;height:44px}.home-button{font-size:1rem;padding:.75rem 1.25rem}.game-content{padding:2rem;padding-top:88px}}@media (max-width: 768px){.game-header{height:56px;padding:0 1rem}.game-title{font-size:1.5rem}.game-title>svg{width:140px;height:auto}.header-avatar{width:32px;height:32px}}@media (max-width: 480px){.game-header{height:52px;padding:0 .75rem;gap:.25rem}.game-title{font-size:1.3rem;flex-shrink:1;min-width:0;overflow:hidden}.game-title>svg{width:80px;height:auto;flex-shrink:0}.header-avatar{display:none}.header-buttons{gap:.3rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:.25rem 0}.header-buttons::-webkit-scrollbar{display:none}.home-button{display:none}.settings-button{width:38px;height:38px;flex-shrink:0}.game-content{padding:1rem;padding-top:72px}.game-title-clickable{padding:.25rem .5rem;margin:-.25rem -.5rem}}@media (max-width: 380px){.game-header{padding:0 .5rem}.game-title>svg{width:75px;height:auto}.header-buttons{gap:.2rem}.settings-button{width:34px;height:34px;min-width:34px}}@media (max-width: 360px){.game-title>svg{width:100px;height:auto}.header-avatar{width:24px;height:24px}}@media (max-height: 500px) and (orientation: landscape){.game-header{height:48px;padding:0 1rem}.game-title{font-size:1.2rem}.game-content{padding:.75rem;padding-top:64px}}.game-content.keyboard-active{padding:.5rem;padding-top:56px;gap:.25rem}@media (max-width: 480px){.game-content.keyboard-active{padding:.35rem;padding-top:52px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.game-header{background:#000c;border-bottom-color:#fff}.home-button,.settings-button{border:2px solid currentColor}}.buddy-picker{min-height:100vh;min-height:100dvh;padding:1.5rem;padding-top:calc(80px + env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:1.5rem;overflow-y:auto;position:relative}.buddy-decorations{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-star{position:absolute;color:#ffffff38;filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}.buddy-title-section{text-align:center;z-index:1;margin-bottom:.25rem}.buddy-main-title{font-size:1.85rem;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.25),0 4px 12px rgba(0,0,0,.15);letter-spacing:-.02em;font-family:"Baloo 2",Lexend,sans-serif}.buddy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.125rem;width:100%;max-width:580px;z-index:1;padding:.75rem}.buddy-card{background:transparent;border:none;box-shadow:none;border-radius:20px;padding:.5rem .25rem .4rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;touch-action:manipulation;overflow:visible;will-change:transform;transform-origin:center center;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.buddy-card:before{display:none}.buddy-card:hover{transform:scale(1.06)}.buddy-card.selected{background:transparent;border:none;box-shadow:none}.buddy-card:disabled{cursor:default}.buddy-icon{width:110px;height:110px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18));overflow:visible;flex-shrink:0}.buddy-card.selected .buddy-icon{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--buddy-color, #a78bfa) 70%,transparent)) drop-shadow(0 4px 10px rgba(0,0,0,.2))}.buddy-icon svg{width:100%;height:100%;overflow:visible}.buddy-name{font-size:.92rem;font-weight:800;color:#fff;text-align:center;font-family:"Baloo 2",Lexend,sans-serif;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.35)}.selection-star{position:absolute;top:50%;left:50%;pointer-events:none;z-index:10}.selection-badge{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--buddy-color, #a78bfa),var(--buddy-accent, #818cf8));color:#fff;font-size:.68rem;font-weight:800;padding:.28rem .65rem;border-radius:20px;white-space:nowrap;box-shadow:0 4px 14px #00000038,0 0 0 2px #ffffff80;font-family:"Baloo 2",Lexend,sans-serif;letter-spacing:.02em;z-index:5}.avatar-fallback{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.25);box-shadow:inset 0 -3px 6px #00000026}@media (max-width: 768px){.buddy-picker{padding:1.25rem;padding-top:calc(72px + env(safe-area-inset-top));gap:1.25rem}.buddy-main-title{font-size:1.6rem}.buddy-grid{max-width:440px;gap:.75rem}.buddy-icon{width:90px;height:90px}}@media (max-width: 400px){.buddy-picker{padding:1rem;padding-top:calc(68px + env(safe-area-inset-top));gap:1rem}.buddy-main-title{font-size:1.4rem}.buddy-grid{grid-template-columns:repeat(2,1fr);max-width:300px;gap:1.25rem}.buddy-icon{width:100px;height:100px}.floating-star{display:none}}@media (max-width: 340px){.buddy-grid{max-width:260px;gap:1rem}.buddy-icon{width:80px;height:80px}}@media (max-height: 600px) and (orientation: landscape){.buddy-picker{padding-top:calc(56px + env(safe-area-inset-top));gap:.5rem}.buddy-decorations{display:none}.buddy-title-section{margin-bottom:0}.buddy-main-title{font-size:1.3rem}.buddy-grid{max-width:520px;gap:.5rem}.buddy-icon{width:60px;height:60px}.buddy-name{font-size:.72rem}}@media (prefers-reduced-motion: reduce){.floating-star{animation:none}.buddy-card{transition:none}}.feedback-overlay{position:fixed;inset:0;z-index:500;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem}.feedback-modal{width:100%;max-width:480px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 64px #00000040}.feedback-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 0}.feedback-title{font-size:1.15rem;font-weight:800;color:#0f0a2a;margin:0 0 4px}.feedback-subtitle{font-size:.82rem;color:#6b7280;margin:0;line-height:1.5}.feedback-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;cursor:pointer;color:#6b7280;transition:background .15s,color .15s}.feedback-close:hover{background:#e5e7eb;color:#111}.feedback-form{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.feedback-tabs{display:flex;gap:6px;background:#f3f4f6;border-radius:12px;padding:4px}.feedback-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;font-size:.82rem;font-weight:600;font-family:inherit;border:none;border-radius:9px;cursor:pointer;color:#6b7280;background:transparent;transition:all .15s}.feedback-tab svg{font-size:1.05em}.feedback-tab--active{background:#fff;color:#7c3aed;box-shadow:0 1px 4px #0000001a}.feedback-tab:hover:not(.feedback-tab--active){color:#374151}.feedback-field{display:flex;flex-direction:column;gap:6px}.feedback-label{font-size:.8rem;font-weight:700;color:#374151}.feedback-required{color:#7c3aed}.feedback-optional{font-weight:400;color:#9ca3af}.feedback-textarea{width:100%;padding:.7rem .85rem;font-size:.9rem;font-family:inherit;line-height:1.6;color:#111827;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;resize:vertical;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.feedback-textarea:focus{outline:none;border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.feedback-textarea--warn{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.feedback-textarea::placeholder{color:#9ca3af;font-size:.85rem}.feedback-char-row{display:flex;align-items:center;justify-content:space-between;min-height:1.2rem}.feedback-profanity-warn{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#b45309}.feedback-char-count{font-size:.72rem;color:#9ca3af;margin-left:auto}.feedback-char-count--low{color:#f59e0b;font-weight:700}.feedback-input{width:100%;padding:.6rem .85rem;font-size:.9rem;font-family:inherit;color:#111827;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.feedback-input:focus{outline:none;border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.feedback-input::placeholder{color:#9ca3af}.feedback-error{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.6rem .75rem;margin:0}.feedback-submit{width:100%;padding:.8rem;font-size:.97rem;font-weight:700;font-family:inherit;color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 16px #7c3aed4d;transition:opacity .2s,transform .15s}.feedback-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.feedback-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.feedback-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:fb-spin .7s linear infinite}@keyframes fb-spin{to{transform:rotate(360deg)}}.feedback-privacy{text-align:center;font-size:.72rem;color:#9ca3af;margin:0}.feedback-success{padding:2.5rem 1.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.feedback-success-icon{font-size:3rem;color:#7c3aed}.feedback-success h3{font-size:1.3rem;font-weight:800;color:#0f0a2a;margin:0}.feedback-success p{font-size:.9rem;color:#4b5563;line-height:1.6;max-width:340px;margin:0}.feedback-done-btn{margin-top:.5rem;padding:.7rem 2rem;font-size:.95rem;font-weight:700;font-family:inherit;color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:12px;cursor:pointer;transition:opacity .2s}.feedback-done-btn:hover{opacity:.9}.feedback-trigger-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#7c3aed1a;border-radius:10px;cursor:pointer;color:#7c3aed;transition:background .15s,transform .15s;flex-shrink:0}.feedback-trigger-btn:hover{background:#7c3aed2e;transform:scale(1.05)}@media (max-width: 480px){.feedback-modal{border-radius:16px}.feedback-header{padding:1.25rem 1.25rem 0}.feedback-form{padding:1rem 1.25rem 1.25rem}}.level-card--watermark-spellBands:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M90.86,50.89a12,12,0,0,0-21.72,0l-64,136a12,12,0,0,0,21.71,10.22L42.44,164h75.12l15.58,33.11a12,12,0,0,0,21.72-10.22ZM53.74,140,80,84.18,106.27,140ZM200,84c-13.85,0-24.77,3.86-32.45,11.48a12,12,0,1,0,16.9,17c3-3,8.26-4.52,15.55-4.52,11,0,20,7.18,20,16v4.39A47.28,47.28,0,0,0,200,124c-24.26,0-44,17.94-44,40s19.74,40,44,40a47.18,47.18,0,0,0,22-5.38A12,12,0,0,0,244,192V124C244,101.94,224.26,84,200,84Zm0,96c-11,0-20-7.18-20-16s9-16,20-16,20,7.18,20,16S211,180,200,180Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M90.86,50.89a12,12,0,0,0-21.72,0l-64,136a12,12,0,0,0,21.71,10.22L42.44,164h75.12l15.58,33.11a12,12,0,0,0,21.72-10.22ZM53.74,140,80,84.18,106.27,140ZM200,84c-13.85,0-24.77,3.86-32.45,11.48a12,12,0,1,0,16.9,17c3-3,8.26-4.52,15.55-4.52,11,0,20,7.18,20,16v4.39A47.28,47.28,0,0,0,200,124c-24.26,0-44,17.94-44,40s19.74,40,44,40a47.18,47.18,0,0,0,22-5.38A12,12,0,0,0,244,192V124C244,101.94,224.26,84,200,84Zm0,96c-11,0-20-7.18-20-16s9-16,20-16,20,7.18,20,16S211,180,200,180Z'/%3E%3C/svg%3E")}.level-card--watermark-numberSpells:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M200,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V40A16,16,0,0,0,200,24ZM88,200a12,12,0,1,1,12-12A12,12,0,0,1,88,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,88,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,128,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,128,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,168,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,168,160Zm16-56a8,8,0,0,1-8,8H80a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8h96a8,8,0,0,1,8,8Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M200,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V40A16,16,0,0,0,200,24ZM88,200a12,12,0,1,1,12-12A12,12,0,0,1,88,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,88,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,128,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,128,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,168,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,168,160Zm16-56a8,8,0,0,1-8,8H80a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8h96a8,8,0,0,1,8,8Z'/%3E%3C/svg%3E")}.level-card--watermark-wordDetective:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M232,48H168a32,32,0,0,0-32,32v87.73a8.17,8.17,0,0,1-7.47,8.25,8,8,0,0,1-8.53-8V80A32,32,0,0,0,88,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,23.94,7.9,7.9,0,0,0,5.12,7.55A8,8,0,0,0,136,232a24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM208,168H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,168Zm0-32H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,136Zm0-32H168.27A8.17,8.17,0,0,1,160,96.53,8,8,0,0,1,168,88h39.73A8.17,8.17,0,0,1,216,95.47,8,8,0,0,1,208,104Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M232,48H168a32,32,0,0,0-32,32v87.73a8.17,8.17,0,0,1-7.47,8.25,8,8,0,0,1-8.53-8V80A32,32,0,0,0,88,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,23.94,7.9,7.9,0,0,0,5.12,7.55A8,8,0,0,0,136,232a24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM208,168H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,168Zm0-32H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,136Zm0-32H168.27A8.17,8.17,0,0,1,160,96.53,8,8,0,0,1,168,88h39.73A8.17,8.17,0,0,1,216,95.47,8,8,0,0,1,208,104Z'/%3E%3C/svg%3E")}.level-card--watermark-doubleAgents:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M217,34.8a15.94,15.94,0,0,0-14.82-1.71C188.15,38.55,159.82,47.71,128,47.71S67.84,38.55,53.79,33.09A16,16,0,0,0,32,48v55.77c0,35.84,9.65,69.65,27.18,95.18,18.16,26.46,42.6,41,68.82,41s50.66-14.57,68.82-41C214.35,173.44,224,139.63,224,103.79V48A16,16,0,0,0,217,34.8ZM78,133.33A8,8,0,1,1,66,122.66C71.75,116.28,82.18,112,92,112s20.25,4.28,26,10.66A8,8,0,1,1,106,133.33c-2.68-3-8.85-5.33-14-5.33S80.64,130.34,78,133.33Zm90.49,47.86a52.9,52.9,0,0,1-80.9,0A8,8,0,1,1,99.72,170.8a36.89,36.89,0,0,0,56.56,0,8,8,0,0,1,12.17,10.39ZM189.34,134a8,8,0,0,1-11.3-.63c-2.68-3-8.85-5.33-14-5.33s-11.36,2.34-14,5.33A8,8,0,1,1,138,122.66c5.71-6.38,16.14-10.66,26-10.66s20.25,4.28,26,10.66A8,8,0,0,1,189.34,134Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M217,34.8a15.94,15.94,0,0,0-14.82-1.71C188.15,38.55,159.82,47.71,128,47.71S67.84,38.55,53.79,33.09A16,16,0,0,0,32,48v55.77c0,35.84,9.65,69.65,27.18,95.18,18.16,26.46,42.6,41,68.82,41s50.66-14.57,68.82-41C214.35,173.44,224,139.63,224,103.79V48A16,16,0,0,0,217,34.8ZM78,133.33A8,8,0,1,1,66,122.66C71.75,116.28,82.18,112,92,112s20.25,4.28,26,10.66A8,8,0,1,1,106,133.33c-2.68-3-8.85-5.33-14-5.33S80.64,130.34,78,133.33Zm90.49,47.86a52.9,52.9,0,0,1-80.9,0A8,8,0,1,1,99.72,170.8a36.89,36.89,0,0,0,56.56,0,8,8,0,0,1,12.17,10.39ZM189.34,134a8,8,0,0,1-11.3-.63c-2.68-3-8.85-5.33-14-5.33s-11.36,2.34-14,5.33A8,8,0,1,1,138,122.66c5.71-6.38,16.14-10.66,26-10.66s20.25,4.28,26,10.66A8,8,0,0,1,189.34,134Z'/%3E%3C/svg%3E")}.level-card--watermark-crossword:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M216,56v60a4,4,0,0,1-4,4H136V44a4,4,0,0,1,4-4h60A16,16,0,0,1,216,56ZM116,40H56A16,16,0,0,0,40,56v60a4,4,0,0,0,4,4h76V44A4,4,0,0,0,116,40Zm96,96H136v76a4,4,0,0,0,4,4h60a16,16,0,0,0,16-16V140A4,4,0,0,0,212,136ZM40,140v60a16,16,0,0,0,16,16h60a4,4,0,0,0,4-4V136H44A4,4,0,0,0,40,140Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M216,56v60a4,4,0,0,1-4,4H136V44a4,4,0,0,1,4-4h60A16,16,0,0,1,216,56ZM116,40H56A16,16,0,0,0,40,56v60a4,4,0,0,0,4,4h76V44A4,4,0,0,0,116,40Zm96,96H136v76a4,4,0,0,0,4,4h60a16,16,0,0,0,16-16V140A4,4,0,0,0,212,136ZM40,140v60a16,16,0,0,0,16,16h60a4,4,0,0,0,4-4V136H44A4,4,0,0,0,40,140Z'/%3E%3C/svg%3E")}.char-speech{display:flex;align-items:center;gap:10px}.char-speech-avatar{flex-shrink:0}.char-speech .speech-bubble{flex:0 1 auto;max-width:min(100%,28rem)}.char-speech--avatar-bottom{flex-direction:column;align-items:center;gap:6px}.falling-chars-container{position:fixed;inset:64px 0 0;pointer-events:none;overflow:hidden;z-index:0}.falling-char{position:absolute;display:flex;align-items:center;justify-content:center;font-weight:800;color:#ffffffeb;font-family:"Baloo 2",Lexend,sans-serif;user-select:none;border:1.5px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff59,0 3px 10px #0000002e;text-shadow:0 1px 3px rgba(0,0,0,.25);letter-spacing:.01em}.level-card--watermark-spellBands:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M90.86,50.89a12,12,0,0,0-21.72,0l-64,136a12,12,0,0,0,21.71,10.22L42.44,164h75.12l15.58,33.11a12,12,0,0,0,21.72-10.22ZM53.74,140,80,84.18,106.27,140ZM200,84c-13.85,0-24.77,3.86-32.45,11.48a12,12,0,1,0,16.9,17c3-3,8.26-4.52,15.55-4.52,11,0,20,7.18,20,16v4.39A47.28,47.28,0,0,0,200,124c-24.26,0-44,17.94-44,40s19.74,40,44,40a47.18,47.18,0,0,0,22-5.38A12,12,0,0,0,244,192V124C244,101.94,224.26,84,200,84Zm0,96c-11,0-20-7.18-20-16s9-16,20-16,20,7.18,20,16S211,180,200,180Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M90.86,50.89a12,12,0,0,0-21.72,0l-64,136a12,12,0,0,0,21.71,10.22L42.44,164h75.12l15.58,33.11a12,12,0,0,0,21.72-10.22ZM53.74,140,80,84.18,106.27,140ZM200,84c-13.85,0-24.77,3.86-32.45,11.48a12,12,0,1,0,16.9,17c3-3,8.26-4.52,15.55-4.52,11,0,20,7.18,20,16v4.39A47.28,47.28,0,0,0,200,124c-24.26,0-44,17.94-44,40s19.74,40,44,40a47.18,47.18,0,0,0,22-5.38A12,12,0,0,0,244,192V124C244,101.94,224.26,84,200,84Zm0,96c-11,0-20-7.18-20-16s9-16,20-16,20,7.18,20,16S211,180,200,180Z'/%3E%3C/svg%3E")}.level-card--watermark-numberSpells:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M200,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V40A16,16,0,0,0,200,24ZM88,200a12,12,0,1,1,12-12A12,12,0,0,1,88,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,88,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,128,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,128,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,168,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,168,160Zm16-56a8,8,0,0,1-8,8H80a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8h96a8,8,0,0,1,8,8Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M200,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V40A16,16,0,0,0,200,24ZM88,200a12,12,0,1,1,12-12A12,12,0,0,1,88,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,88,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,128,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,128,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,168,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,168,160Zm16-56a8,8,0,0,1-8,8H80a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8h96a8,8,0,0,1,8,8Z'/%3E%3C/svg%3E")}.level-card--watermark-wordDetective:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M232,48H168a32,32,0,0,0-32,32v87.73a8.17,8.17,0,0,1-7.47,8.25,8,8,0,0,1-8.53-8V80A32,32,0,0,0,88,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,23.94,7.9,7.9,0,0,0,5.12,7.55A8,8,0,0,0,136,232a24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM208,168H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,168Zm0-32H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,136Zm0-32H168.27A8.17,8.17,0,0,1,160,96.53,8,8,0,0,1,168,88h39.73A8.17,8.17,0,0,1,216,95.47,8,8,0,0,1,208,104Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M232,48H168a32,32,0,0,0-32,32v87.73a8.17,8.17,0,0,1-7.47,8.25,8,8,0,0,1-8.53-8V80A32,32,0,0,0,88,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,23.94,7.9,7.9,0,0,0,5.12,7.55A8,8,0,0,0,136,232a24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM208,168H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,168Zm0-32H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,136Zm0-32H168.27A8.17,8.17,0,0,1,160,96.53,8,8,0,0,1,168,88h39.73A8.17,8.17,0,0,1,216,95.47,8,8,0,0,1,208,104Z'/%3E%3C/svg%3E")}.level-card--watermark-doubleAgents:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M217,34.8a15.94,15.94,0,0,0-14.82-1.71C188.15,38.55,159.82,47.71,128,47.71S67.84,38.55,53.79,33.09A16,16,0,0,0,32,48v55.77c0,35.84,9.65,69.65,27.18,95.18,18.16,26.46,42.6,41,68.82,41s50.66-14.57,68.82-41C214.35,173.44,224,139.63,224,103.79V48A16,16,0,0,0,217,34.8ZM78,133.33A8,8,0,1,1,66,122.66C71.75,116.28,82.18,112,92,112s20.25,4.28,26,10.66A8,8,0,1,1,106,133.33c-2.68-3-8.85-5.33-14-5.33S80.64,130.34,78,133.33Zm90.49,47.86a52.9,52.9,0,0,1-80.9,0A8,8,0,1,1,99.72,170.8a36.89,36.89,0,0,0,56.56,0,8,8,0,0,1,12.17,10.39ZM189.34,134a8,8,0,0,1-11.3-.63c-2.68-3-8.85-5.33-14-5.33s-11.36,2.34-14,5.33A8,8,0,1,1,138,122.66c5.71-6.38,16.14-10.66,26-10.66s20.25,4.28,26,10.66A8,8,0,0,1,189.34,134Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M217,34.8a15.94,15.94,0,0,0-14.82-1.71C188.15,38.55,159.82,47.71,128,47.71S67.84,38.55,53.79,33.09A16,16,0,0,0,32,48v55.77c0,35.84,9.65,69.65,27.18,95.18,18.16,26.46,42.6,41,68.82,41s50.66-14.57,68.82-41C214.35,173.44,224,139.63,224,103.79V48A16,16,0,0,0,217,34.8ZM78,133.33A8,8,0,1,1,66,122.66C71.75,116.28,82.18,112,92,112s20.25,4.28,26,10.66A8,8,0,1,1,106,133.33c-2.68-3-8.85-5.33-14-5.33S80.64,130.34,78,133.33Zm90.49,47.86a52.9,52.9,0,0,1-80.9,0A8,8,0,1,1,99.72,170.8a36.89,36.89,0,0,0,56.56,0,8,8,0,0,1,12.17,10.39ZM189.34,134a8,8,0,0,1-11.3-.63c-2.68-3-8.85-5.33-14-5.33s-11.36,2.34-14,5.33A8,8,0,1,1,138,122.66c5.71-6.38,16.14-10.66,26-10.66s20.25,4.28,26,10.66A8,8,0,0,1,189.34,134Z'/%3E%3C/svg%3E")}.level-card--watermark-crossword:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M216,56v60a4,4,0,0,1-4,4H136V44a4,4,0,0,1,4-4h60A16,16,0,0,1,216,56ZM116,40H56A16,16,0,0,0,40,56v60a4,4,0,0,0,4,4h76V44A4,4,0,0,0,116,40Zm96,96H136v76a4,4,0,0,0,4,4h60a16,16,0,0,0,16-16V140A4,4,0,0,0,212,136ZM40,140v60a16,16,0,0,0,16,16h60a4,4,0,0,0,4-4V136H44A4,4,0,0,0,40,140Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M216,56v60a4,4,0,0,1-4,4H136V44a4,4,0,0,1,4-4h60A16,16,0,0,1,216,56ZM116,40H56A16,16,0,0,0,40,56v60a4,4,0,0,0,4,4h76V44A4,4,0,0,0,116,40Zm96,96H136v76a4,4,0,0,0,4,4h60a16,16,0,0,0,16-16V140A4,4,0,0,0,212,136ZM40,140v60a16,16,0,0,0,16,16h60a4,4,0,0,0,4-4V136H44A4,4,0,0,0,40,140Z'/%3E%3C/svg%3E")}.level-selector{width:100%;opacity:1;padding-top:1.5rem;font-family:"Baloo 2",Lexend,sans-serif}.avatar-welcome{background:transparent;border-radius:20px;padding:.5rem .25rem 1.25rem;margin-bottom:.25rem;display:flex;align-items:center;gap:1rem;min-height:72px}.selector-title{font-family:"Baloo 2",Lexend,sans-serif;font-size:var(--hub-headline-size, 2.4rem);font-weight:var(--font-weight-bold, 700);color:#fff;text-align:center;margin-bottom:.5rem;letter-spacing:-.015em;line-height:1.15;text-shadow:-1px -1px 0 var(--hub-headline-ink),1px -1px 0 var(--hub-headline-ink),-1px 1px 0 var(--hub-headline-ink),1px 1px 0 var(--hub-headline-ink),2px 2px 0 var(--hub-headline-shadow),3px 3px 0 rgba(17,17,17,.1),0 1px 0 rgba(255,255,255,.12),0 4px 14px var(--hub-headline-glow);animation:titleBounce .8s ease-out}@keyframes titleBounce{0%{transform:translateY(-20px);opacity:0}50%{transform:translateY(5px)}to{transform:translateY(0);opacity:1}}.selector-description{font-family:var(--font-primary, "Lexend", sans-serif);font-size:var(--hub-subtext-size, 1.05rem);color:#ffffffe0;text-align:center;margin-bottom:1.5rem;font-weight:500;letter-spacing:.01em;line-height:1.45;max-width:400px;margin-left:auto;margin-right:auto;text-shadow:0 1px 2px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.14);animation:fadeInUp .6s ease-out .2s both}@keyframes fadeInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.word-detective-card{background:linear-gradient(145deg,#9b59b6,#8e44ad);border:2px solid rgba(255,255,255,.3);border-bottom:4px solid rgba(0,0,0,.15);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:inset 0 1px #fff6,inset 0 -1px #0000001a,0 4px 12px #00000026;position:relative;overflow:hidden;text-align:center;aspect-ratio:1;touch-action:manipulation;min-width:0;min-height:0}.word-detective-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.25) 0%,transparent 50%,rgba(0,0,0,.05) 100%);pointer-events:none;z-index:1;border-radius:10px}.word-detective-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:inset 0 1px #ffffff80,0 8px 20px #0003;border-color:#ffffff80}.word-detective-card:active{transform:translateY(-1px) scale(.98)}.detective-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff3;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.3);position:relative;z-index:2}.detective-card-icon svg{color:gold;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));width:20px;height:20px}.detective-card-content{display:flex;flex-direction:column;align-items:center;gap:.15rem;position:relative;z-index:2}.detective-card-title{color:#fff;font-size:.85rem;font-weight:var(--font-weight-bold, 700);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3);font-family:"Baloo 2",Lexend,sans-serif;letter-spacing:.02em;line-height:1.2;text-transform:uppercase}.detective-card-description,.detective-card-arrow{display:none}.times-table-card{background:linear-gradient(135deg,#6c5ce740,#00cec92e)!important}.times-table-card:before{background:linear-gradient(135deg,#6c5ce759,#00cec940)!important}.times-table-icon{background:linear-gradient(135deg,#6c5ce7,#00cec9)!important}.detective-card-tag{margin:1px 0 0;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#00cec9;opacity:.9}.mini-games-section{margin-bottom:1.25rem}.mini-games-label{font-family:"Baloo 2",Lexend,sans-serif;font-size:.7rem;font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;margin:0 0 .6rem;padding-left:2px}.mini-games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-game-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;border:1.5px solid rgba(255,255,255,.18);cursor:pointer;font-family:inherit;transition:transform .18s,box-shadow .18s,border-color .18s;text-align:left}.mini-game-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003;border-color:#ffffff61}.mini-game-card:active{transform:scale(.96)}.mini-game-card--detective{background:linear-gradient(135deg,#9b59b652,#8e44ad38)}.mini-game-card--numbers{background:linear-gradient(135deg,#6c5ce752,#00cec933)}.mini-game-card--crossword{background:linear-gradient(135deg,#feca574d,#48dbfb33)}.grid-tabs{display:flex;position:relative;gap:0;margin:0 0 .75rem;background:#ffffff14;border-radius:14px;padding:4px}.game-hub-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px}.game-hub-tabs::-webkit-scrollbar{display:none}.grid-tab-pill{position:absolute;top:4px;bottom:4px;border-radius:10px;box-shadow:0 2px 10px #00000038,inset 0 1px #ffffff59;pointer-events:none;transition:background .28s ease,box-shadow .28s ease}.game-hub-tab-pill{width:calc(20% - 8px)}.game-hub-tab-pill--spellBands{background:linear-gradient(135deg,#667eea,#764ba2)}.game-hub-tab-pill--numberSpells{background:linear-gradient(135deg,#6c5ce7,#00cec9)}.game-hub-tab-pill--wordDetective{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.game-hub-tab-pill--doubleAgents{background:linear-gradient(135deg,#a855f7,#ec4899)}.game-hub-tab-pill--crossword{background:linear-gradient(135deg,#feca57,#48dbfb)}.grid-tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border-radius:10px;border:none;background:transparent;color:#ffffff8c;font-size:.62rem;font-weight:700;font-family:"Baloo 2",Lexend,sans-serif;cursor:pointer;transition:color .2s ease,background .2s ease;touch-action:manipulation;letter-spacing:.02em;position:relative;z-index:1}.game-hub-tab{min-width:3.4rem}.game-hub-tab-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.game-hub-tab-icon svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.game-hub-tab--spell-bands .game-hub-tab-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.game-hub-tab--number-spells .game-hub-tab-icon{background:linear-gradient(135deg,#6c5ce7,#00cec9)}.game-hub-tab--word-detective .game-hub-tab-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.game-hub-tab--double-agents .game-hub-tab-icon{background:linear-gradient(135deg,#a855f7,#ec4899)}.game-hub-tab--crossword .game-hub-tab-icon{background:linear-gradient(135deg,#feca57,#48dbfb)}.game-hub-tab:not(.grid-tab--active){background:#ffffff0a}.game-hub-tab--spell-bands:not(.grid-tab--active){background:linear-gradient(135deg,#667eea38,#764ba224)}.game-hub-tab--number-spells:not(.grid-tab--active){background:linear-gradient(135deg,#6c5ce738,#00cec91f)}.game-hub-tab--word-detective:not(.grid-tab--active){background:linear-gradient(135deg,#9b59b63d,#8e44ad24)}.game-hub-tab--double-agents:not(.grid-tab--active){background:linear-gradient(135deg,#a855f738,#ec48991f)}.game-hub-tab--crossword:not(.grid-tab--active){background:linear-gradient(135deg,#feca5738,#48dbfb1f)}.game-hub-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.15;font-family:inherit}.grid-tab:hover:not(.grid-tab--active){color:#ffffffe0}.grid-tab--active{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25)}.grid-tab--active .game-hub-tab-icon{box-shadow:0 2px 8px #0003;animation:hubTabIconPop .38s ease-out}@keyframes hubTabIconPop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}.grid-tab:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}@media (prefers-reduced-motion: reduce){.grid-tab-pill,.game-hub-tab-icon{transition:none}.grid-tab--active .game-hub-tab-icon{animation:none}}@media (min-width: 420px){.grid-tab{flex-direction:row;gap:5px;padding:9px 6px;font-size:.68rem}.game-hub-tab-icon{width:26px;height:26px}}.mini-game-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;flex-shrink:0}.mini-game-card--detective .mini-game-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.mini-game-card--numbers .mini-game-icon{background:linear-gradient(135deg,#6c5ce7,#00cec9)}.mini-game-card--crossword .mini-game-icon{background:linear-gradient(135deg,#feca57,#48dbfb)}.mini-game-icon svg{color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.mini-game-content{display:flex;flex-direction:column;gap:2px;min-width:0}.mini-game-title{font-size:.8rem;font-weight:var(--font-weight-bold, 700);font-family:inherit;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-game-sub{font-size:.6rem;font-weight:600;color:#ffffff8c;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 420px){.selector-title{font-size:var(--hub-headline-size-compact, 2rem);letter-spacing:-.01em}.selector-description{font-size:var(--hub-subtext-size-compact, .98rem);max-width:min(100%,320px);padding-inline:.25rem}}@media (max-width: 400px){.mini-games-grid{grid-template-columns:1fr}.mini-game-card{padding:10px 12px}}@keyframes gridEntrance{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.unlock-card{background:linear-gradient(135deg,#667eea,#764ba2);border:2px dashed rgba(255,255,255,.5);border-radius:12px;padding:12px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;text-align:left;transition:transform .15s ease,box-shadow .15s ease;font-family:"Baloo 2",Lexend,sans-serif;aspect-ratio:1;min-width:0;max-width:100%;touch-action:manipulation}.unlock-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #667eea73}.unlock-card-icon{flex-shrink:0;opacity:.9}.unlock-card-title{font-family:inherit;font-size:.8rem;font-weight:var(--font-weight-bold, 700);margin:0 0 2px}.unlock-card-subtitle{font-family:var(--font-primary, "Lexend", sans-serif);font-size:.65rem;opacity:.8;margin:0}.game-band-picker-card--selected{outline:3px solid rgba(255,255,255,.95);outline-offset:2px;box-shadow:inset 0 1px #ffffff80,0 0 0 2px #7c3aed73,0 6px 18px #00000038}.landscape-prompt-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.landscape-prompt-card{background:linear-gradient(145deg,#fff8e7,#fff1d6,#ffe8c0);border-radius:24px;padding:2rem 1.5rem;text-align:center;max-width:320px;width:100%;border:4px solid #FFD54F;box-shadow:0 8px 32px #ffb74d66,0 4px 16px #0003,inset 0 2px #fffc}.rotate-icon-container{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:50%;margin-bottom:1.25rem;box-shadow:0 4px 12px #ff980066,inset 0 2px #ffffff4d}.rotate-icon{width:44px;height:44px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.landscape-prompt-title{font-family:"Baloo 2",Lexend,sans-serif;font-size:1.5rem;font-weight:700;color:#e65100;margin:0 0 .75rem;text-shadow:0 1px 0 rgba(255,255,255,.5)}.landscape-prompt-message{font-family:Lexend,sans-serif;font-size:1rem;font-weight:500;color:#5d4037;margin:0 0 1.25rem;line-height:1.5}.landscape-prompt-hint{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#fff9;border-radius:16px;border:2px dashed rgba(255,152,0,.4)}.hint-icon{font-size:2rem;display:inline-block}.hint-icon.rotated{transform:rotate(90deg)}.hint-arrow{font-size:1.5rem;color:#ff9800;animation:arrowBounce 1s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.landscape-prompt-dismiss{margin-top:1.25rem;padding:.75rem 1.5rem;font-family:Lexend,sans-serif;font-size:.9rem;font-weight:600;color:#666;background:#fffc;border:2px solid rgba(0,0,0,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.landscape-prompt-dismiss:hover{background:#fff;border-color:#0003;color:#333}.landscape-prompt-dismiss:active{transform:scale(.98)}@media (orientation: landscape){.landscape-prompt-overlay{display:none}}@media (min-width: 500px) and (orientation: portrait){.landscape-prompt-overlay{display:none}}@media (prefers-reduced-motion: reduce){.rotate-icon-container,.hint-arrow{animation:none}}.letter-tile{position:relative;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:var(--font-weight-bold, 700);user-select:none;cursor:default;font-family:"Baloo 2",Lexend,sans-serif;flex-shrink:1;flex-grow:0;aspect-ratio:1 / 1.1;border:1px solid rgba(139,90,43,.3);border-bottom:3px solid rgba(139,90,43,.4);border-right:2px solid rgba(139,90,43,.35);box-shadow:inset 0 1px #fff9,inset 0 -1px #0000000d,0 2px 4px #8b5a2b33,0 4px 8px #0000001a;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;contain:layout style paint}.letter-tile-tiny{width:clamp(24px,6vw,32px);min-width:22px;height:auto;font-size:clamp(.75rem,1.8vw,1rem);border-radius:4px;border-bottom-width:2px;border-right-width:1px}.letter-tile-small{width:clamp(30px,7.5vw,40px);min-width:28px;height:auto;font-size:clamp(.9rem,2.2vw,1.25rem);border-radius:5px}.letter-tile-medium{width:clamp(36px,9vw,52px);min-width:32px;height:auto;font-size:clamp(1.1rem,2.6vw,1.6rem);border-radius:6px}.letter-tile-large{width:clamp(44px,11vw,60px);min-width:40px;height:auto;font-size:clamp(1.3rem,3vw,2rem);border-radius:7px}.letter-tile-dynamic{height:auto;min-width:20px;flex-shrink:0}.letter-tile-letter{text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.5),0 -1px 0 rgba(0,0,0,.1);letter-spacing:0}.letter-tile-points{position:absolute;bottom:2px;right:3px;font-size:.45em;font-weight:700;opacity:.85;line-height:1;font-family:Lexend,sans-serif}.letter-tile-tiny .letter-tile-points{font-size:.35em;bottom:0;right:1px}.letter-tile-small .letter-tile-points{font-size:.4em;bottom:1px;right:2px}.letter-tile-large .letter-tile-points{font-size:.4em;bottom:3px;right:4px}.letter-tile-special{border-color:#d4af3780;animation:specialGlow 3s ease-in-out infinite}.letter-tile-sparkle{position:absolute;top:2px;left:2px;width:5px;height:5px;background:radial-gradient(circle,#D4AF37 0%,transparent 70%);border-radius:50%;pointer-events:none;opacity:.8}@keyframes specialGlow{0%,to{box-shadow:inset 0 1px #fff9,0 2px 4px #8b5a2b33,0 4px 8px #0000001a,0 0 8px #d4af374d}50%{box-shadow:inset 0 1px #fff9,0 2px 4px #8b5a2b33,0 4px 8px #0000001a,0 0 15px #d4af3780}}.word-tiles{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(3px,1vw,6px);padding:0;overflow:visible;width:100%;max-width:100%;box-sizing:border-box}.word-tiles.word-tiles-with-gems{align-items:flex-end}.word-tiles-with-gems .letter-tile-wrapper{display:flex;align-items:flex-end;justify-content:center;flex-wrap:nowrap!important}.word-tiles.word-length-short{gap:clamp(5px,1.5vw,10px)}.word-tiles.word-length-medium{gap:clamp(4px,1.2vw,8px)}.word-tiles.word-length-long{gap:clamp(2px,.8vw,5px)}.word-tiles.word-length-very-long{gap:clamp(1px,.4vw,3px);padding:10px 4px}.word-tiles.word-length-long .letter-tile,.word-tiles.word-length-very-long .letter-tile{flex-shrink:1;min-width:0}.letter-tile-wrapper{position:relative;display:flex;align-items:center}.syllable-separator{display:block;width:8px;height:100%;min-height:40px;position:relative;user-select:none}.syllable-separator:before{content:"";position:absolute;top:20%;bottom:20%;left:50%;width:2px;background:#667eea66;border-radius:2px;transform:translate(-50%)}.word-tiles-with-syllables{gap:clamp(2px,.4vw,4px)}.word-tiles-with-syllables .letter-tile-wrapper.syllable-0 .letter-tile{box-shadow:inset 0 1px #fff9,inset 0 -1px #0000000d,0 2px 4px #8b5a2b33,0 4px 8px #0000001a,inset 0 -3px #667eea59}.word-tiles-with-syllables .letter-tile-wrapper.syllable-1 .letter-tile{box-shadow:inset 0 1px #fff9,inset 0 -1px #0000000d,0 2px 4px #8b5a2b33,0 4px 8px #0000001a,inset 0 -3px #4caf5066}@media (max-width: 480px){.syllable-separator{width:6px;min-height:32px}}.word-tiles-with-phonics .letter-tile-wrapper.phonics-consonant-digraph .letter-tile{box-shadow:inset 0 -3px 0 var(--phonics-consonant-digraph),inset 0 1px #fff9,0 2px 4px #8b5a2b33}.word-tiles-with-phonics .letter-tile-wrapper.phonics-vowel-team .letter-tile{box-shadow:inset 0 -3px 0 var(--phonics-vowel-team),inset 0 1px #fff9,0 2px 4px #8b5a2b33}.word-tiles-with-phonics .letter-tile-wrapper.phonics-split-digraph .letter-tile{box-shadow:inset 0 -3px 0 var(--phonics-split-digraph),inset 0 1px #fff9,0 2px 4px #8b5a2b33}.word-tiles-with-phonics .letter-tile-wrapper.phonics-r-controlled .letter-tile{box-shadow:inset 0 -3px 0 var(--phonics-r-controlled),inset 0 1px #fff9,0 2px 4px #8b5a2b33}.word-tiles-with-phonics .letter-tile-wrapper.phonics-tricky .letter-tile{box-shadow:inset 0 -3px 0 var(--phonics-tricky),inset 0 1px #fff9,0 2px 4px #8b5a2b33}.word-tiles-with-phonics .letter-tile-wrapper.phonics-segment-start:not(:first-child){margin-left:var(--phonics-segment-gap)}.word-tiles-with-phonics .letter-tile-wrapper.phonics-consonant-digraph .letter-tile.walnut,.word-tiles-with-phonics .letter-tile-wrapper.phonics-vowel-team .letter-tile.walnut,.word-tiles-with-phonics .letter-tile-wrapper.phonics-split-digraph .letter-tile.walnut{box-shadow:inset 0 -3px #ffffff73,inset 0 1px #ffffff26,0 2px 4px #00000059}@media (max-width: 768px){.word-tiles{gap:clamp(3px,1.2vw,6px);padding:14px 16px}.input-tiles-container{gap:clamp(4px,1.5vw,7px);padding:12px 16px}}@media (max-width: 480px){.word-tiles{gap:clamp(2px,1vw,5px)}.letter-tile-points{font-size:.45em;bottom:1px;right:2px}}@media (max-width: 380px){.word-tiles{gap:3px}}.input-tile-placeholder{flex-shrink:1;flex-grow:0;aspect-ratio:1 / 1.1}.input-tile-placeholder.input-tile-tiny{width:clamp(22px,5.5vw,30px);min-width:20px;height:auto}.input-tile-placeholder.input-tile-small{width:clamp(28px,7vw,38px);min-width:26px;height:auto}.input-tile-placeholder.input-tile-medium{width:clamp(34px,8.5vw,50px);min-width:30px;height:auto}.input-tile-placeholder.input-tile-large{width:clamp(42px,10.5vw,58px);min-width:38px;height:auto}.points-display{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:50px;font-weight:700;box-shadow:0 4px 15px #0003;border:2px solid rgba(255,255,255,.2)}.points-display-small{padding:.5rem 1rem;font-size:.9rem;border-radius:25px}.points-display-medium{padding:.75rem 1.25rem;font-size:1.1rem}.points-display-large{padding:1rem 1.75rem;font-size:1.4rem}.points-display-label{opacity:.9;font-weight:500}.points-display-value{font-family:"Baloo 2",Lexend,sans-serif;font-weight:700;letter-spacing:.5px}.points-display-suffix{opacity:.8;font-size:.75em;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.points-display[style*=gold]{animation:goldShine 3s ease-in-out infinite}@keyframes goldShine{0%,to{box-shadow:0 4px 15px #ffd7004d}50%{box-shadow:0 4px 25px #ffd70099}}.input-tiles-container{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(4px,1.5vw,8px);padding:clamp(14px,3vw,20px) clamp(16px,4vw,24px);background:var(--theme-rack-bg, linear-gradient(180deg, #F5E6D3 0%, #E8D4BE 30%, #DFC7A8 70%, #D4B896 100%));border-radius:14px;min-height:clamp(70px,15vw,90px);border:3px solid var(--theme-rack-border, #C9A87C);border-bottom-width:4px;box-shadow:inset 0 2px 8px #ffffff80,inset 0 -2px 6px #8b5a2b26,0 4px 12px #8b5a2b33,0 1px 3px #0000001a;position:relative;overflow:visible;max-width:100%;width:100%;box-sizing:border-box}.input-tiles-container.input-tiles-dynamic{flex-wrap:nowrap!important}.input-tiles-container:before{content:"";position:absolute;inset:0;border-radius:11px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 40px,rgba(139,90,43,.03) 40px,rgba(139,90,43,.03) 80px);pointer-events:none}.input-tile-wrapper{position:relative}.input-tile-wrapper.error .letter-tile{animation:tileShake .4s ease-in-out}.input-tile-wrapper.success .letter-tile{animation:tileSuccess .5s ease-out}@keyframes tileShake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-4px) rotate(-3deg)}40%{transform:translate(4px) rotate(3deg)}60%{transform:translate(-4px) rotate(-3deg)}80%{transform:translate(4px) rotate(3deg)}}@keyframes tileSuccess{0%{transform:scale(1)}50%{transform:scale(1.15);box-shadow:0 0 20px #4caf5099}to{transform:scale(1)}}.input-tile-placeholder{display:flex;align-items:center;justify-content:center;border-radius:6px;background:linear-gradient(145deg,#c9a87c40,#b491644d);border:2px dashed rgba(139,90,43,.25);box-shadow:inset 0 2px 4px #8b5a2b26,inset 0 -1px 2px #fff3}.input-tile-placeholder.input-tile-tiny{width:clamp(22px,5.5vw,30px);height:auto}.input-tile-placeholder.input-tile-small{width:clamp(28px,7vw,38px);height:auto}.input-tile-placeholder.input-tile-medium{width:clamp(34px,8.5vw,50px);height:auto}.input-tile-placeholder.input-tile-large{width:clamp(42px,10.5vw,58px);height:auto}.placeholder-char{font-size:1.5rem;font-weight:300;color:#ffffff4d;font-family:"Baloo 2",Lexend,sans-serif}.input-cursor{display:flex;align-items:center;justify-content:center;border-radius:6px;background:linear-gradient(145deg,#ffffff80,#f5e6d366);border:2px solid rgba(76,175,80,.4);box-shadow:inset 0 2px 4px #ffffff4d,0 0 8px #4caf5033;position:relative;aspect-ratio:1 / 1.1}.input-cursor:after{content:"";width:3px;height:55%;background:linear-gradient(180deg,#4caf50,#2e7d32);border-radius:2px;box-shadow:0 0 6px #4caf5099;animation:cursorBlink 1s ease-in-out infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:.3}}.input-cursor.input-tile-tiny{width:clamp(22px,5.5vw,30px);min-width:20px}.input-cursor.input-tile-small{width:clamp(28px,7vw,38px);min-width:26px}.input-cursor.input-tile-medium{width:clamp(34px,8.5vw,50px);min-width:30px}.input-cursor.input-tile-large{width:clamp(42px,10.5vw,58px);min-width:38px}.input-cursor.input-cursor-dynamic,.input-tile-placeholder.input-tile-dynamic{min-width:20px}.input-tiles-container.word-length-short{gap:clamp(5px,1.5vw,10px)}.input-tiles-container.word-length-medium{gap:clamp(4px,1.2vw,8px)}.input-tiles-container.word-length-long{gap:clamp(2px,.8vw,5px);padding:12px 10px}.input-tiles-container.word-length-very-long{gap:clamp(1px,.4vw,3px);padding:10px 6px}.input-tiles-container.word-length-long .letter-tile,.input-tiles-container.word-length-long .input-tile-placeholder,.input-tiles-container.word-length-long .input-cursor,.input-tiles-container.word-length-very-long .letter-tile,.input-tiles-container.word-length-very-long .input-tile-placeholder,.input-tiles-container.word-length-very-long .input-cursor{flex-shrink:1;min-width:0}.input-tiles-container.dark-theme{background:linear-gradient(135deg,#0000004d,#0000001a);border-color:#ffffff26}.total-points-banner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border-radius:20px;box-shadow:0 8px 30px #667eea66;backdrop-filter:blur(10px)}.total-points-label{color:#ffffffe6;font-weight:600;font-size:1rem}.total-points-value{color:#fff;font-weight:700;font-size:1.5rem;font-family:"Baloo 2",Lexend,sans-serif}.total-points-icon{font-size:1.5rem}.input-tile-placeholder.letter-tile-wood,.input-cursor.letter-tile-wood,.tile-empty-slot.letter-tile-wood{background:transparent;opacity:.72}.input-tile-placeholder.letter-tile-wood,.tile-empty-slot.letter-tile-wood{border-style:dashed}.letter-tile-wood{background-size:cover;background-position:center;border:2px solid rgba(80,45,10,.55)!important;border-bottom:4px solid rgba(55,28,5,.65)!important;border-right:3px solid rgba(70,38,8,.6)!important;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0000001f,0 3px 8px #3c1e0559,0 6px 16px #0000002e!important;color:#1e0f03!important}.letter-tile-wood .letter-tile-letter{text-shadow:0 1px 0 rgba(255,255,255,.4),0 -1px 0 rgba(0,0,0,.15)!important}.letter-tile-wood .letter-tile-points{color:#1e0f03cc!important}.letter-tile-wood-birch{background-image:url(/brand/tiles/texture-birch.png)}.letter-tile-wood-oak{background-image:url(/brand/tiles/texture-oak.png)}.letter-tile-wood-walnut{background-image:url(/brand/tiles/texture-walnut.png)}.letter-tile-wood-walnut{color:#f5ecd8!important;border-color:#00000073!important;border-bottom-color:#0009!important;border-right-color:#00000085!important}.letter-tile-wood-walnut .letter-tile-letter{text-shadow:0 1px 2px rgba(0,0,0,.5),0 -1px 0 rgba(0,0,0,.2)!important}.letter-tile-wood-walnut .letter-tile-points{color:#f5ecd8d9!important}@media (prefers-reduced-motion: reduce){.letter-tile-special{animation:none}.letter-tile-sparkle{display:none}@keyframes goldShine{0%,to,50%{box-shadow:0 4px 15px #ffd7004d}}}.revealed-gem-letter{background:linear-gradient(145deg,#4ade80,#22c55e 60%,#16a34a)!important;border-color:#22c55e66!important;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001a,0 2px 8px #22c55e66,0 0 16px #4ade804d!important;animation:revealedGemPulse 2s ease-in-out infinite}.revealed-gem-letter .letter-tile-letter{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.revealed-gem-letter .letter-tile-points{color:#ffffffe6!important;background:#0003!important}@keyframes revealedGemPulse{0%,to{box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001a,0 2px 8px #22c55e66,0 0 16px #4ade804d}50%{box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001a,0 2px 12px #22c55e99,0 0 24px #4ade8080}}.gem-tile-container{position:relative;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-tap-highlight-color:transparent;flex-shrink:1;flex-grow:0}.gem-container-tiny{width:clamp(22px,5.5vw,28px);height:auto;aspect-ratio:1 / 1.15}.gem-container-small{width:clamp(26px,6.5vw,34px);height:auto;aspect-ratio:1 / 1.15}.gem-container-medium{width:clamp(32px,8vw,44px);height:auto;aspect-ratio:1 / 1.15}.gem-container-large{width:clamp(40px,10vw,54px);height:auto;aspect-ratio:1 / 1.15}.gem-container-dynamic{height:auto;aspect-ratio:1 / 1.15;flex-shrink:1}.gem-shape{position:relative;width:90%;height:90%;display:flex;align-items:center;justify-content:center;cursor:pointer}.gem-crystal{position:absolute;width:100%;height:100%;clip-path:polygon(50% 0%,95% 30%,95% 70%,50% 100%,5% 70%,5% 30%);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.gem-facet-top{position:absolute;top:5%;left:50%;transform:translate(-50%);width:50%;height:30%;clip-path:polygon(50% 0%,100% 100%,0% 100%);background:linear-gradient(180deg,#ffffffb3,#fff3);pointer-events:none;z-index:2}.gem-facet-left{position:absolute;top:30%;left:5%;width:35%;height:35%;clip-path:polygon(0% 0%,100% 20%,100% 80%,0% 100%);background:linear-gradient(135deg,#fff6,#ffffff0d);pointer-events:none;z-index:2}.gem-inner{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gem-mystery{font-family:"Baloo 2",sans-serif;font-weight:700;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.3);z-index:1}.gem-sparkle{position:absolute;width:5px;height:5px;pointer-events:none;z-index:10;opacity:.8}.gem-sparkle:before,.gem-sparkle:after{content:"";position:absolute;background:currentColor;border-radius:1px}.gem-sparkle:before{width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.gem-sparkle:after{width:1.5px;height:100%;left:50%;top:0;transform:translate(-50%)}.gem-sparkle-1{top:5%;right:15%;color:#fff}.gem-sparkle-2{bottom:30%;left:8%;color:#fff}.gem-sparkle-3{top:45%;right:8%;color:#fff}.gem-sparkle-4{bottom:10%;left:35%;color:#fff}.gem-bonus{position:absolute;bottom:2px;right:2px;font-size:clamp(.45em,1.5vw,.55em);font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);padding:1px 3px;border-radius:4px;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 2px #0003;z-index:5;font-family:"Baloo 2",sans-serif;line-height:1}.gem-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;border-radius:50%;pointer-events:none;z-index:0;opacity:.4}.gem-rarity-common .gem-crystal{filter:saturate(1) drop-shadow(0 2px 4px rgba(0,0,0,.15))}.gem-rarity-uncommon .gem-crystal{filter:saturate(1.05) drop-shadow(0 2px 6px var(--gem-glow-color, rgba(0, 0, 0, .2)))}.gem-rarity-rare .gem-crystal{filter:saturate(1.1) drop-shadow(0 2px 8px var(--gem-glow-color, rgba(0, 0, 0, .2)));animation:gem-glow-subtle 3s ease-in-out infinite}.gem-rarity-epic .gem-crystal{filter:saturate(1.15) drop-shadow(0 3px 10px var(--gem-glow-color, rgba(0, 0, 0, .3)));animation:gem-glow-subtle 2.5s ease-in-out infinite}.gem-rarity-legendary .gem-crystal{filter:saturate(1.2) drop-shadow(0 3px 12px var(--gem-glow-color, rgba(0, 0, 0, .3)));animation:gem-glow-legendary 2s ease-in-out infinite}@keyframes gem-glow-subtle{0%,to{filter:brightness(1) drop-shadow(0 2px 6px var(--gem-glow-color))}50%{filter:brightness(1.08) drop-shadow(0 2px 10px var(--gem-glow-color))}}@keyframes gem-glow-legendary{0%,to{filter:brightness(1.05) drop-shadow(0 2px 8px var(--gem-glow-color))}50%{filter:brightness(1.15) drop-shadow(0 3px 14px var(--gem-glow-color))}}.gem-rarity-legendary .gem-crystal:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);clip-path:inherit;animation:legendary-shimmer 2s linear infinite;pointer-events:none}@keyframes legendary-shimmer{0%{transform:translate(-150%)}to{transform:translate(150%)}}.gem-tile-container:hover .gem-crystal{transform:scale(1.04)}.gem-revealed .gem-crystal{background:linear-gradient(145deg,#4ade80,#22c55e)!important;animation:none!important;filter:drop-shadow(0 2px 8px rgba(34,197,94,.4))!important}.gem-revealed-letter{font-family:"Baloo 2",sans-serif;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.gem-revealed:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2em;color:#ffffffe6;animation:gem-reveal .4s ease-out forwards;pointer-events:none;z-index:20}@keyframes gem-reveal{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@media (max-width: 480px){.gem-sparkle{width:3px;height:3px}.gem-bonus{padding:0 2px;border-radius:3px}}@media (max-width: 360px){.gem-container-medium{width:clamp(26px,7vw,36px)}.gem-container-large{width:clamp(32px,8.5vw,44px)}.gem-sparkle{display:none}}.gem-container-tiny .gem-mystery{font-size:.85rem}.gem-container-small .gem-mystery{font-size:1rem}.gem-container-medium .gem-mystery{font-size:1.2rem}.gem-container-large .gem-mystery{font-size:1.4rem}.gem-container-tiny .gem-revealed-letter{font-size:.8rem}.gem-container-small .gem-revealed-letter{font-size:.95rem}.gem-container-medium .gem-revealed-letter{font-size:1.15rem}.gem-container-large .gem-revealed-letter{font-size:1.35rem}.tile-drag-slot--lifted{outline:2px dashed rgba(139,90,43,.3);outline-offset:-1px;box-shadow:inset 0 2px 5px #0003,inset 0 4px 12px #0000001f;background:#00000012}.tile-drag-slot--used{background:linear-gradient(145deg,#c9a87c33,#b4916440);outline:2px dashed rgba(139,90,43,.22);outline-offset:-1px;box-shadow:inset 0 1px 3px #8b5a2b1a}.tile-answer-slot.tile-drag-slot--lifted{outline-color:#8b5a2b59;background:#8b5a2b24!important;box-shadow:inset 0 2px 6px #00000038,inset 0 4px 14px #00000024}.cw-cell-wrapper.tile-drag-slot--lifted{outline-color:#8b5a2b59;background:#8b5a2b24}.tile-drag-drop-target{transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.tile-drag-drag-source{transition:border-color .15s ease}.tile-drag-lift-shell,.cw-tile-drag-wrapper{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.tile-drag-lift-shell--dragging .letter-tile{filter:drop-shadow(0 3px 4px rgba(0,0,0,.22)) drop-shadow(0 8px 16px rgba(0,0,0,.28)) drop-shadow(0 18px 30px rgba(0,0,0,.14))}.tile-pool-tile,.tile-answer-tile,.cw-tile-drag-wrapper.tile-drag-lift-shell{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:transparent;background-color:transparent}.cw-tile-drag-surface{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:transparent}.tile-pool-tile:active,.tile-answer-tile:active,.cw-tile-drag-surface:active{cursor:grabbing}.tile-input-mode{display:flex;flex-direction:column;gap:1rem;width:100%;padding:.5rem 0}.tile-answer-area{display:flex;justify-content:center;padding:.75rem;background:linear-gradient(180deg,#f5e6d3,#e8d4be 30%,#dfc7a8 70%,#d4b896);border:3px solid #C9A87C;border-bottom-width:4px;border-radius:14px;box-shadow:inset 0 2px 8px #ffffff80,inset 0 -2px 6px #8b5a2b26,0 4px 12px #8b5a2b33;min-height:70px}.tile-answer-slots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-width:100%}.tile-answer-slot{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.tile-answer-tile{background:none;border:none;padding:0;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;position:relative}.tile-answer-tile:disabled{cursor:not-allowed}.tile-answer-tile--selected{filter:drop-shadow(0 0 8px rgba(255,220,60,.9)) drop-shadow(0 0 3px rgba(255,255,255,.8));z-index:10}.tile-empty-slot--swap-target,.tile-answer-slot--swap-target{border-color:#ffc828b3!important;background:#ffdc3c2e!important;box-shadow:inset 0 0 0 2px #ffc82880!important}.tile-answer-slot--lifted{outline:2px dashed rgba(139,90,43,.35);outline-offset:-1px;box-shadow:inset 0 2px 6px #00000038,inset 0 4px 14px #00000024;background:#8b5a2b24!important}.tile-pool-slot{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tile-pool-slot--used{background:linear-gradient(145deg,#c9a87c33,#b4916440);outline:2px dashed rgba(139,90,43,.22);outline-offset:-1px;box-shadow:inset 0 1px 3px #8b5a2b1a}.tile-pool-slot--lifted{outline:2px dashed rgba(139,90,43,.3);outline-offset:-1px;box-shadow:inset 0 2px 5px #0003,inset 0 4px 12px #0000001f;background:#00000012}.tile-prefilled{background:none;border:none;padding:0;position:absolute;top:0;left:0;opacity:.72;filter:saturate(.7);pointer-events:none}.tile-empty-slot{background:linear-gradient(145deg,#c9a87c40,#b491644d);border:2px dashed rgba(139,90,43,.25);border-radius:inherit;box-shadow:inset 0 2px 4px #8b5a2b26,inset 0 -1px 2px #fff3}.tile-pool-area{display:flex;justify-content:center;padding:1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;border:2px solid rgba(102,126,234,.2)}.tile-pool{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%;gap:6px;min-height:50px}.tile-pool-tile{background:none;border:none;padding:0;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;flex-shrink:0}.tile-pool-tile:hover:not(:disabled){filter:brightness(1.05)}.tile-pool-tile:active:not(:disabled){filter:brightness(.95)}.tile-pool-tile:disabled{opacity:.5;cursor:not-allowed}.tile-pool-tile.tile-used{visibility:hidden;pointer-events:none}.tile-input-actions{display:flex;gap:.75rem;justify-content:center;align-items:center;padding-top:.5rem}.tile-action-button{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tile-action-button:disabled{opacity:.4;cursor:not-allowed}.tile-shuffle-button{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 3px 10px #a855f74d}.tile-shuffle-button:hover:not(:disabled){box-shadow:0 4px 15px #a855f766}.tile-undo-button{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff;box-shadow:0 3px 10px #fb923c4d}.tile-undo-button:hover:not(:disabled){box-shadow:0 4px 15px #fb923c66}.tile-submit-button{flex:1;max-width:200px;font-family:"Baloo 2",Lexend,sans-serif;font-size:1.1rem;font-weight:700;padding:.9rem 1.5rem;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #4caf504d,inset 0 1px #fff3;transition:all .2s ease;touch-action:manipulation}.tile-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066,inset 0 1px #ffffff4d}.tile-submit-button:active:not(:disabled){transform:translateY(0)}.tile-submit-button:disabled{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:none;cursor:not-allowed}.tile-submit-button.ready{box-shadow:0 4px 20px #4caf5080,0 0 0 3px #4caf5033,inset 0 1px #fff3}@media (max-width: 480px){.tile-input-mode{gap:.75rem;padding:.25rem 0}.tile-answer-area{padding:.5rem;min-height:60px;border-width:2px;border-radius:12px}.tile-pool-area{padding:.75rem;border-radius:12px}.tile-input-actions{gap:.5rem}.tile-clear-button{font-size:.8rem;padding:.5rem 1rem}.tile-submit-button{font-size:1rem;padding:.75rem 1.25rem}}@media (max-width: 360px){.tile-answer-area{padding:.4rem;min-height:50px}.tile-pool-area{padding:.5rem}.tile-clear-button{font-size:.75rem;padding:.4rem .8rem}.tile-submit-button{font-size:.9rem;padding:.65rem 1rem}}.game-board.keyboard-visible .tile-input-mode{gap:.5rem}.game-board.keyboard-visible .tile-answer-area{padding:.35rem;min-height:45px}.game-board.keyboard-visible .tile-pool-area{padding:.5rem}.game-board.keyboard-visible .tile-input-actions{padding-top:.25rem}.game-board.keyboard-visible .tile-submit-button{padding:.5rem 1rem;font-size:.9rem}.tile-answer-area.tile-drag-drop-target,.tile-answer-area.drag-target{background:linear-gradient(180deg,#e8f5e9,#c8e6c9 30%,#a5d6a7 70%,#81c784);border-color:#4caf50;box-shadow:inset 0 2px 8px #4caf504d,0 0 0 3px #4caf5033;transition:all .15s ease}.tile-pool-area.tile-drag-drag-source,.tile-pool-area.drag-source{border-color:#667eea66;transition:border-color .15s ease}.tile-pool-tile,.tile-answer-tile{cursor:grab}.tile-pool-tile:active,.tile-answer-tile:active{cursor:grabbing}.tile-pool-tile[style*="z-index: 100"],.tile-answer-tile[style*="z-index: 100"]{pointer-events:none}@media (max-height: 500px) and (orientation: landscape){.tile-input-mode{flex-direction:column;gap:.4rem;padding:.15rem 0}.tile-answer-area{width:100%;padding:.35rem .5rem;min-height:44px;border-radius:10px;border-width:2px}.tile-answer-slots{gap:3px}.tile-pool-area{width:100%;padding:.35rem .5rem;border-radius:10px}.tile-pool{gap:4px;min-height:36px}.tile-input-actions{padding-top:.15rem;justify-content:center;gap:.5rem}.tile-action-button{width:36px;height:36px}.tile-action-button svg{width:16px;height:16px}}@media (max-height: 400px) and (orientation: landscape){.tile-input-mode{gap:.25rem}.tile-answer-area{padding:.25rem .4rem;min-height:38px}.tile-answer-slots{gap:2px}.tile-pool-area{padding:.25rem .4rem}.tile-pool{gap:3px;min-height:32px}.tile-input-actions{padding-top:.1rem;gap:.35rem}.tile-action-button{width:32px;height:32px}.tile-action-button svg{width:14px;height:14px}}.tile-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tile-answer-area.focused{outline:3px solid rgba(66,153,225,.4);outline-offset:2px}.tile-empty-slot.has-cursor{display:flex;align-items:center;justify-content:center}.tile-cursor{font-size:1.5rem;font-weight:300;color:#666;user-select:none}@media (prefers-reduced-motion: reduce){.tile-pool-tile,.tile-answer-tile,.tile-submit-button,.tile-clear-button{transition:none}.tile-cursor{animation:none!important;opacity:1!important}}.word-detective{--wd-gradient-start: #9b59b6;--wd-gradient-end: #8e44ad;--wd-surface-tint: rgba(155, 89, 182, .14);--wd-surface-border: rgba(155, 89, 182, .28);--wd-text-accent: #6a1b9a;background:linear-gradient(135deg,#fffffff7,#f8f0fcf0);border-radius:24px;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));width:100%;max-width:560px;min-width:320px;margin:0 auto;box-shadow:0 10px 40px #00000026,inset 0 1px #ffffffe6;position:relative;overflow:hidden;box-sizing:border-box;font-family:"Baloo 2",Lexend,sans-serif}.word-detective:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 50%,transparent 100%);pointer-events:none;border-radius:24px 24px 0 0}.word-detective.compact{padding:1rem;border-radius:20px}.word-detective.compact:before{border-radius:20px 20px 0 0}.detective-header{text-align:center;margin-bottom:1.5rem;position:relative;z-index:1}.detective-title{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.5rem}.detective-title h2{font-size:1.6rem;font-weight:var(--font-weight-bold, 700);font-family:inherit;margin:0;background:linear-gradient(135deg,var(--wd-gradient-start) 0%,var(--wd-gradient-end) 50%,#c084fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.compact .detective-title h2{font-size:1.3rem}.detective-subtitle{font-size:1rem;color:#666;margin:0;font-weight:500;font-family:var(--font-primary, "Lexend", sans-serif)}.detective-close-btn{position:absolute;top:.5rem;right:.5rem;width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#ef5350e6,#d32f2fe6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #ef53504d,inset 0 1px #fff3;z-index:10}.detective-close-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 6px 16px #ef535066,inset 0 1px #ffffff4d}.detective-close-btn:active{transform:scale(.95)}.helper-avatar{display:flex;justify-content:center;margin-bottom:.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.word-display-area{text-align:center;margin-bottom:1.5rem;position:relative;z-index:1}.word-category{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--wd-surface-tint),rgba(142,68,173,.12));padding:.5rem 1.25rem;border-radius:50px;font-family:inherit;font-size:.9rem;color:var(--wd-text-accent);margin-bottom:1rem;font-weight:var(--font-weight-semibold, 600);border:2px solid var(--wd-surface-border)}.word-breakdown{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.root-part{position:relative;padding:1rem 1.65rem;min-height:88px;border:3px solid transparent;border-radius:18px;background:#fafafa;cursor:pointer;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,border-color .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-width:104px;box-shadow:0 4px 15px #0000001a;animation:wd-root-enter .35s ease both}@keyframes wd-root-enter{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.root-part:nth-child(2){animation-delay:.05s}.root-part:nth-child(3){animation-delay:.1s}.root-part:nth-child(4){animation-delay:.15s}.root-part:nth-child(5){animation-delay:.2s}.root-part:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 8px 25px #0003}.root-part.revealed{border-style:solid;border-color:transparent;color:#fff;box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff4d}.root-part.selected{transform:translateY(-8px) scale(1.08);box-shadow:0 12px 30px #0000004d,inset 0 1px #fff6;border-color:#ffffffa6}.root-part.tapped:not(.selected){box-shadow:0 8px 22px #00000038,inset 0 0 0 2px #ffffff59}.root-text{font-family:inherit;font-size:1.65rem;font-weight:var(--font-weight-bold, 700);letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.root-meaning{font-family:inherit;font-size:.72rem;font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.5px;opacity:.95}.speak-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--wd-gradient-start) 0%,var(--wd-gradient-end) 100%);color:#fff;border:none;border-radius:50px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #9b59b666,inset 0 1px #fff3}.speak-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #9b59b680,inset 0 1px #ffffff4d}.speak-button:active{transform:translateY(-1px)}.root-details-container{margin-bottom:.85rem;display:flex;flex-direction:column;position:relative;z-index:1;width:100%;box-sizing:border-box}.root-details{background:linear-gradient(135deg,#faf5ff,#f3e5f5);border:3px solid;border-radius:20px;padding:.85rem;box-shadow:0 4px 15px #00000014;width:100%;box-sizing:border-box;overflow:visible}.root-details-placeholder{min-height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--wd-surface-tint) 0%,rgba(142,68,173,.08) 100%);border-radius:20px;border:3px dashed var(--wd-surface-border);width:100%;box-sizing:border-box}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#888;text-align:center;padding:1rem}.placeholder-content p{margin:0;font-size:1rem;font-weight:500;font-style:italic;color:var(--wd-gradient-start)}.root-details-header{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.65rem;flex-wrap:wrap;width:100%;box-sizing:border-box}.root-initial-badge{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:14px;font-family:inherit;font-size:1.35rem;font-weight:var(--font-weight-bold, 700);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.15);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff59;flex-shrink:0}.root-emoji{display:none}.root-title-block{flex:1;min-width:0}.root-title-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.root-name{font-family:inherit;font-size:1.3rem;font-weight:var(--font-weight-bold, 700);color:#333;margin:0;line-height:1.2}.origin-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;padding:.3rem .8rem;border-radius:50px;text-transform:uppercase;letter-spacing:.5px}.origin-badge--inline{font-size:.65rem;padding:.15rem .5rem;letter-spacing:.35px;flex-shrink:0}.origin-badge.greek{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:2px solid rgba(21,101,192,.3)}.origin-badge.latin{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;border:2px solid rgba(230,81,0,.3)}.root-meaning-large{font-size:1rem;font-weight:700;color:var(--wd-text-accent);background:linear-gradient(135deg,var(--wd-surface-tint),rgba(142,68,173,.12));padding:.5rem 1rem;border-radius:12px;border:2px solid var(--wd-surface-border);flex-shrink:0;white-space:nowrap;align-self:center}.root-original-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem;margin:.2rem 0 0;line-height:1.3}.root-original-word{font-size:.95rem;font-weight:var(--font-weight-bold, 700);font-family:Noto Sans,Arial Unicode MS,sans-serif;letter-spacing:.35px}.root-title-block--greek .root-original-word{color:#2e7d32}.root-title-block--greek .root-original-pronunciation{color:#558b2f}.root-title-block--latin .root-original-word{color:#e65100}.root-title-block--latin .root-original-pronunciation{color:#ef6c00}.root-original-pronunciation{font-size:.8rem;font-weight:500;font-style:italic;font-family:var(--font-primary, "Lexend", sans-serif)}.root-explanation{display:flex;align-items:flex-start;gap:.75rem;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:16px;padding:1rem;margin:.75rem 0;border:2px solid rgba(255,193,7,.3);width:100%;box-sizing:border-box;overflow:hidden}.explanation-text{margin:0;font-size:.95rem;color:#5d4037;font-style:italic;line-height:1.5;flex:1;font-weight:500;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.root-examples{width:100%;box-sizing:border-box}.root-examples h4{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#666;margin:.5rem 0 .35rem;font-weight:700}.examples-list{display:flex;flex-wrap:wrap;gap:.35rem;width:100%;box-sizing:border-box}.example-word{background:#fff;padding:.35rem .65rem;border-radius:10px;font-size:.82rem;color:#333;font-weight:600;box-shadow:0 3px 10px #0000001a;border:2px solid rgba(0,0,0,.05);transition:all .2s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-word.clickable{cursor:pointer;background:linear-gradient(135deg,#f0f4ff,#fff5f8);border:2px solid var(--wd-surface-border)}.example-word:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.example-word.clickable:hover{background:linear-gradient(135deg,var(--wd-gradient-start) 0%,var(--wd-gradient-end) 100%);color:#fff;border-color:transparent;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #9b59b659}.example-word.clickable:active{transform:translateY(-1px) scale(.98)}.word-definition-area{text-align:center;margin-bottom:1.5rem;position:relative;z-index:1}.word-definition{background:linear-gradient(135deg,#4caf501a,#81c78426);border-radius:20px;padding:1.5rem;border:2px solid rgba(76,175,80,.2)}.word-definition h3{font-family:inherit;font-size:1.6rem;color:#2e7d32;margin:0 0 .5rem;text-transform:capitalize;font-weight:var(--font-weight-bold, 700)}.definition-text{font-family:var(--font-primary, "Lexend", sans-serif);font-size:1.1rem;color:#444;margin:0 0 .75rem;line-height:1.5}.fun-sentence{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;color:#5d4037;font-style:italic;margin:0;padding:.75rem 1rem;background:#ffd70026;border-radius:12px}.detective-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem;position:relative;z-index:1}.action-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.75rem;border:none;border-radius:50px;color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0003,inset 0 1px #fff3}.action-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff4d}.action-btn:active{transform:translateY(-1px)}.next-word-btn{background:linear-gradient(135deg,var(--wd-gradient-start) 0%,var(--wd-gradient-end) 100%)}.done-btn{background:linear-gradient(135deg,#4caf50,#2e7d32)}.word-detective.simple-etymology{text-align:center}.simple-etymology-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;position:relative;z-index:1}.simple-word-display{font-family:inherit;font-size:2rem;color:var(--wd-text-accent);font-weight:var(--font-weight-bold, 700);margin:.5rem 0;text-transform:capitalize;text-shadow:0 2px 4px rgba(0,0,0,.1)}.etymology-card{display:flex;align-items:flex-start;gap:1rem;width:100%;padding:1.25rem;border-radius:16px;border:2px solid;transition:all .2s ease}.etymology-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.etymology-card.origin-card{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#a5d6a7}.etymology-card.meaning-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#90caf9}.etymology-card.funfact-card{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:#ffe082}.etymology-card.partOfSpeech-card{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#ce93d8}.etymology-icon-svg{flex-shrink:0;color:#00000073}.etymology-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.etymology-details{display:flex;flex-direction:column;gap:.3rem;text-align:left}.etymology-label{font-family:inherit;font-size:.75rem;font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.1em;color:#00000080}.etymology-value{font-family:var(--font-primary, "Lexend", sans-serif);font-size:1.05rem;color:#333;line-height:1.5;font-weight:500}.etymology-value.funfact{font-style:italic;color:#5d4037}.word-detective.no-etymology{text-align:center}.no-etymology-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1rem;position:relative;z-index:1}.no-etymology-message h3{font-family:inherit;font-size:1.6rem;font-weight:var(--font-weight-bold, 700);color:var(--wd-gradient-start);margin:0 0 .75rem}.no-etymology-message p{font-size:1.05rem;color:#666;margin:0;line-height:1.5}.no-etymology-message .encouragement{font-size:1rem;color:#4caf50;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;background:#4caf501a;border-radius:50px}.api-loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 1rem;text-align:center;position:relative;z-index:1}.loading-spinner{display:flex;align-items:center;justify-content:center;color:var(--wd-gradient-start)}.loading-spinner .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{font-family:var(--font-primary, "Lexend", sans-serif);font-size:1.15rem;color:#555;font-weight:600;margin:0}.phonetic-display{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--wd-surface-tint),rgba(142,68,173,.12));border-radius:50px;color:var(--wd-text-accent);font-size:1.05rem;font-weight:600;margin-top:.75rem}.phonetic-display.phonetic-button{border:2px solid var(--wd-surface-border);cursor:pointer;transition:all .2s ease;font-family:inherit}.phonetic-display.phonetic-button:hover{background:linear-gradient(135deg,var(--wd-surface-tint),rgba(142,68,173,.18));border-color:#9b59b673;transform:scale(1.03);box-shadow:0 4px 15px #9b59b640}.phonetic-display.phonetic-button:active{transform:scale(.98)}.phonetic-display.phonetic-button svg{animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.compact .detective-header,.compact .word-display-area{margin-bottom:1rem}.compact .root-part{padding:.6rem 1rem;min-width:70px}.compact .root-text{font-size:1.2rem}.compact .root-details{padding:1rem;margin-bottom:1rem}.compact .root-emoji{font-size:2rem}.compact .action-btn{padding:.7rem 1.25rem;font-size:.95rem}@media (max-width: 520px){.word-detective{width:calc(100% - 1rem);max-width:100%;min-width:unset;margin:.5rem}}@media (max-width: 480px){.word-detective{padding:1rem;border-radius:20px}.detective-title h2{font-size:1.35rem}.detective-close-btn{width:36px;height:36px;top:.75rem;right:.75rem}.root-part{padding:.7rem 1.1rem;min-width:75px}.root-text{font-size:1.3rem}.root-details{padding:.75rem}.root-details-placeholder{min-height:160px}.root-explanation{flex-direction:column;align-items:center;text-align:center}.root-details-header{flex-wrap:wrap;justify-content:center;text-align:center}.root-title-block{width:100%;text-align:center}.root-title-row,.root-original-line{justify-content:center}.root-meaning-large{width:100%;text-align:center;align-self:center}.speak-button{font-size:.85rem;padding:.6rem 1.1rem}.detective-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.simple-word-display{font-size:1.6rem}.etymology-card{padding:1rem}.etymology-icon{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.root-part,.action-btn,.speak-button,.root-details,.word-definition,.example-word,.etymology-card,.phonetic-display{animation:none;transition:none}.root-part:hover,.action-btn:hover,.speak-button:hover,.example-word:hover,.etymology-card:hover{transform:none}.loading-spinner .spin,.phonetic-display.phonetic-button svg{animation:none}}.word-detective.mystery-mode{background:linear-gradient(135deg,#f0f8fffa,#e6f0faf2)}.mystery-word-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,var(--wd-gradient-start) 0%,var(--wd-gradient-end) 100%);border-radius:16px;margin-bottom:.75rem}.mystery-word-display{display:flex;align-items:center;gap:.75rem;color:#fff}.mystery-icon{opacity:.8}.mystery-blanks{font-family:"Baloo 2",Lexend,sans-serif;font-size:1.5rem;font-weight:var(--font-weight-bold, 700);letter-spacing:.3rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.mystery-hint{font-size:.85rem;color:#ffffffd9;font-weight:600}.mystery-audio-btn{display:flex;align-items:center;gap:.5rem;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:25px;padding:.5rem 1rem;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.mystery-audio-btn:hover{background:#ffffff4d;transform:scale(1.05)}.mystery-clue-header{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:20px;margin-bottom:.75rem}.clue-emoji{font-size:1.1rem}.clue-text{font-size:.9rem;font-weight:700;color:#8b4513}@media (max-width: 400px){.mystery-blanks{font-size:1.25rem;letter-spacing:.2rem}.mystery-word-container{padding:.75rem}}.mystery-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.mystery-word-display.revealed{background:linear-gradient(135deg,#4caf5026,#81c78433);padding:.5rem 1rem;border-radius:12px;border:2px solid rgba(76,175,80,.3)}.mystery-icon.revealed{color:#4caf50;opacity:1}.mystery-revealed-word{font-family:inherit;font-size:1.5rem;font-weight:var(--font-weight-bold, 700);letter-spacing:.15rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.mystery-reveal-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ffc10740,#ffa0004d);border:2px solid rgba(255,193,7,.4);border-radius:25px;padding:.5rem 1rem;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.mystery-reveal-btn:hover:not(.disabled){background:linear-gradient(135deg,#ffc10766,#ffa00080);transform:scale(1.05);box-shadow:0 4px 12px #ffc1074d}.mystery-reveal-btn.disabled{opacity:.5;cursor:not-allowed}.reveal-cost{display:inline-flex;align-items:center;gap:.25rem;background:#0003;padding:.15rem .5rem;border-radius:12px;font-size:.8rem;font-weight:700;color:gold}.reveal-cost svg{color:#00e5ff}.etymology-read-aloud-row{display:flex;justify-content:center;margin:.5rem 0 .25rem}.etymology-read-aloud-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:50px;border:1.5px solid var(--wd-surface-border);background:var(--wd-surface-tint);color:var(--wd-text-accent);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease;font-family:inherit}.etymology-read-aloud-btn:hover{background:#9b59b62e;border-color:#9b59b68c;transform:scale(1.04)}.etymology-read-aloud-btn:active{transform:scale(.97)}.word-definition .etymology-read-aloud-btn{margin-top:.6rem}.etymology-card.still-digging-card{background:linear-gradient(135deg,#faf5ff,#f3e5f5);border-color:var(--wd-surface-border)}.etymology-card--locked{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;appearance:none;-webkit-appearance:none}.etymology-card--locked:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9b59b62e}.etymology-card--locked:active{transform:translateY(0)}.etymology-card--locked:focus-visible{outline:3px solid var(--wd-gradient-start);outline-offset:2px}.etymology-value--teaser{font-style:italic;color:var(--wd-text-accent);font-weight:600}.wd-hub-screen,.wd-detail-shell{width:min(100%,720px);margin:0 auto;padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom,0px));font-family:"Baloo 2",Lexend,sans-serif}.wd-hub-screen--portal-overlay{background:transparent;min-height:auto;padding:0;width:100%}.wd-hub-screen--portal-overlay .wd-detail-shell{padding:0;width:100%}.wd-hub-screen:not(.wd-hub-screen--portal-overlay){--wd-gradient-start: #9b59b6;--wd-gradient-end: #8e44ad;--wd-surface-tint: rgba(155, 89, 182, .14);--wd-surface-border: rgba(155, 89, 182, .28);--wd-text-accent: #6a1b9a;--wd-category-science-accent: #0d9488;--wd-category-science-tint: rgba(13, 148, 136, .14);--wd-category-everyday-accent: #d97706;--wd-category-everyday-tint: rgba(217, 119, 6, .14);--wd-category-medical-accent: #e85d75;--wd-category-medical-tint: rgba(232, 93, 117, .14);background:linear-gradient(135deg,var(--wd-gradient-start) 0%,var(--wd-gradient-end) 100%);min-height:100%;box-sizing:border-box}.wd-hub-back-btn,.wd-detail-back-btn{display:inline-flex;align-items:center;gap:.45rem;border:1.5px solid rgba(255,255,255,.35);background:#ffffff26;color:#fff;border-radius:999px;padding:.45rem .9rem;font-weight:700;cursor:pointer;margin-bottom:.75rem;font-family:inherit}.wd-detail-back-btn{position:relative;z-index:2}.wd-hub-header{text-align:center;margin-bottom:.5rem}.wd-hub-speech{margin:.35rem auto .75rem;max-width:28rem}.wd-cases-progress{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.35rem .65rem;align-items:center;padding:.65rem .85rem;margin-bottom:.75rem;border-radius:14px;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.22)}.wd-cases-progress__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;grid-column:1;grid-row:1}.wd-cases-progress__label,.wd-cases-progress__stars{font-family:var(--font-primary, "Lexend", sans-serif);font-size:.82rem;font-weight:600;color:#ffffffeb}.wd-cases-progress__count{font-family:inherit;font-size:.88rem;font-weight:var(--font-weight-bold, 700);color:#fff}.wd-cases-progress__track{grid-column:1 / -1;grid-row:2;height:.55rem;border-radius:999px;background:#0000002e;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.wd-cases-progress__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f5b301,#ffd54f);box-shadow:0 0 8px #f5b3018c;transition:width .35s ease}.wd-cases-progress__stars{display:inline-flex;align-items:center;gap:.3rem;grid-column:2;grid-row:1;color:#ffd54f}.wd-session-streak{margin:-.35rem 0 .65rem;text-align:center;font-family:var(--font-primary, "Lexend", sans-serif);font-size:.78rem;font-weight:600;color:#ffffffc7}.wd-category-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:999px;background:var(--wd-card-accent, var(--wd-gradient-start));flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff59}.wd-category-tabs{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-bottom:.85rem}.wd-category-tab{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1.5px solid var(--wd-surface-border);background:#ffffffe6;color:var(--wd-text-accent);padding:.4rem .8rem;font-family:"Baloo 2",Lexend,sans-serif;font-size:.82rem;font-weight:var(--font-weight-bold, 700);cursor:pointer}.wd-category-tab-dot{display:inline-flex;align-items:center;justify-content:center;width:.62rem;height:.62rem;border-radius:999px;background:var(--wd-tab-accent, var(--wd-gradient-start));flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff59}.wd-category-tab--active{background:linear-gradient(135deg,var(--wd-gradient-start),var(--wd-gradient-end));color:#fff;border-color:transparent}.wd-category-tab--active .wd-category-tab-dot{background:#fff;box-shadow:none}.wd-word-search{margin-bottom:.85rem}.wd-word-search__field{display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;border-radius:999px;font-family:"Baloo 2",Lexend,sans-serif;border:2px solid var(--wd-surface-border);background:#ffffffeb;box-shadow:inset 0 1px #ffffffd9,0 4px 14px #9b59b61f;transition:border-color .18s ease,box-shadow .18s ease}.wd-word-search__field:focus-within{border-color:#9b59b6a6;box-shadow:inset 0 1px #ffffffe6,0 0 0 3px #9b59b62e,0 6px 18px #9b59b629}.wd-word-search__icon{flex-shrink:0;color:var(--wd-gradient-start)}.wd-word-search__input{flex:1;min-width:0;border:none;background:transparent;color:var(--wd-text-accent);font-family:inherit;font-size:1rem;font-weight:var(--font-weight-bold, 700);outline:none}.wd-word-search__input::placeholder{color:#6a1b9a8c;font-family:var(--font-primary, "Lexend", sans-serif);font-weight:600}.wd-word-search__input::-webkit-search-cancel-button,.wd-word-search__input::-webkit-search-decoration{display:none}.wd-word-search__clear{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border:none;border-radius:999px;background:var(--wd-surface-tint);color:var(--wd-text-accent);cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .15s ease}.wd-word-search__clear:hover{background:#9b59b638;transform:scale(1.05)}.wd-word-search__clear:focus-visible{outline:2px solid var(--wd-gradient-start);outline-offset:2px}.wd-search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:9rem;padding:1.25rem 1rem;text-align:center}.wd-search-empty__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:999px;background:linear-gradient(135deg,#9b59b633,#8e44ad1f);color:var(--wd-gradient-start);box-shadow:0 6px 16px #9b59b62e}.wd-search-empty__title{margin:0;font-family:inherit;color:var(--wd-text-accent);font-size:1.05rem;font-weight:var(--font-weight-bold, 700)}.wd-search-empty__hint{margin:0;max-width:16rem;color:#666;font-family:var(--font-primary, "Lexend", sans-serif);font-size:.9rem;line-height:1.45}.wd-browse-shell{margin-bottom:.85rem}.wd-word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.65rem;padding:.35rem}.wd-word-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-height:92px;padding:.75rem .8rem .75rem .95rem;border-radius:14px;border:1.5px solid var(--wd-surface-border);border-left-width:4px;border-left-color:var(--wd-card-accent, var(--wd-gradient-start));background:linear-gradient(135deg,var(--wd-card-tint, rgba(255, 255, 255, .92)),rgba(255,255,255,.95));cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;font-family:inherit;text-align:left;box-shadow:inset 0 1px #ffffffd9,0 4px 12px #00000014;animation:gridEntrance .35s ease both;animation-delay:calc(var(--card-index, 1) * .03s)}.wd-word-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--wd-card-accent, var(--wd-gradient-start));opacity:.72;pointer-events:none}.wd-word-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffffe6,0 8px 20px color-mix(in srgb,var(--wd-card-accent, var(--wd-gradient-start)) 28%,transparent)}.wd-word-card--explored{border-color:color-mix(in srgb,var(--wd-card-accent, var(--wd-gradient-start)) 45%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--wd-card-accent, var(--wd-gradient-start)) 16%,white),#fffffff7)}.wd-word-card--science{--wd-card-accent: var(--wd-category-science-accent);--wd-card-tint: var(--wd-category-science-tint)}.wd-word-card--everyday{--wd-card-accent: var(--wd-category-everyday-accent);--wd-card-tint: var(--wd-category-everyday-tint)}.wd-word-card--medical{--wd-card-accent: var(--wd-category-medical-accent);--wd-card-tint: var(--wd-category-medical-tint)}.wd-word-card__word{font-family:"Baloo 2",Lexend,sans-serif;font-size:1rem;font-weight:var(--font-weight-bold, 700);color:var(--wd-text-accent);text-transform:capitalize}.wd-word-card__hint{font-size:.72rem;color:color-mix(in srgb,var(--wd-card-accent, #777) 48%,#666);font-family:var(--font-primary, "Lexend", sans-serif)}.wd-star-row{display:inline-flex;gap:.15rem}.wd-star-row__star--filled{color:#f5b301}.wd-star-row__star--empty{color:#00000026}.wd-hub-actions{display:flex;justify-content:center}.wd-random-btn{min-width:220px}.wd-word-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.wd-word-nav--in-card{padding:0 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,#fffffff7,#f8f0fcf0);position:relative;z-index:1}.wd-word-nav__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex:1;min-width:0;border:none;background:linear-gradient(135deg,var(--wd-gradient-start) 0%,var(--wd-gradient-end) 100%);color:#fff;border-radius:999px;padding:.75rem 1rem;font-family:inherit;font-size:.92rem;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:opacity .15s ease,transform .15s ease;box-shadow:0 4px 15px #0003,inset 0 1px #fff3}.wd-word-nav__btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.wd-word-nav__btn:not(:disabled):hover{transform:translateY(-2px)}.wd-detail-card{width:min(100%,560px);margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000026,inset 0 1px #ffffffe6}.wd-detail-card .word-detective{border-radius:0;box-shadow:none;margin:0;max-width:none;padding-bottom:.75rem}.wd-detail-shell .wd-detail-card{border-radius:16px}.wd-detail-progress{display:flex;justify-content:center;gap:.25rem;margin:-.35rem 0 .75rem}.wd-detail-progress__star--filled{color:#f5b301}.wd-detail-progress__star--empty{color:#0000001f}.wd-fun-speech{margin-top:.65rem}.wd-root-speech{margin:.35rem 0 .25rem;width:100%}.wd-root-speech .char-speech-bubble{font-size:.88rem}.wd-fun-speech .char-speech-bubble{font-size:.95rem;text-align:left}.word-definition .wd-fun-speech{width:100%;justify-content:flex-end}@media (max-width: 480px){.wd-hub-screen:not(.wd-hub-screen--portal-overlay),.wd-detail-shell:not(.wd-hub-screen--portal-overlay .wd-detail-shell){padding-inline:.75rem}.wd-hub-screen--portal-overlay .wd-detail-shell{padding-inline:0}.wd-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.root-part{min-width:92px;padding:.85rem 1.15rem}}@media (prefers-reduced-motion: reduce){.root-part{animation:none}}.wd-portal-overlay{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;overflow-y:auto;overscroll-behavior:contain;touch-action:manipulation;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.wd-portal-backdrop{position:fixed;inset:0;z-index:0;cursor:pointer;background:radial-gradient(ellipse 85% 70% at 50% 42%,rgba(26,10,46,.18) 0%,transparent 68%),#08041285;backdrop-filter:blur(10px) saturate(.85);-webkit-backdrop-filter:blur(10px) saturate(.85)}.wd-portal-close{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:2;width:40px;height:40px;border:none;border-radius:50%;background:#00000059;color:#ffffffeb;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px #00000047;transition:background .15s,color .15s,transform .15s}.wd-portal-close:hover{background:#00000080;color:#fff;transform:scale(1.05)}.wd-portal-modal{position:relative;z-index:1;width:min(100%,500px);max-height:min(85vh,calc(100dvh - 2rem));overflow-y:auto;border-radius:24px;flex-shrink:0;margin:auto}@media (max-width: 480px){.wd-portal-overlay{align-items:flex-end;padding:max(.5rem,env(safe-area-inset-top)) .5rem max(.5rem,env(safe-area-inset-bottom))}.wd-portal-modal{width:100%;max-height:min(90vh,calc(100dvh - 1rem));border-radius:24px 24px 0 0}}.game-play-shell{width:100%;max-width:700px;background:var(--color-white);border:6px solid;border-radius:var(--card-radius);padding:var(--card-padding-lg);box-shadow:var(--card-shadow-hover);position:relative;overflow:visible;box-sizing:border-box}@media (min-width: 769px){.game-play-shell{padding:2.5rem;border-radius:30px}}@media (max-width: 768px){.game-play-shell{padding:1.25rem}}@media (max-width: 480px){.game-play-shell{padding:1rem;border-width:4px;border-radius:20px}}@media (max-height: 500px) and (orientation: landscape){.game-play-shell{padding:.75rem}}@media (max-width: 360px){.game-play-shell{padding:.75rem;border-width:4px;border-radius:16px}}@media (max-width: 340px){.game-play-shell{padding:.5rem;border-width:3px;border-radius:12px}}@keyframes boardEntrance{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.word-display-section{margin-bottom:1.5rem}.game-board-question-slot{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:1.5rem}.game-board-mode-badge{font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#785028b3;background:linear-gradient(135deg,gold,orange);padding:3px 12px;border-radius:20px;box-shadow:0 2px 6px #ffa5004d}.word-display-container{min-height:100px;display:flex;align-items:center;justify-content:center}.word-points-preview{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.word-points-preview .points-label{color:#646464e6}.word-points-preview .points-value{color:#8b4513;background:linear-gradient(135deg,gold,orange);padding:.25rem .75rem;border-radius:20px;font-weight:700;box-shadow:0 2px 8px #ffd7004d}.word-display,.word-hidden{margin-bottom:1rem;text-align:center;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;background:var(--theme-rack-bg, linear-gradient(180deg, #F5E6D3 0%, #E8D4BE 30%, #DFC7A8 70%, #D4B896 100%));border:3px solid var(--theme-rack-border, #C9A87C);border-bottom-width:4px;border-radius:14px;padding:clamp(14px,3vw,20px) clamp(16px,4vw,24px);min-height:clamp(70px,15vw,90px);box-shadow:inset 0 2px 8px #ffffff80,inset 0 -2px 6px #8b5a2b26,0 4px 12px #8b5a2b33,0 1px 3px #0000001a}.word-display-tiles:before{content:"";position:absolute;inset:0;border-radius:11px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 40px,rgba(139,90,43,.03) 40px,rgba(139,90,43,.03) 80px);pointer-events:none}.word-display-tiles .word-tiles{background:none;border:none;box-shadow:none;padding:0}.word-display:before,.word-hidden:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 100%);pointer-events:none}.word-text{font-size:2.5rem;font-weight:700;color:#333;position:relative;z-index:1;text-shadow:2px 2px 4px rgba(0,0,0,.1);animation:wordPulse 2s ease-in-out infinite;word-break:break-word;overflow-wrap:break-word}@keyframes wordPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hidden-message{font-size:1.4rem;font-weight:600;color:#555;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.quick-actions{display:flex;gap:.5rem;justify-content:center;align-items:center}.quick-action-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:3px solid rgba(255,255,255,.4);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);touch-action:manipulation;flex-shrink:0;color:#fff;position:relative;overflow:hidden}.quick-action-btn:not(:hover){animation:gentleBounce 2s ease-in-out infinite}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.quick-action-btn:hover{transform:translateY(-4px) scale(1.15) rotate(-5deg);box-shadow:0 8px 20px #0000004d;border-color:#ffffffb3;animation:none}.quick-action-btn:active{transform:scale(.9);transition:transform .1s ease}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-action-btn.hear-btn{background:linear-gradient(135deg,#00b4d8,#0077b6);box-shadow:0 4px 12px #0077b659,inset 0 1px #fff3}.quick-action-btn.visibility-btn{position:relative;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 12px #6d28d959,inset 0 1px #fff3}.quick-action-btn.visibility-btn.active{background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:#ffd70080;box-shadow:0 4px 12px #a855f766,0 0 0 3px #ffd70026,inset 0 1px #ffffff40}.quick-action-btn.visibility-btn.used{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.7}.reveal-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:linear-gradient(135deg,#00bcd4,#0097a7);border-radius:9px;font-size:.7rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003,0 0 8px #00bcd480;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.quick-action-btn.hint-btn{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#92400e;box-shadow:0 4px 12px #f59e0b59,inset 0 1px #ffffff4d}.quick-action-btn.hint-btn.used{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#6b7280;box-shadow:none}.quick-action-btn.detective-btn{background:linear-gradient(135deg,#8a2be2,indigo);box-shadow:0 4px 12px #8a2be259,inset 0 1px #fff3}.quick-action-btn.detective-btn svg{color:gold;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}@media (max-width: 480px){.quick-action-btn{width:44px;height:44px}.quick-action-btn svg{width:20px;height:20px}}@media (max-width: 380px){.quick-action-btn{width:40px;height:40px}.quick-action-btn svg{width:18px;height:18px}}.action-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.action-button{font-size:1rem;font-weight:700;padding:.85rem 1.5rem;min-height:52px;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #00000040,inset 0 1px #fff3;display:flex;align-items:center;gap:.6rem;touch-action:manipulation;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px;font-family:"Baloo 2",Lexend,sans-serif}.action-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff4d;border-color:#ffffff80}.action-button:active{transform:translateY(-1px)}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.hint-button{color:#1a1a2e;text-shadow:0 1px 1px rgba(255,255,255,.3);border-color:#00000026}.hint-section{margin-top:1.25rem;padding:1rem;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:12px;animation:hintSlideIn .5s ease-out;display:flex;align-items:center;gap:.75rem}@keyframes hintSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hint-avatar{flex-shrink:0;filter:drop-shadow(1px 2px 4px rgba(0,0,0,.2))}.hint-text{font-size:1rem;color:#333;font-weight:600;text-align:center;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;flex:1}.hint-text strong{color:#d63031;font-size:1.1rem}.spelling-input-section{display:flex;flex-direction:column;gap:1rem}.input-label-section{display:flex;flex-direction:column;align-items:center;gap:.3rem}.input-label{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.4rem;font-weight:700;color:#2d3436;text-align:center;font-family:"Baloo 2",Lexend,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.05)}.input-label-icon{display:flex;align-items:center;justify-content:center;animation:wigglePencil 2s ease-in-out infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes wigglePencil{0%,to{transform:rotate(-5deg)}25%{transform:rotate(5deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.input-label-text{background:linear-gradient(135deg,#6c5ce7,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input-encouragement{font-size:.85rem;font-weight:500;color:#636e72;display:flex;align-items:center;gap:.3rem;animation:subtlePulse 3s ease-in-out infinite}.input-encouragement .sparkle{color:#f9ca24;animation:sparkleRotate 1.5s ease-in-out infinite}@keyframes subtlePulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes sparkleRotate{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(15deg)}}.input-tiles-wrapper{position:relative;cursor:text}.spelling-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:text;font-size:16px}.input-tiles-wrapper:focus-within .input-tiles-container{border-color:#667eea99;box-shadow:inset 0 2px 10px #0000001a,0 4px 20px #00000026,0 0 0 4px #667eea33}.input-points-preview{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;margin-top:-.5rem}.input-points-preview .preview-label{color:#666;font-weight:500}.input-points-preview .preview-value{color:#8b4513;background:linear-gradient(135deg,gold,orange);padding:.2rem .6rem;border-radius:15px;font-weight:700;font-size:.85rem;box-shadow:0 2px 6px #ffd7004d}.spelling-input{font-size:1.5rem;font-weight:600;padding:1rem;min-height:56px;border:4px solid #ddd;border-radius:12px;text-align:center;transition:all .3s ease;background:#f8f9fa;font-size:max(1.5rem,16px)}.spelling-input:focus{outline:none;background:#fff;box-shadow:0 0 0 4px #667eea33}.spelling-input.correct{border-color:#00b894!important;background:#d4edda;animation:correctShake .5s ease}.spelling-input.incorrect{border-color:#d63031!important;background:#f8d7da;animation:incorrectShake .5s ease}@keyframes correctShake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-1deg)}75%{transform:translate(5px) rotate(1deg)}}@keyframes incorrectShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.submit-button{font-size:1.4rem;font-weight:800;padding:1.1rem 2.5rem;min-height:62px;color:#fff;border:3px solid rgba(255,255,255,.4);border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 25px #0000004d,0 0 0 4px #4caf5033,inset 0 2px #ffffff40;display:flex;align-items:center;justify-content:center;gap:.75rem;touch-action:manipulation;font-family:"Baloo 2",Lexend,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:.75px;text-transform:uppercase;background:linear-gradient(145deg,#4caf50,#388e3c)!important;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:buttonShine 3s ease-in-out infinite}@keyframes buttonShine{0%,to{left:-100%}50%{left:150%}}.submit-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #0006,inset 0 2px #ffffff4d;border-color:#ffffff80}.submit-button:active:not(:disabled){transform:translateY(-1px) scale(1.01)}.submit-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.confetti-container{position:absolute;inset:-10%;pointer-events:none;z-index:100;overflow:visible;display:flex;align-items:center;justify-content:center}.confetti-portal{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:visible}.confetti-container--portal{position:fixed;inset:0;z-index:9998}.success-animation-portal{position:fixed;inset:0;pointer-events:none;z-index:9997;overflow:visible}.success-animation{position:absolute;top:25%;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;pointer-events:none;z-index:110}.success-animation--portal{position:fixed;top:25%;left:0;right:0;z-index:9997}.encouraging-word{font-size:2.8rem;font-weight:900;font-family:"Baloo 2",Lexend,sans-serif;color:#fff;letter-spacing:2px;text-transform:none;animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55);text-shadow:3px 3px 0 #E85A4F,-1px -1px 0 #FFB347,0 4px 15px rgba(0,0,0,.4);filter:drop-shadow(0 6px 20px rgba(255,107,107,.5));white-space:nowrap}@keyframes popIn{0%{transform:scale(0) rotate(-15deg);opacity:0}60%{transform:scale(1.3) rotate(5deg);opacity:1}80%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.points-fly-value{font-size:2.2rem;font-weight:800;font-family:"Baloo 2",Lexend,sans-serif;color:gold;background:linear-gradient(180deg,#ffe066,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(2px 2px 0 #CC8800) drop-shadow(0 4px 10px rgba(255,165,0,.5));letter-spacing:2px;animation:pointsPop .4s cubic-bezier(.68,-.55,.265,1.55) .2s both}@keyframes pointsPop{0%{transform:scale(0) translateY(20px);opacity:0}70%{transform:scale(1.2) translateY(-5px);opacity:1}to{transform:scale(1) translateY(0)}}.celebration-stars{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none}.celebration-star{position:absolute;font-size:2rem;animation:starBurst 1s ease-out forwards}@keyframes starBurst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{opacity:1}to{transform:translate(var(--star-x),var(--star-y)) scale(1) rotate(360deg);opacity:0}}@media (max-width: 480px){.encouraging-word{font-size:2.4rem;letter-spacing:2px}.points-fly-value{font-size:1.8rem}.celebration-star{font-size:1.5rem}}.confetti-particle{position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:3px}.floating-star{position:absolute;top:50%;filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}.feedback-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;backdrop-filter:blur(8px);border-radius:20px}.feedback-overlay.correct{background:linear-gradient(135deg,#00b894f2,#55efc4f2)}.feedback-overlay.incorrect{background:linear-gradient(135deg,#ff7675f2,#fd79a8f2)}.feedback-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center;color:#fff}.feedback-avatar{display:flex;align-items:center;justify-content:center;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.3))}.feedback-icon{display:flex;align-items:center;justify-content:center}.feedback-icon.correct-icon{color:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.6))}.feedback-icon.incorrect-icon{color:#fff}.feedback-text{font-size:1.4rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2);max-width:90%}.correct-word{font-size:1.1rem;font-weight:600;background:#fff3;padding:.5rem 1rem;border-radius:50px;margin-top:.5rem}.encouragement-avatar{margin-bottom:.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.encouragement-text{font-size:1.2rem!important;line-height:1.4;max-width:85%;text-align:center}.encouragement-extra{font-size:1rem;font-weight:500;color:#ffffffe6;margin-top:.25rem}.correct-word-section{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:.75rem;padding:.75rem 1.25rem;background:#ffffff26;border-radius:16px;backdrop-filter:blur(5px)}.correct-word-label{font-size:.85rem;font-weight:500;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.correct-word-display{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:2px;text-transform:lowercase;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.encouragement-tip{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;background:#ffd70033;border-radius:30px;font-size:.9rem;font-weight:500;color:#fffffff2;border:1px solid rgba(255,215,0,.3)}.encouragement-tip svg{color:gold;flex-shrink:0}.points-earned{margin-top:.5rem}.bonus-messages{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.bonus-tag{background:#ffffff40;color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(5px)}@media (min-width: 769px){.game-board{padding:2.5rem;border-radius:30px}.word-text{font-size:3rem}.hidden-message{font-size:1.6rem}.action-button{font-size:1.1rem;padding:.9rem 1.8rem}.spelling-input{font-size:1.8rem;padding:1.2rem}.submit-button{font-size:1.4rem;padding:1.2rem 2.5rem}.feedback-text{font-size:1.4rem}}@media (max-width: 768px){.game-board{padding:1.25rem}.word-text{font-size:2.2rem}.hidden-message{font-size:1.3rem}}@media (max-width: 480px){.game-board{padding:1rem;border-width:4px;border-radius:20px}.word-text{font-size:1.8rem}.spelling-input{font-size:1.25rem}.input-label{font-size:1.2rem;gap:.4rem}.input-label-icon svg{width:20px;height:20px}.input-encouragement{font-size:.75rem}.submit-button{font-size:1.1rem;padding:.875rem 1.5rem}.feedback-text{font-size:1.1rem}.hint-section{flex-direction:column;text-align:center}.feedback-content{padding:1.5rem;gap:.5rem}.feedback-avatar svg{width:48px;height:48px}.feedback-icon svg{width:36px;height:36px}.correct-word{font-size:.95rem}.confetti-particle{width:8px;height:8px}}@media (max-height: 500px) and (orientation: landscape){.game-board{padding:.75rem}.word-display,.word-hidden{margin-bottom:.5rem}.word-text{font-size:1.5rem}.word-display-section{margin-bottom:.75rem}.spelling-input-section{gap:.5rem}.input-label{font-size:1rem}.spelling-input{min-height:44px;padding:.5rem}.submit-button{min-height:44px;padding:.5rem 1rem}}.game-board.keyboard-visible{padding:.5rem;border-width:3px;border-radius:16px}.game-board.keyboard-visible .word-display-section{margin-bottom:.5rem}.game-board.keyboard-visible .word-points-preview{display:none}.game-board.keyboard-visible .word-display,.game-board.keyboard-visible .word-hidden{padding:.5rem .75rem;min-height:50px;margin-bottom:.5rem;border-width:2px}.game-board.keyboard-visible .word-tiles .letter-tile{transform:scale(.75);margin:-4px}.game-board.keyboard-visible .quick-actions{gap:.35rem}.game-board.keyboard-visible .quick-action-btn{width:36px;height:36px;border-width:2px}.game-board.keyboard-visible .quick-action-btn svg{width:16px;height:16px}.game-board.keyboard-visible .hint-section{display:none}.game-board.keyboard-visible .spelling-input-section{gap:.4rem}.game-board.keyboard-visible .input-label-section{display:none}.game-board.keyboard-visible .input-tiles-container{padding:.4rem .6rem;min-height:44px}.game-board.keyboard-visible .input-tiles-container .letter-tile{transform:scale(.7);margin:-5px}.game-board.keyboard-visible .submit-button{font-size:1rem;padding:.6rem 1.2rem;min-height:44px;letter-spacing:.5px}.game-board.keyboard-visible .submit-button:before{display:none}.game-board.keyboard-visible .input-points-preview{display:none}@media (max-width: 480px){.game-board.keyboard-visible{padding:.4rem;border-radius:12px;border-width:2px}.game-board.keyboard-visible .word-display-section{margin-bottom:.35rem}.game-board.keyboard-visible .word-display,.game-board.keyboard-visible .word-hidden{padding:.35rem .5rem;min-height:40px;margin-bottom:.35rem;border-radius:10px}.game-board.keyboard-visible .word-tiles .letter-tile{transform:scale(.6);margin:-6px}.game-board.keyboard-visible .quick-actions{gap:.25rem}.game-board.keyboard-visible .quick-action-btn{width:32px;height:32px;animation:none}.game-board.keyboard-visible .quick-action-btn svg{width:14px;height:14px}.game-board.keyboard-visible .spelling-input-section{gap:.3rem}.game-board.keyboard-visible .input-tiles-container{padding:.3rem .5rem;min-height:38px;border-radius:10px}.game-board.keyboard-visible .input-tiles-container .letter-tile{transform:scale(.6);margin:-6px}.game-board.keyboard-visible .submit-button{font-size:.9rem;padding:.5rem 1rem;min-height:40px;border-width:2px;border-radius:25px}}@media (max-width: 380px){.game-board.keyboard-visible{padding:.3rem}.game-board.keyboard-visible .word-display,.game-board.keyboard-visible .word-hidden{padding:.25rem .4rem;min-height:36px}.game-board.keyboard-visible .word-tiles .letter-tile{transform:scale(.5);margin:-8px}.game-board.keyboard-visible .quick-action-btn{width:28px;height:28px}.game-board.keyboard-visible .quick-action-btn svg{width:12px;height:12px}.game-board.keyboard-visible .input-tiles-container .letter-tile{transform:scale(.5);margin:-8px}.game-board.keyboard-visible .submit-button{font-size:.85rem;padding:.4rem .8rem;min-height:36px}}.word-detective-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem}.word-detective-modal{width:100%;max-width:500px;max-height:85vh;overflow-y:auto;border-radius:24px}@media (max-width: 480px){.word-detective-overlay{padding:.5rem;align-items:flex-end}.word-detective-modal{max-width:100%;max-height:90vh;border-radius:24px 24px 0 0}}@media (max-width: 360px){.game-board{padding:.75rem;border-width:4px;border-radius:16px}.word-display,.word-hidden{padding:.75rem .5rem;min-height:60px;border-width:2px;border-radius:10px}.word-display-tiles{overflow:hidden}.word-display-tiles .word-tiles{gap:2px;padding:0}.word-display-tiles .letter-tile,.word-display-tiles .gem-tile-container{flex-shrink:1;min-width:0}}@media (max-width: 340px){.game-board{padding:.5rem;border-width:3px;border-radius:12px}.word-display,.word-hidden{padding:.5rem .35rem;min-height:50px;border-width:2px;border-radius:8px}.word-display-tiles .word-tiles{gap:1px}.word-display-tiles .letter-tile{width:clamp(20px,5vw,28px)!important;font-size:clamp(.7rem,1.8vw,1rem)!important}.word-display-tiles .gem-tile-container{width:clamp(18px,4.5vw,26px)!important}}@media (prefers-reduced-motion: reduce){.game-board,.word-text,.action-button,.spelling-input,.submit-button,.feedback-message{animation:none;transition:none}}.game-action-buttons{display:flex;justify-content:center;gap:.75rem;margin-bottom:.75rem}.hint-shop-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid rgba(139,92,246,.3);border-radius:20px;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);color:#7c3aed;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf626}.hint-shop-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf633,#ec489933);border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf640;transform:translateY(-1px)}.hint-shop-btn:active:not(:disabled){transform:translateY(0)}.hint-shop-btn:disabled{opacity:.5;cursor:not-allowed}.hint-shop-btn:focus-visible{outline:3px solid rgba(139,92,246,.6);outline-offset:2px}.hint-shop-label{font-size:.8rem;font-weight:600}@media (max-width: 400px){.hint-shop-btn{padding:.4rem .75rem;font-size:.75rem}.hint-shop-label{font-size:.7rem}}.incorrect-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(4px);z-index:1000;padding:1rem}.incorrect-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;max-width:min(90vw,360px);background:linear-gradient(145deg,#fff5f5,#ffe4e6);border-radius:24px;border:3px solid #fda4af;box-shadow:0 20px 60px #f43f5e33,inset 0 1px #fffc;cursor:pointer}.incorrect-avatar{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.incorrect-message{margin:0;font-size:1.2rem;font-weight:700;font-family:"Baloo 2",Lexend,sans-serif;color:#be123c;text-align:center}.correct-spelling-box{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;padding:1rem;background:#fff;border-radius:16px;border:2px solid #fecdd3}.spelling-label{font-size:.8rem;font-weight:600;color:#9f1239;text-transform:uppercase;letter-spacing:.5px}.spelling-word{font-size:1.6rem;font-weight:800;font-family:"Baloo 2",Lexend,sans-serif;color:#be123c;letter-spacing:3px;text-transform:uppercase}.keep-going-note{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:#e11d48}.keep-going-note .heart-icon{color:#f43f5e;font-size:1rem}.continue-hint{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#9f1239;opacity:.7}.continue-hint svg{font-size:.8rem}.attempts-hearts{display:flex;align-items:center;gap:6px;justify-content:center}.heart-remaining{color:#f43f5e;font-size:1.5rem;filter:drop-shadow(0 0 4px rgba(244,63,94,.5))}.heart-lost{color:#94a3b8;font-size:1.5rem;opacity:.5}@media (max-width: 480px){.incorrect-card{padding:1.5rem;gap:.85rem}.incorrect-message{font-size:1.05rem}.correct-spelling-box{padding:.85rem}.spelling-word{font-size:1.4rem;letter-spacing:2px}}@media (max-height: 500px) and (orientation: landscape){.incorrect-card{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:70vw;padding:1rem 1.5rem;gap:.75rem}.incorrect-avatar{order:-1}.incorrect-message{flex:1;min-width:150px;font-size:1rem}.correct-spelling-box{width:auto;flex-direction:row;gap:.75rem;padding:.6rem 1rem}.spelling-word{font-size:1.2rem}.keep-going-note,.continue-hint{display:none}}.gmi-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0000009e;backdrop-filter:blur(4px);padding:24px}.gmi-card{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border-radius:28px;padding:36px 32px 28px;max-width:320px;width:100%;text-align:center;box-shadow:0 0 0 4px var(--gmi-color, #A855F7),0 24px 64px #00000073}.gmi-emoji{font-size:3.5rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.gmi-title{margin:0;font-size:1.45rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--gmi-color, #A855F7);line-height:1.15}.gmi-subtitle{margin:0;font-size:.88rem;font-weight:700;color:#666;line-height:1.35}.gmi-rule{margin:0;font-size:.95rem;font-weight:600;color:#555;line-height:1.45}.gmi-micro-lesson{margin:0;font-size:.82rem;font-weight:600;color:#777;line-height:1.4;font-style:italic}.gmi-cta{margin-top:6px;padding:10px 26px;border:none;border-radius:99px;background:var(--gmi-color, #A855F7);color:#fff;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--gmi-color, #A855F7) 45%,transparent);font-family:inherit;transition:box-shadow .15s}.gmi-cta:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--gmi-color, #A855F7) 60%,transparent)}.play-header-context-switcher{position:relative;flex-shrink:0}.level-badge-wrapper,.play-header-context-switcher{position:relative}.level-badge{padding:.6rem 1.2rem;border-radius:50px;box-shadow:0 4px 15px #0003;display:flex;align-items:center;gap:.4rem;border:none;cursor:default;font-family:inherit;transition:box-shadow .2s ease}.level-badge.clickable{cursor:pointer}.level-badge.clickable:hover{box-shadow:0 6px 20px #00000040}.level-badge-caret{display:flex;align-items:center;margin-left:.25rem}.level-badge-text{font-size:1.1rem;font-weight:700;color:#333}.level-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003,0 4px 12px #0000001a;z-index:100;min-width:220px;max-height:320px;overflow:hidden;display:flex;flex-direction:column}.level-dropdown-header{padding:.75rem 1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e0e0e0;font-size:.8rem;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px}.level-dropdown-list{overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.level-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:none;background:transparent;border-radius:10px;cursor:pointer;font-family:inherit;width:100%;text-align:left;transition:background .15s ease}.level-dropdown-item:hover{background:#f5f5f5}.level-dropdown-item.current{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.level-dropdown-item.level-dropdown-item--locked{cursor:not-allowed;opacity:.65}.level-dropdown-item.level-dropdown-item--locked:hover{background:transparent}.level-dropdown-item.level-dropdown-item--locked .level-dropdown-name{color:#888}.level-dropdown-lock{display:flex;flex-shrink:0;align-items:center;margin-left:auto}.level-dropdown-color{width:24px;height:24px;border-radius:50%;box-shadow:0 2px 6px #00000026;flex-shrink:0}.level-dropdown-name{font-size:.95rem;font-weight:600;color:#333;flex:1}.level-dropdown-current-badge{font-size:.7rem;font-weight:700;color:#1976d2;background:#1976d21a;padding:.2rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}@media (max-width: 480px){.level-dropdown{min-width:200px;max-height:280px;border-radius:14px}.level-dropdown-header{padding:.6rem .75rem;font-size:.75rem}.level-dropdown-item{padding:.5rem .6rem;gap:.6rem}.level-dropdown-color{width:20px;height:20px}.level-dropdown-name{font-size:.85rem}.level-badge-caret{margin-left:.15rem}.level-badge-caret svg{width:12px;height:12px}}@media (prefers-reduced-motion: reduce){.level-dropdown,.level-badge{animation:none;transition:none}}.progress-tracker{width:100%;max-width:700px;background:#fff;border-radius:16px;padding:.75rem 1rem;margin-bottom:1rem;box-shadow:0 4px 20px #00000026;animation:trackerSlideDown .4s ease-out;position:relative;overflow:visible}@keyframes trackerSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.progress-compact-header{display:flex;align-items:center;gap:.75rem}.progress-compact-stats{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.compact-progress{font-size:.85rem;font-weight:700;color:#555;white-space:nowrap}.compact-progress-bar{flex:1;height:6px;border-radius:3px;overflow:hidden;min-width:40px;max-width:120px}.compact-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.compact-accuracy{font-size:.75rem;font-weight:600;color:#888;white-space:nowrap}.progress-avatar-compact{flex-shrink:0}.progress-expand-btn{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#f0f0f0;border-radius:50%;cursor:pointer;color:#666;flex-shrink:0;transition:all .2s ease}.progress-expand-btn:hover{background:#e0e0e0}.progress-details{overflow:hidden;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #eee}.level-info{display:none}.level-description-small{font-size:.9rem;color:#666;font-weight:500;flex:1;min-width:150px;margin:0}.progress-avatar{margin-left:auto;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.2));flex-shrink:0;display:flex;align-items:center;justify-content:center}.progress-stats{display:flex;justify-content:space-around;margin-bottom:1rem;gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.stat-label{font-size:.8rem;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;color:#333}.progress-bar-container{width:100%;height:16px;background:#e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:1rem;box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{height:100%;border-radius:8px;transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.word-indicators{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.word-indicator{width:44px;height:44px;border-radius:10px;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 10px #00000026;display:flex;align-items:center;justify-content:center}.word-indicator.correct{transform:scale(1.05);animation:indicatorPop .6s cubic-bezier(.34,1.56,.64,1)}.word-indicator.incorrect{background:#ef5350!important;transform:scale(1.05);animation:indicatorShake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes indicatorPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1.05)}}@keyframes indicatorShake{0%,to{transform:translate(0) scale(1.05)}20%,60%{transform:translate(-4px) scale(1.05)}40%,80%{transform:translate(4px) scale(1.05)}}.word-indicator.pending{background:#e0e0e0;opacity:.7}.word-indicator.pending.current{background:linear-gradient(145deg,#ffe082,#ffd54f);opacity:1;animation:currentPulse 1.5s ease-in-out infinite;box-shadow:0 4px 15px #ffc10766}@keyframes currentPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #ffc10766}50%{transform:scale(1.08);box-shadow:0 6px 20px #ffc10799}}.pending-number{font-size:.85rem;font-weight:600;color:#999}.word-indicator.pending.current .pending-number{color:#ff8f00;font-weight:700}@media (min-width: 769px){.progress-tracker{padding:1rem 1.25rem}.progress-expand-btn{display:none}.progress-details{display:block;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #eee}.progress-compact-stats .compact-progress-bar{max-width:150px}}@media (max-width: 768px){.progress-tracker{padding:.6rem .75rem;border-radius:14px;margin-bottom:.75rem}.progress-expand-btn{display:flex}.progress-compact-header{gap:.5rem}.level-badge{padding:.4rem .7rem;border-radius:20px;box-shadow:0 2px 8px #00000026}.level-badge-text,.compact-progress{font-size:.8rem}.compact-accuracy{font-size:.7rem}.progress-stats{margin-bottom:.5rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.65rem}.progress-bar-container{height:10px;margin-bottom:.5rem}.word-indicators{gap:.35rem}.word-indicator{width:28px;height:28px;border-radius:6px}.word-indicator svg{width:12px;height:12px}.pending-number{font-size:.7rem}}@media (max-width: 480px){.progress-tracker{padding:.5rem .6rem;border-radius:12px;margin-bottom:.5rem}.progress-compact-header{gap:.4rem}.level-badge{padding:.35rem .6rem;gap:.25rem}.level-badge svg:first-child{width:14px;height:14px}.level-badge-text{font-size:.75rem}.level-badge-caret svg{width:10px;height:10px}.compact-progress-bar{max-width:60px}.compact-progress{font-size:.75rem}.compact-accuracy,.progress-avatar-compact{display:none}.progress-expand-btn{width:24px;height:24px}.progress-expand-btn svg{width:12px;height:12px}.progress-details{margin-top:.5rem;padding-top:.5rem}.progress-stats{gap:.4rem;margin-bottom:.4rem}.stat-value{font-size:1rem}.progress-bar-container{height:8px;margin-bottom:.4rem}.word-indicators{gap:.25rem}.word-indicator{width:24px;height:24px;border-radius:5px;box-shadow:0 2px 6px #0000001a}.word-indicator svg{width:10px;height:10px}.pending-number{font-size:.6rem}}@media (max-width: 360px){.level-badge-text,.compact-progress{font-size:.7rem}.word-indicator{width:22px;height:22px}}@media (max-height: 500px){.progress-tracker{padding:.4rem .5rem;margin-bottom:.4rem}.progress-tracker.collapsed .progress-details{display:none}.progress-expand-btn{display:flex}}.keyboard-active .progress-tracker{padding:.35rem .5rem;margin-bottom:.25rem}.keyboard-active .progress-tracker .progress-details{display:none!important}.keyboard-active .progress-tracker .progress-expand-btn,.keyboard-active .progress-tracker .progress-avatar-compact,.keyboard-active .progress-tracker .compact-progress-bar{display:none}.keyboard-active .progress-tracker .level-badge{padding:.25rem .5rem}.keyboard-active .progress-tracker .level-badge-text,.keyboard-active .progress-tracker .compact-progress{font-size:.7rem}@media (prefers-reduced-motion: reduce){.progress-tracker,.progress-bar-fill,.word-indicator.completed,.level-dropdown,.level-badge{animation:none;transition:none}}.celebration-screen{width:100%;min-height:100%;flex:1;display:flex;justify-content:center;align-items:center;position:relative;padding:1rem;overflow:hidden}.celebration-rays{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;overflow:hidden}.celebration-ray{position:absolute;width:10%;height:200%;transform-origin:center center;transform:rotate(calc(var(--ray-index) * 30deg));opacity:.3;animation:rayPulse 3s ease-in-out infinite;animation-delay:calc(var(--ray-index) * .1s)}@keyframes rayPulse{0%,to{opacity:.2}50%{opacity:.5}}.celebration-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,var(--level-color, rgba(255, 215, 0, .15)) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,107,157,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(102,126,234,.1) 0%,transparent 60%);animation:bgPulse 4s ease-in-out infinite;pointer-events:none}@keyframes bgPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.balloons-container{position:absolute;inset:0;pointer-events:none;z-index:10}.celebration-balloon{position:absolute;pointer-events:auto;background:none;border:none;cursor:pointer;color:var(--balloon-color);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:filter .2s ease;padding:0;display:flex;flex-direction:column;align-items:center}.celebration-balloon:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3)) brightness(1.1)}.celebration-balloon:active{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.balloon-string{width:2px;height:30px;background:linear-gradient(to bottom,var(--balloon-color) 0%,rgba(0,0,0,.3) 100%);border-radius:1px;margin-top:-5px}.balloon-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;pointer-events:none;white-space:nowrap;backdrop-filter:blur(4px)}.firework-marker{position:absolute;font-size:3rem;pointer-events:none;z-index:5}.glowing-orbs-container{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.glowing-orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.5;box-shadow:0 0 30px var(--orb-color, rgba(255, 215, 0, .5)),0 0 60px var(--orb-color, rgba(255, 215, 0, .3))}.shooting-stars-container{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.shooting-star{position:absolute;display:flex;align-items:center;transform:rotate(var(--star-angle, 45deg));filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}.star-trail{width:60px;height:2px;background:linear-gradient(90deg,rgba(255,215,0,.8) 0%,rgba(255,215,0,.4) 30%,rgba(255,255,255,.2) 70%,transparent 100%);margin-left:-8px;border-radius:2px}.emoji-rain-container{position:absolute;inset:0;pointer-events:none;z-index:25;overflow:hidden}.emoji-rain-particle{position:absolute;top:0;font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));z-index:25}.celebration-content{max-width:420px;min-width:320px;min-height:400px;width:100%;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:24px;padding:1.5rem;text-align:center;position:relative;z-index:20;box-shadow:0 0 0 3px #ffd7004d,0 0 40px var(--level-color, rgba(255, 215, 0, .3)),0 20px 60px #00000080,inset 0 1px #ffffff1a;animation:cardSlam .5s cubic-bezier(.34,1.56,.64,1)}@keyframes cardSlam{0%{opacity:0;transform:scale(1.5) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.level-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:50px;font-weight:700;font-size:.95rem;color:#fff;margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.trophy-section{position:relative;margin-bottom:.75rem}.trophy-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.trophy-icon{position:relative;z-index:1;animation:trophyBounce 1s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(255,215,0,.5))}@keyframes trophyBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.celebration-title{font-family:"Baloo 2",Lexend,sans-serif;font-size:2rem;font-weight:700;color:gold;margin:0 0 .25rem;text-shadow:0 2px 10px rgba(255,215,0,.5);animation:titlePop .6s cubic-bezier(.34,1.56,.64,1) .2s backwards}.celebration-title.perfect{background:linear-gradient(90deg,gold,#fff8dc,gold,orange,gold);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePop .6s cubic-bezier(.34,1.56,.64,1) .2s backwards,goldShimmer 3s linear infinite}@keyframes goldShimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes titlePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.celebration-avatar{margin-bottom:1rem}.celebration-avatar-icon{display:inline-block}.celebration-avatar-text{font-size:.9rem;color:#fffc;font-style:italic;margin:.5rem 0 0}.stars-row{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem}.star-slot{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.star-slot.earned{background:linear-gradient(135deg,gold,orange);border-color:gold;box-shadow:0 0 20px #ffd70080,0 0 40px #ffd7004d}.star-slot.earned svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.star-slot:not(.earned) svg{opacity:.2}.score-section{background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:16px;padding:1rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1)}.score-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.score-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.score-label{font-size:.9rem;color:#ffffffb3;font-weight:500}.score-value{font-family:"Baloo 2",Lexend,sans-serif;font-size:1.4rem;font-weight:700;color:#fff}.score-value.highlight{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.accuracy-bar{width:100%;height:10px;background:#ffffff1a;border-radius:5px;margin-top:.5rem;overflow:hidden}.accuracy-fill{height:100%;border-radius:5px;box-shadow:0 0 10px currentColor}.xp-section{background:linear-gradient(135deg,#ffd70033,#ffa50026);border-radius:16px;padding:.85rem 1.25rem;margin-bottom:1rem;border:2px solid rgba(255,215,0,.4);display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.xp-icon{color:gold;animation:coinSpin 2s linear infinite}@keyframes coinSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.xp-amount{font-family:"Baloo 2",Lexend,sans-serif;font-size:1.6rem;font-weight:700;color:gold;text-shadow:0 2px 10px rgba(255,215,0,.5)}.xp-label{font-size:.85rem;color:#fff9}.bonus-badge{background:linear-gradient(135deg,#ff6b9d,#ff8e53);color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:700;animation:bonusPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes bonusPop{0%{transform:scale(0)}to{transform:scale(1)}}.rank-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#8a2be24d,#4b00824d);border-radius:50px;border:1px solid rgba(138,43,226,.5);margin-bottom:1rem}.rank-emoji{font-size:1.2rem}.rank-name{font-weight:700;color:plum;font-size:.9rem}.rank-progress{font-size:.75rem;color:#ffffff80}.celebration-message{color:#fffc;font-size:.95rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem;align-items:center}.share-nudge-button{background:none;border:none;padding:0 8px;min-height:44px;font-size:.82rem;font-weight:600;color:#ffffffbf;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:5px;transition:color .2s ease;text-decoration:underline;text-underline-offset:3px}.share-nudge-button:hover{color:#fff}.continue-button{flex:1;max-width:220px;font-family:"Baloo 2",Lexend,sans-serif;font-size:1.1rem;font-weight:700;padding:.9rem 1.5rem;color:#fff;border:none;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #0000004d,inset 0 1px #fff3}.continue-button.primary{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 4px 20px #4caf5066,inset 0 1px #fff3}.continue-button.secondary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea66,inset 0 1px #fff3}.continue-button{position:relative;overflow:hidden}.continue-button .button-content{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem}.auto-continue-progress{position:absolute;top:0;left:0;height:100%;background:#ffffff40;transition:width 50ms linear;pointer-events:none}.continue-button.auto-continue-active{animation:autoContinuePulse 1s ease-in-out infinite}@keyframes autoContinuePulse{0%,to{box-shadow:0 4px 20px #4caf5066,inset 0 1px #fff3}50%{box-shadow:0 4px 30px #4caf5099,0 0 0 4px #4caf5033,inset 0 1px #fff3}}.continue-button.secondary.auto-continue-active{animation:autoContinuePulseSecondary 1s ease-in-out infinite}@keyframes autoContinuePulseSecondary{0%,to{box-shadow:0 4px 20px #667eea66,inset 0 1px #fff3}50%{box-shadow:0 4px 30px #667eea99,0 0 0 4px #667eea33,inset 0 1px #fff3}}.celebration-confetti,.celebration-confetti--left,.celebration-confetti--right,.level-completed,.completed-text,.completed-level,.score-display,.score-circle,.score-percentage,.score-fraction,.points-section,.points-earned-row,.points-label,.points-total-row,.total-label,.total-value,.rank-display{display:none}@media (max-width: 480px){.celebration-content{padding:1.25rem;border-radius:20px}.celebration-title{font-size:1.6rem}.star-slot{width:44px;height:44px}.star-slot svg{width:28px;height:28px}.score-value{font-size:1.2rem}.xp-amount{font-size:1.4rem}.continue-button{font-size:1rem;padding:.75rem 1.25rem}.action-buttons{flex-direction:column}.continue-button{max-width:100%}.balloon-hint{font-size:.75rem;bottom:10px}.celebration-balloon{transform:scale(.8)}}@media (prefers-reduced-motion: reduce){.celebration-screen:before,.celebration-content,.trophy-glow,.trophy-icon,.celebration-title,.celebration-title.perfect,.celebration-avatar-icon,.star-slot.earned,.xp-icon,.celebration-ray,.bonus-badge,.glowing-orb,.shooting-star,.emoji-rain-particle{animation:none}.celebration-balloon{animation:none!important}.shooting-stars-container,.emoji-rain-container,.glowing-orbs-container{display:none}}.mini-celebration{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 2rem;max-width:min(90vw,380px);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 20px 60px #00000026,0 0 0 4px #667eea33,inset 0 1px #fffc;overflow:hidden}.mini-celebration-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;color:#fff;font-size:1rem;cursor:pointer;box-shadow:0 2px 8px #ef44444d,inset 0 1px #fff3;z-index:10}.mini-celebration-close:hover{box-shadow:0 4px 12px #ef444466,inset 0 1px #ffffff4d}.celebration-header{display:flex;align-items:center;gap:.75rem}.celebration-phrase{font-size:1.5rem;font-weight:800;font-family:"Baloo 2",Lexend,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.celebration-star{font-size:1.4rem;color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.4))}.fun-fact-section{width:100%;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;border:2px solid #fbbf24}.fun-fact-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.65rem}.fun-fact-icon{font-size:1.1rem;color:#d97706;flex-shrink:0}.fun-fact-label{font-size:.78rem;font-weight:800;color:#92400e;text-transform:uppercase;letter-spacing:.6px;flex:1}.fun-fact-origin-chip{font-size:.68rem;font-weight:800;border-radius:20px;padding:2px 9px;text-transform:uppercase;letter-spacing:.05em}.fun-fact-root-row{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:.65rem;flex-wrap:wrap}.fun-fact-root{font-size:1.6rem;font-weight:900;color:#92400e;font-family:"Baloo 2",Lexend,sans-serif;letter-spacing:.04em;background:linear-gradient(135deg,#d97706,#b45309);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fun-fact-equals{font-size:1.2rem;font-weight:700;color:#b45309;opacity:.6}.fun-fact-meaning{font-size:1.2rem;font-weight:900;color:#78350f;letter-spacing:.06em}.fun-fact-examples{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:.6rem}.fun-fact-chip{font-size:.72rem;font-weight:800;background:#92400e1f;border:1.5px solid rgba(146,64,14,.25);color:#78350f;border-radius:12px;padding:4px 10px;letter-spacing:.05em}.fun-fact-spotit{display:flex;align-items:center;gap:5px;margin:0;font-size:.8rem;font-weight:600;color:#92400e;line-height:1.35;font-style:italic}.fun-fact-spotit svg{flex-shrink:0;font-size:.9rem;color:#d97706}.fun-fact-text{margin:0;font-size:1rem;font-weight:600;color:#78350f;line-height:1.4;text-align:center}.celebration-progress{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#64748b}.progress-count{font-weight:700;color:#6366f1}.progress-divider{color:#cbd5e1}.progress-remaining{font-weight:500}.continue-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1rem;font-weight:700;font-family:"Baloo 2",Lexend,sans-serif;border-radius:50px;border:none;cursor:pointer;box-shadow:0 4px 15px #6366f14d,inset 0 1px #fff3;transition:box-shadow .2s ease}.continue-button:hover{box-shadow:0 6px 20px #6366f166,inset 0 1px #ffffff4d}.continue-icon{font-size:.9rem;color:#fbbf24}.auto-dismiss-bar{width:100%;height:4px;background:#0000001a;border-radius:2px;overflow:hidden;margin-top:-4px}.auto-dismiss-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:2px;opacity:.5}.mini-celebration:before{content:"";position:fixed;inset:0;background:#0000004d;z-index:-1;pointer-events:none}@media (max-width: 480px){.mini-celebration{padding:1.25rem 1.5rem;gap:.85rem;max-width:calc(100vw - 2rem)}.celebration-phrase{font-size:1.3rem}.celebration-star{font-size:1.2rem}.fun-fact-section{padding:.85rem}.fun-fact-text{font-size:.95rem}.celebration-progress{font-size:.8rem}.continue-button{padding:.65rem 1.25rem;font-size:.9rem}}@media (max-width: 360px){.mini-celebration{padding:1rem 1.25rem;gap:.75rem}.celebration-phrase{font-size:1.15rem}.celebration-star{font-size:1rem}.fun-fact-section{padding:.75rem}.fun-fact-label{font-size:.75rem}.fun-fact-text{font-size:.9rem}.celebration-progress{flex-wrap:wrap;justify-content:center;gap:.25rem}}@media (max-height: 500px) and (orientation: landscape){.mini-celebration{top:50%;padding:1rem 1.5rem;gap:.6rem;max-width:50vw}.celebration-phrase{font-size:1.1rem}.fun-fact-section{padding:.6rem .75rem}.fun-fact-text{font-size:.85rem}.celebration-progress{font-size:.75rem}.continue-button{padding:.5rem 1rem;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.mini-celebration{transition:opacity .2s ease}.celebration-star{animation:none}}.level-up-portal{position:fixed;inset:0;z-index:10000;pointer-events:none}.level-up-portal .level-up-overlay{pointer-events:auto}.level-up-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.level-up-content{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;padding:2.5rem 2rem;text-align:center;max-width:360px;width:100%;box-shadow:0 20px 60px #00000080,0 0 40px #ffd70033;overflow:hidden}.level-up-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(255,215,0,.4))}.level-up-title{font-size:2.5rem;font-weight:800;color:gold;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(255,215,0,.5)}.level-up-subtitle{font-size:1.25rem;color:#fffc;margin:0 0 1rem}.level-up-badge{display:inline-flex;flex-direction:column;align-items:center;padding:1.25rem 2.5rem;border-radius:16px;margin:1rem 0;box-shadow:0 8px 24px #0000004d,inset 0 1px #fff3}.level-up-badge-text{font-size:2rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.level-up-badge-label{font-size:.875rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}.level-up-message{font-size:1.1rem;color:#ffffffb3;margin:1rem 0 1.5rem}.level-up-button{padding:1rem 2.5rem;font-size:1.25rem;font-weight:700;color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #0000004d,inset 0 1px #fff3;transition:transform .2s,box-shadow .2s}.level-up-button:hover{box-shadow:0 6px 20px #0006,inset 0 1px #ffffff4d}.level-up-button:focus-visible{outline:3px solid white;outline-offset:3px}.level-up-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-particle{position:absolute;top:0;width:10px;height:10px;border-radius:2px}@media (max-width: 480px){.level-up-content{padding:2rem 1.5rem}.level-up-icon{font-size:3rem}.level-up-title{font-size:2rem}.level-up-badge-text{font-size:1.75rem}.level-up-button{padding:.875rem 2rem;font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.level-up-confetti{display:none}}.header-gem{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-gem-crystal{position:relative;width:100%;height:100%;clip-path:polygon(50% 0%,95% 30%,95% 70%,50% 100%,5% 70%,5% 30%);background:linear-gradient(145deg,#22d3ee,#0891b2 60%,#0e7490);filter:drop-shadow(0 2px 4px rgba(8,145,178,.4));transition:transform .2s ease,filter .2s ease}.header-gem-facet-top{position:absolute;top:8%;left:50%;transform:translate(-50%);width:50%;height:30%;clip-path:polygon(50% 0%,100% 100%,0% 100%);background:linear-gradient(180deg,#ffffffb3,#fff3);pointer-events:none}.header-gem-facet-left{position:absolute;top:30%;left:5%;width:35%;height:35%;clip-path:polygon(0% 0%,100% 20%,100% 80%,0% 100%);background:linear-gradient(135deg,#fff6,#ffffff0d);pointer-events:none}.header-gem-sparkle{position:absolute;top:10%;right:15%;width:4px;height:4px;pointer-events:none;z-index:10}.header-gem-sparkle:before,.header-gem-sparkle:after{content:"";position:absolute;background:#fff;border-radius:1px}.header-gem-sparkle:before{width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.header-gem-sparkle:after{width:1.5px;height:100%;left:50%;top:0;transform:translate(-50%)}.header-gem.receiving .header-gem-crystal{filter:drop-shadow(0 2px 8px rgba(8,145,178,.6)) brightness(1.2);animation:headerGemPulse .6s ease-out}.header-gem.spending .header-gem-crystal{filter:drop-shadow(0 1px 3px rgba(8,145,178,.3)) brightness(.9)}@keyframes headerGemPulse{0%,to{filter:drop-shadow(0 2px 4px rgba(8,145,178,.4)) brightness(1)}50%{filter:drop-shadow(0 2px 12px rgba(8,145,178,.8)) brightness(1.3)}}.header-gem-crystal{animation:headerGemIdle 3s ease-in-out infinite}@keyframes headerGemIdle{0%,to{filter:drop-shadow(0 2px 4px rgba(8,145,178,.4)) brightness(1)}50%{filter:drop-shadow(0 2px 6px rgba(8,145,178,.5)) brightness(1.05)}}.floating-points-container{position:relative;display:inline-flex;align-items:center;gap:.35rem;height:44px;background:linear-gradient(135deg,#fffffff2,#ffffffe0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.6);border-radius:22px;padding:0 .6rem;box-shadow:0 4px 15px #0000001a,inset 0 1px #ffffffe6}.points-section{position:relative;display:flex;align-items:center;will-change:transform}.points-section.receiving{z-index:10}.burst-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,188,212,.8);pointer-events:none;z-index:5}.sparkles-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:20}.sparkle-particle{position:absolute;color:#4dd0e1;font-size:.85rem;filter:drop-shadow(0 0 6px rgba(77,208,225,.9)) drop-shadow(0 0 12px rgba(0,188,212,.5))}.earned-points-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:1.5rem;font-weight:900;font-family:"Baloo 2",Lexend,sans-serif;color:#00bcd4;white-space:nowrap;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.3),0 0 20px rgba(0,188,212,.9),0 0 40px rgba(0,188,212,.7),0 0 60px rgba(0,188,212,.5),2px 2px 0 rgba(255,255,255,.9),-2px -2px 0 rgba(255,255,255,.9);z-index:100}.spent-points-popup{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:1.4rem;font-weight:900;font-family:"Baloo 2",Lexend,sans-serif;color:#ef4444;white-space:nowrap;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.3),0 0 16px rgba(239,68,68,.8),0 0 32px rgba(239,68,68,.6),0 0 48px rgba(239,68,68,.4),2px 2px 0 rgba(255,255,255,.9),-2px -2px 0 rgba(255,255,255,.9);z-index:100}.icon-wrapper.spending{filter:hue-rotate(-30deg) saturate(1.5)}.points-icon.spending{color:#ef4444!important;will-change:transform,opacity}.number-receiving{font-weight:800}.points-display{display:flex;align-items:center;gap:.25rem;padding:.15rem .35rem;border-radius:12px;transition:transform .2s ease;will-change:transform;transform:translateZ(0)}.icon-wrapper{display:flex;align-items:center;justify-content:center;will-change:transform}.points-icon{width:18px;height:18px;flex-shrink:0;transition:filter .3s ease}.points-value{font-size:.9rem;font-weight:700;font-family:"Baloo 2",Lexend,sans-serif;line-height:1;font-variant-numeric:tabular-nums;min-width:2ch}.gem-icon{color:#00bcd4;filter:drop-shadow(0 1px 3px rgba(0,188,212,.4));transition:color .3s ease,filter .3s ease}.gem-icon.receiving{color:#4dd0e1;filter:drop-shadow(0 0 12px rgba(77,208,225,1)) drop-shadow(0 0 24px rgba(0,188,212,.8)) drop-shadow(0 0 36px rgba(0,188,212,.6));animation:gemPulse .4s ease-in-out infinite}@keyframes gemPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.icon-wrapper.receiving{filter:brightness(1.4)}.session-display .points-value{color:#333;font-weight:700}.trophy-icon{color:#ffb300;filter:drop-shadow(0 1px 2px rgba(255,179,0,.3))}.highscore-display .points-value{color:#333;font-weight:700}.highscore-display.new-highscore .trophy-icon{color:gold;filter:drop-shadow(0 2px 8px rgba(255,215,0,.7));animation:trophyCelebrate .5s ease-out}@keyframes trophyCelebrate{0%{transform:scale(1)}50%{transform:scale(1.3)}75%{transform:scale(1.3) rotate(-5deg)}to{transform:scale(1) rotate(0);filter:drop-shadow(0 2px 12px rgba(255,215,0,.8))}}.new-badge{font-size:.55rem;font-weight:800;font-family:"Baloo 2",Lexend,sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,gold,#ff8c00);padding:.12rem .3rem;border-radius:6px;margin-left:.25rem;box-shadow:0 2px 8px #ff8c0066,inset 0 1px #ffffff4d;will-change:transform}.points-divider{width:1px;height:16px;background:#0000001a;border-radius:1px}.highscore-celebration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:30}.celebration-sparkle{position:absolute;font-size:.8rem;filter:drop-shadow(0 0 6px rgba(255,215,0,.8))}@media (max-width: 768px){.floating-points-container{height:40px;gap:.4rem;padding:0 .6rem;border-radius:20px}.points-display{padding:.15rem .4rem;gap:.25rem}.points-icon{width:16px;height:16px}.points-value{font-size:.8rem}.earned-points-popup{font-size:1rem}.new-badge{font-size:.5rem;padding:.1rem .25rem}.points-divider{height:16px}.sparkle-particle{font-size:.6rem}}@media (max-width: 480px){.floating-points-container{height:34px;gap:.25rem;padding:0 .4rem;border-radius:17px}.points-display{padding:.08rem .2rem;gap:.15rem}.points-icon{width:13px;height:13px}.points-value{font-size:.7rem}.earned-points-popup{font-size:.85rem}.new-badge{display:none}.points-divider{height:12px;margin:0 .1rem}.highscore-display,.points-divider{display:none}}@media (max-width: 380px){.floating-points-container{height:30px;gap:.2rem;padding:0 .35rem;border-radius:15px}.points-display{gap:.1rem;padding:.05rem .15rem}.points-icon{width:12px;height:12px}.points-value{font-size:.65rem}.session-icon,.trophy-icon{animation:none}}@media (max-width: 340px){.floating-points-container{height:28px;padding:0 .3rem;border-radius:14px}.points-icon{width:11px;height:11px}.points-value{font-size:.6rem}}@media (prefers-reduced-motion: reduce){.session-icon,.trophy-icon{animation:none}.earned-points-popup,.sparkle-particle,.celebration-sparkle{transition:none}.highscore-display.new-highscore,.highscore-display.new-highscore .trophy-icon{animation:none}}.flying-points-portal{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.flying-point-particle{position:absolute;transform:translate(-50%,-50%);will-change:transform,opacity}.coin-icon{width:28px;height:28px;color:gold;filter:drop-shadow(0 2px 8px rgba(255,215,0,.8)) drop-shadow(0 0 16px rgba(255,193,7,.5))}.flying-points-value{position:absolute;transform:translate(-50%,-50%);font-size:2rem;font-weight:800;font-family:"Baloo 2",Lexend,sans-serif;color:#43a047;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.2),0 0 20px rgba(76,175,80,.6),0 0 40px rgba(76,175,80,.4),2px 2px 0 rgba(255,255,255,.8),-2px -2px 0 rgba(255,255,255,.8);will-change:transform,opacity}@media (max-width: 768px){.coin-icon{width:24px;height:24px}.flying-points-value{font-size:1.6rem}}@media (max-width: 480px){.coin-icon{width:20px;height:20px}.flying-points-value{font-size:1.4rem}}@media (prefers-reduced-motion: reduce){.flying-point-particle,.flying-points-value{transition:none}}.unlock-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:500}.unlock-modal{background:#fff;border-radius:24px;padding:28px 28px 20px;max-width:380px;width:100%;text-align:center;box-shadow:0 24px 64px #00000047;display:flex;flex-direction:column;gap:10px}.unlock-modal-avatar{display:flex;justify-content:center;margin-bottom:2px}.unlock-modal-title{font-size:1.5rem;font-weight:800;color:#2d3748;margin:0;line-height:1.2}.unlock-modal-near-miss{font-size:1rem;color:#4a5568;line-height:1.5;margin:0}.unlock-modal-aspiration{font-size:.92rem;color:#764ba2;font-weight:600;margin:0}.unlock-modal-benefits{list-style:none;padding:0;margin:4px 0;display:flex;flex-direction:column;gap:8px;text-align:left}.unlock-modal-benefits li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:#4a5568;line-height:1.4}.unlock-modal-benefits li img{margin-top:1px;flex-shrink:0}.unlock-modal-error{font-size:.85rem;color:#e53e3e;background:#fff5f5;border-radius:8px;padding:8px 12px;margin:0}.unlock-modal-buy{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;padding:16px 24px;font-size:1.05rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s ease,transform .1s ease;margin-top:4px;box-shadow:0 4px 16px #764ba259}.unlock-modal-buy:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.unlock-modal-buy:active:not(:disabled){transform:scale(.98)}.unlock-modal-buy:disabled{opacity:.6;cursor:not-allowed}.unlock-modal-restore{background:none;border:none;padding:0 8px;min-height:44px;font-size:.82rem;font-weight:600;color:#764ba2;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:opacity .2s ease}.unlock-modal-restore:disabled{opacity:.5;cursor:not-allowed}.unlock-modal-close{background:none;border:2px solid #e2e8f0;border-radius:12px;padding:12px 24px;min-height:44px;font-size:.9rem;font-weight:600;color:#718096;cursor:pointer;font-family:inherit;transition:all .2s ease}.unlock-modal-close:hover:not(:disabled){border-color:#764ba2;color:#764ba2}.unlock-modal-close:disabled{opacity:.5;cursor:not-allowed}.unlock-modal-footnote{font-size:.75rem;color:#a0aec0;margin:2px 0 0;letter-spacing:.01em}.tg-root{display:flex;flex-direction:column;position:fixed;inset:0;z-index:50;overflow-y:auto;overflow-x:hidden;background:linear-gradient(160deg,#0f0c29,#302b63,#24243e);color:#fff;font-family:var(--font-family, "Lexend", system-ui, sans-serif)}.tg-fill{display:flex;flex-direction:column;flex:1;min-height:100dvh;overflow:hidden}.tg-progress-bar{display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:16px;padding:.75rem 1rem;margin:0 1rem .75rem;box-shadow:0 4px 20px #00000026;flex-shrink:0;animation:trackerSlideDown .4s ease-out;width:calc(100% - 2rem);max-width:700px;font-family:"Baloo 2",Lexend,sans-serif}@keyframes trackerSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.tg-table-selector{position:relative;flex-shrink:0}.tg-all-tables-btn{border-top:1px solid #eee;margin-top:2px;padding-top:10px!important}.tg-progress-stats{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.tg-progress-count{font-size:.85rem;font-weight:700;color:#555;white-space:nowrap;font-family:var(--font-primary, "Lexend", sans-serif)}.tg-progress-track{flex:1;height:6px;border-radius:3px;background:#f0f0f0;overflow:hidden;min-width:40px;max-width:120px}.tg-progress-fill{height:100%;border-radius:3px}.tg-top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;gap:12px;flex-shrink:0}.tg-top-bar--question{padding:12px 16px 4px}.tg-top-bar--learn{padding:10px 12px;gap:8px}.tg-top-bar--learn .tg-btn{padding:9px 16px;font-size:.85rem;border-radius:12px;flex-shrink:0}.tg-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;border:none;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .18s}.tg-icon-btn:hover{background:#ffffff38}.tg-page-title{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:var(--font-weight-bold, 700);font-family:"Baloo 2",Lexend,sans-serif;margin:0;letter-spacing:.02em}.tg-star-row{display:flex;gap:6px;align-items:center;justify-content:center}.tg-star-filled{color:#feca57;filter:drop-shadow(0 0 6px rgba(254,202,87,.8))}.tg-star-empty{color:#fff3}.tg-home{display:flex;flex-direction:column;min-height:100dvh;padding-top:80px;padding-bottom:env(safe-area-inset-bottom);font-family:"Baloo 2",Lexend,sans-serif}.tg-home-nav{display:flex;align-items:center;padding:0 12px 4px;flex-shrink:0}.tg-table-card{aspect-ratio:1;align-self:start;animation:none}.tg-table-card-num{font-size:1.65rem;font-weight:var(--font-weight-bold, 700);font-family:inherit;color:#fff;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.tg-table-card-x{font-size:1rem;font-weight:700;opacity:.75}.tg-table-card-words{font-size:.55rem;font-weight:700;color:#ffffffa6;letter-spacing:.04em;line-height:1.3;text-align:center}.tg-table-card-stars{display:flex;gap:2px;align-items:center}.tg-table-card--locked{opacity:.5;filter:grayscale(40%)}.tg-table-card--unlock{background:linear-gradient(135deg,#667eea,#764ba2);border:2px dashed rgba(255,255,255,.45);display:flex;flex-direction:row;align-items:center;gap:8px;padding:14px 10px}.tg-unlock-card-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.tg-unlock-card-title{font-size:.72rem;font-weight:var(--font-weight-bold, 700);font-family:inherit;color:#fff}.tg-unlock-card-sub{font-size:.56rem;color:#ffffffb3;font-weight:600}.tg-learn{display:flex;flex-direction:column;min-height:100dvh;padding-top:64px;font-family:"Baloo 2",Lexend,sans-serif}.tg-learn-hero{display:flex;align-items:center;gap:12px;padding:4px 16px 12px;flex-shrink:0}.tg-learn-list{overflow-y:auto;padding:0 12px 8px;display:flex;flex-direction:column;gap:5px;flex-shrink:0}.tg-learn-row{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px}.tg-learn-eq{display:flex;align-items:center;gap:4px;flex-shrink:0}.tg-learn-tiles{display:flex;flex-wrap:wrap;gap:2px;flex:1;align-items:center;justify-content:flex-end}.tg-learn-ready-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 24px max(28px,env(safe-area-inset-bottom));flex:1;text-align:center}.tg-learn-ready-text{display:flex;flex-direction:column;gap:4px}.tg-learn-ready-text strong{font-size:1.1rem;font-weight:var(--font-weight-bold, 700);color:#feca57;font-family:inherit}.tg-learn-ready-text span{font-size:.85rem;color:#ffffff8c;font-family:var(--font-primary, "Lexend", sans-serif)}.tg-question{display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:max(80px,calc(64px + env(safe-area-inset-top,16px))) 16px 24px;gap:10px;font-family:"Baloo 2",Lexend,sans-serif}.tg-q-meta{display:flex;align-items:center;gap:8px;flex:1}.tg-q-progress{flex:1;height:7px;border-radius:4px;background:#ffffff1f;overflow:hidden}.tg-q-fill{height:100%;border-radius:4px;background:var(--tc, #6d28d9);box-shadow:0 0 8px var(--tc, #6d28d9);transition:width .4s ease}.tg-q-step{font-size:.75rem;font-weight:700;color:#ffffff8c;white-space:nowrap;font-family:var(--font-primary, "Lexend", sans-serif)}.tg-q-right{display:flex;align-items:center;gap:8px}.tg-q-score{display:flex;align-items:center;gap:3px;font-size:.82rem;font-weight:var(--font-weight-bold, 700);color:#feca57;font-family:inherit}.tg-streak{display:flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;background:#ff6b6b2e;border:1.5px solid rgba(255,107,107,.4);color:#ff6b6b;font-size:.82rem;font-weight:var(--font-weight-bold, 700);font-family:inherit}.tg-mult{margin-left:4px;background:#ff6b6b;color:#fff;border-radius:10px;padding:1px 7px;font-size:.72rem;font-weight:var(--font-weight-bold, 700);font-family:inherit}.tg-num-tile.letter-tile,.tg-op-tile.letter-tile{flex-shrink:0;font-variant-numeric:tabular-nums;font-family:"Baloo 2",Lexend,sans-serif;font-weight:var(--font-weight-bold, 700)}.tg-eq{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;font-family:"Baloo 2",Lexend,sans-serif}@keyframes tg-eq-flash{0%{filter:brightness(1)}25%{filter:brightness(1.55)}to{filter:brightness(1)}}.tg-eq--revealed{animation:tg-eq-flash .55s ease-out forwards}.tg-eq-op{font-size:1.5rem;font-weight:var(--font-weight-bold, 700);color:#0000004d;font-family:inherit}.tg-gameboard-wrapper{width:100%;max-width:700px;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:4px 0 16px}.tg-results{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:80px 24px 48px;gap:16px;text-align:center;position:relative;font-family:"Baloo 2",Lexend,sans-serif}.tg-results-decor{position:absolute;inset:0;pointer-events:none;display:flex;align-items:flex-start;justify-content:space-around;padding-top:40px;z-index:0;opacity:.9}.tg-results-decor-item{flex-shrink:0}.tg-results-avatar{position:relative;z-index:1;margin-bottom:4px}.tg-results-title{font-size:1.9rem;font-weight:var(--font-weight-bold, 700);margin:0;background:linear-gradient(135deg,#fff 30%,var(--tc, #a78bfa));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;font-family:inherit}.tg-results-stats{display:flex;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px 24px;position:relative;z-index:1}.tg-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 20px}.tg-stat-val{font-size:1.7rem;font-weight:var(--font-weight-bold, 700);color:#fff;line-height:1;font-family:inherit}.tg-stat-lbl{font-size:.72rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-primary, "Lexend", sans-serif)}.tg-stat-divider{width:1px;height:40px;background:#ffffff2e}.tg-results-msg{font-size:.95rem;color:#ffffffa6;margin:0;max-width:280px;line-height:1.55;position:relative;z-index:1;font-family:var(--font-primary, "Lexend", sans-serif)}.tg-results-btns{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px;position:relative;z-index:1}.tg-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:16px;font-size:1rem;font-weight:var(--font-weight-bold, 700);cursor:pointer;border:none;font-family:inherit;letter-spacing:.01em;transition:transform .12s,box-shadow .12s;touch-action:manipulation}.tg-btn--primary{background:var(--tc, #6d28d9);color:#fff;border-bottom:4px solid color-mix(in srgb,var(--tc, #6d28d9) 60%,black);box-shadow:0 4px 18px color-mix(in srgb,var(--tc, #6d28d9) 45%,transparent),0 2px 6px #0003}.tg-btn--primary:active{transform:translateY(2px);border-bottom-width:2px}.tg-btn--secondary{background:#ffffff1f;color:#fff;border:1.5px solid rgba(255,255,255,.22);border-bottom:3px solid rgba(0,0,0,.25)}.tg-btn--ghost{background:transparent;color:#fff9;font-size:.88rem}.tg-btn--ghost:hover{color:#fff}@media (max-width: 500px){.tg-learn-row{flex-wrap:wrap;gap:3px 4px;padding:6px 8px}.tg-learn-eq{width:100%}.tg-learn-tiles{width:100%;flex:none;justify-content:flex-start}}@media (max-width: 360px){.tg-table-card-num{font-size:1.35rem}.tg-table-card-words{font-size:.48rem}}@media (min-height: 780px){.tg-question{gap:14px;padding-bottom:40px}}.landscape-nudge{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin:0 12px 4px;background:#ffca5726;border:1px solid rgba(255,202,87,.35);border-radius:10px;font-size:.8rem;line-height:1.35;color:#ffffffe6;flex-shrink:0}.landscape-nudge--on-light{color:#281e14e6;background:#ffca5759;border-color:#ffa02873}.landscape-nudge-message{flex:1;min-width:0}.landscape-nudge-dismiss{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-6px -8px -6px 0;padding:0;background:none;border:none;color:inherit;opacity:.65;cursor:pointer;font-size:1.1rem;line-height:1;flex-shrink:0}.landscape-nudge-dismiss:hover,.landscape-nudge-dismiss:focus-visible{opacity:1}.hg-root{display:flex;flex-direction:column;width:100%;min-height:100%;font-family:var(--font-family, "Lexend", system-ui, sans-serif)}.hg-fill{display:flex;flex-direction:column;flex:1;width:100%}.hg-screen{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100%;padding:0 0 24px;box-sizing:border-box;gap:10px}.hg-play-screen-outer{overflow-y:auto}.hg-play-header{display:flex;align-items:flex-start;gap:.5rem;width:100%;max-width:700px;padding:0 16px;box-sizing:border-box}.hg-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:none;border-radius:10px;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .15s}.hg-back-btn:hover{background:#ffffff38}.hg-play-progress-tracker{flex:1;min-width:0;margin-bottom:0;max-width:none;font-family:var(--font-primary, "Lexend", sans-serif)}.hg-mode-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#6b21a8;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);padding:4px 10px;border-radius:20px;box-shadow:0 2px 6px #a855f740;flex-shrink:0}.hg-header-subtitle{margin:.35rem 0 0;padding-top:.35rem;border-top:1px solid #eee;font-size:.78rem;font-weight:600;color:#888}.hg-streak-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px;background:#ff6b6b1f;border:1px solid rgba(255,107,107,.3);font-size:.78rem;font-weight:800;color:#e74c3c;flex-shrink:0}.game-play-shell.hg-play-shell{display:flex;flex-direction:column;align-items:center;gap:12px;color:#2d3436;width:calc(100% - 32px);max-width:700px;background:#fff}.hg-play-shell .hg-back-btn{background:#0000000f;color:#2d3436}.hg-play-shell .hg-back-btn:hover{background:#0000001f}.hg-play-shell .hg-play-header{padding:0;width:100%}.hg-play-shell .hg-play-progress-tracker{box-shadow:none;padding:0;background:transparent}.hg-word-section{width:100%;margin-bottom:0}.hg-star-row{display:flex;gap:8px;align-items:center;justify-content:center}.hg-star-filled{color:#feca57;filter:drop-shadow(0 0 6px rgba(254,202,87,.8))}.hg-star-empty{color:#2d343633}.hg-browse-screen{gap:12px;flex:1;min-height:0;font-family:"Baloo 2",Lexend,sans-serif}.hg-browse-scroll{width:100%;overflow-x:hidden;overflow-y:visible}.hg-browse-content{display:flex;flex-direction:column;gap:14px}.hg-word-display{display:flex;justify-content:center;align-items:center;padding:12px 4px;overflow:visible}.hg-word-display .letter-tile{contain:layout style}.hg-variants-stack{display:flex;flex-direction:column;gap:10px;width:100%}.hg-vc{background:#a855f70f;border:1.5px solid rgba(168,85,247,.18);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,background .2s}.hg-vc--speaking{border-color:#a855f78c;background:#a855f71f}.hg-vc-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.hg-vc-pronunciation{font-size:1.15rem;font-weight:900;color:#7c3aed;letter-spacing:.04em}.hg-vc-pos{font-size:.64rem;font-weight:700;color:#2d343680;text-transform:uppercase;letter-spacing:.08em;background:#a855f71a;padding:3px 8px;border-radius:20px}button.hg-vc-pos{border:none;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,transform .1s}button.hg-vc-pos:hover,button.hg-vc-pos:focus-visible{background:#a855f738;color:#7c3aed;outline:2px solid rgba(168,85,247,.45);outline-offset:2px}button.hg-vc-pos:active{transform:scale(.97)}.hg-word-tiles-btn{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:transparent;cursor:pointer;padding:4px 8px;border-radius:12px;transition:background .15s}.hg-word-tiles-btn:hover,.hg-word-tiles-btn:focus-visible{background:#a855f71f;outline:2px solid rgba(168,85,247,.35);outline-offset:2px}.hg-word-roots-hint{font-size:.68rem;font-weight:700;color:#7c3aed;letter-spacing:.04em;text-transform:uppercase}.hg-sense-etymology-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;background:#0f0a1e8c;padding:0}@media (min-width: 769px){.hg-sense-etymology-overlay{align-items:stretch;justify-content:flex-end;padding:16px}}.hg-sense-etymology-sheet{width:100%;max-width:520px;max-height:85vh;overflow-y:auto;border-radius:20px 20px 0 0;border:2px solid rgba(168,85,247,.35);background:#fff;box-shadow:0 -8px 32px #6b21a82e}@media (min-width: 769px){.hg-sense-etymology-sheet{width:min(420px,70vw);max-height:100%;border-radius:16px;align-self:center}}@media (prefers-reduced-motion: reduce){.hg-sense-etymology-overlay,.hg-sense-etymology-sheet{transition:none!important;animation:none!important}}.hg-sense-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 0}.hg-sense-sheet-titles{display:flex;flex-direction:column;gap:4px}.hg-sense-pos-badge{display:inline-block;align-self:flex-start;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#7c3aed;background:#a855f71f;padding:3px 8px;border-radius:20px}.hg-sense-pronunciation{font-size:.82rem;font-weight:700;color:#2d34368c;letter-spacing:.04em}.hg-sense-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:#a855f71f;color:#7c3aed;cursor:pointer;flex-shrink:0}.hg-sense-close-btn:hover{background:#a855f738}.hg-sense-fallback-note{margin:0;font-size:.75rem;color:#2d34368c;font-style:italic;text-align:center}.hg-vc-meaning{margin:0;font-size:.88rem;line-height:1.4;color:#2d3436;font-weight:600}.hg-vc-example{display:flex;align-items:flex-start;gap:6px;font-size:.78rem;color:#2d3436a6;line-height:1.4;border-left:2px solid rgba(168,85,247,.35);padding-left:8px}.hg-vc-example svg{flex-shrink:0;margin-top:2px;opacity:.55;color:#7c3aed}.hg-hear-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border-radius:12px;border:1.5px solid rgba(168,85,247,.35);background:#a855f714;color:#6b21a8;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s;margin-top:4px}.hg-hear-btn:hover{background:#a855f726;border-color:#a855f78c}.hg-hear-btn--active{background:#a855f733;border-color:#a855f7;animation:hg-pulse .9s ease-in-out infinite}@keyframes hg-pulse{0%,to{box-shadow:0 0 #a855f700}50%{box-shadow:0 0 0 6px #a855f726}}.hg-doctor-note{display:flex;align-items:flex-start;gap:7px;padding:9px 12px;border-radius:10px;background:#feca571f;border:1px solid rgba(254,202,87,.35);font-size:.78rem;color:#2d3436bf;line-height:1.45}.hg-browse-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;width:100%;max-width:700px;box-sizing:border-box;flex-shrink:0}.hg-browse-nav .hg-btn--primary{flex:1;max-width:200px;min-height:44px;font-size:.92rem;font-weight:var(--font-weight-bold, 700);font-family:inherit}.hg-first-play-tip{display:flex;flex-direction:column;gap:8px;margin:0 16px 10px;padding:12px 14px;border-radius:14px;background:#a855f71a;border:1px solid rgba(168,85,247,.28)}.hg-first-play-tip p{margin:0;font-size:.85rem;font-weight:600;color:#4a3d5c;line-height:1.45}.hg-first-play-actions{display:flex;flex-wrap:wrap;gap:8px}.hg-first-play-chip{padding:6px 12px;border-radius:99px;border:1px solid rgba(168,85,247,.45);background:#fff;color:#7c3aed;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit}.hg-first-play-dismiss{padding:6px 12px;border-radius:99px;border:none;background:#a855f7;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit}.hg-challenge-word-tiles{display:flex;justify-content:center;width:100%;margin-bottom:.5rem;padding:12px 4px;overflow:visible}.hg-challenge-word-tiles .letter-tile{contain:layout style}.hg-clue-area{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:14px;background:#a855f714;border:1px solid rgba(168,85,247,.2);font-size:.95rem;font-style:italic;color:#2d3436;line-height:1.5;width:100%;text-align:left;box-sizing:border-box}.hg-clue-area svg{flex-shrink:0;margin-top:3px;color:#7c3aed;opacity:.7}.hg-word-section:has(.hg-clue-area){display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.hg-word-section:has(.hg-clue-area) .game-board-question-slot{margin-bottom:0}.hg-word-section:has(.hg-clue-area) .hg-challenge-word-tiles{margin-bottom:0}.hg-word-section:has(.hg-clue-area) .quick-actions{margin-top:.25rem;padding-block:6px}.hg-options{display:flex;flex-direction:column;gap:10px;width:100%}.hg-option{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:16px;border:2px solid rgba(168,85,247,.22);background:#a855f70f;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit;width:100%;box-sizing:border-box}.hg-option:hover:not(:disabled){background:#a855f71f;border-color:#a855f766}.hg-opt-label{font-size:1.05rem;font-weight:900;color:#2d3436;letter-spacing:.04em}.hg-opt-icon{flex-shrink:0}.hg-option.hg-opt--correct{background:#00b8941f;border-color:#00b894}.hg-option.hg-opt--wrong{background:#ff6b6b1f;border-color:#ff6b6b}.hg-option.hg-opt--dim{opacity:.45}.hg-results-screen{padding-top:8px}.hg-results-shell{position:relative}.hg-results{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;width:100%;padding:8px 0 16px}.hg-results-title{font-size:1.6rem;font-weight:900;margin:0;color:#6b21a8}.hg-results-stats{display:flex;align-items:center;background:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:18px;padding:14px 24px}.hg-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 20px}.hg-stat-val{font-size:1.7rem;font-weight:900;color:#2d3436;line-height:1}.hg-stat-lbl{font-size:.72rem;font-weight:700;color:#2d34368c;text-transform:uppercase;letter-spacing:.08em}.hg-stat-divider{width:1px;height:40px;background:#a855f740}.hg-results-btns{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px}.hg-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:14px;font-size:.95rem;font-weight:800;cursor:pointer;border:none;font-family:inherit;transition:transform .12s,box-shadow .12s;width:100%}.hg-btn--primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 18px #7c3aed59}.hg-btn--secondary{background:#a855f71a;color:#6b21a8;border:1.5px solid rgba(168,85,247,.3)}.hg-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:10px 16px;border-radius:999px;border:2px solid rgba(255,255,255,.65);background:#fff;color:#1a365d;font-size:.9rem;font-weight:800;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,box-shadow .15s;flex-shrink:0;box-shadow:0 2px 10px #0000002e}.hg-nav-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff8c;color:#1a365d8c;box-shadow:none}.hg-nav-btn:not(:disabled):hover{background:#f3e8ff;border-color:#a855f7}.hg-nav-btn:not(:disabled):focus-visible{outline:2.5px solid #fde68a;outline-offset:2px}.hg-nav-btn--unlock{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff8c;color:#fff;gap:6px;box-shadow:0 4px 14px #667eea66}.hg-nav-btn--unlock:not(:disabled):hover{background:linear-gradient(135deg,#5a6fd6,#6a4190);border-color:#ffffffbf;color:#fff}@media (max-width: 480px){.hg-fill{min-height:100dvh}.hg-browse-screen{min-height:100dvh;padding-bottom:0}.hg-browse-screen .game-play-shell.hg-play-shell{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.hg-play-header{padding:0 12px}.game-play-shell.hg-play-shell{width:calc(100% - 24px)}.hg-mode-badge{font-size:.65rem;padding:3px 8px}.hg-option{padding:12px 14px}.hg-opt-label{font-size:.95rem}.hg-browse-nav{position:sticky;bottom:0;z-index:50;max-width:none;margin-top:auto;padding:12px max(12px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-right,0px));background:#1a535cf0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.18);box-shadow:0 -4px 16px #0000001f}.hg-browse-nav .hg-btn--primary{max-width:none}.hg-word-section:has(.hg-clue-area){gap:.875rem;margin-bottom:1rem}.hg-word-section:has(.hg-clue-area) .quick-actions{padding-block:4px}}@media (max-width: 768px){.hg-browse-screen{min-height:100dvh;padding-bottom:0}.hg-browse-screen .game-play-shell.hg-play-shell{flex:1;min-height:0}.hg-browse-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.hg-browse-nav{position:sticky;bottom:0;z-index:30;margin-top:auto;padding:12px max(16px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-right,0px));background:#2d3436f0;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -10px 28px #00000038}.hg-nav-btn,.hg-nav-btn--unlock{min-width:44px;min-height:44px}}@media (max-width: 360px){.hg-streak-badge{display:none}.compact-progress-bar{max-width:80px}}.levels-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem;padding:1rem;width:100%}.levels-grid>.level-card,.levels-grid>.unlock-card{min-width:0;width:100%}.level-card{font-family:"Baloo 2",Lexend,sans-serif;border-radius:12px;padding:.75rem;cursor:pointer;position:relative;overflow:hidden;aspect-ratio:1;min-width:0;max-width:100%;display:flex;flex-direction:column;touch-action:manipulation;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;background:linear-gradient(145deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(0,0,0,.1) 100%);border:2px solid rgba(255,255,255,.3);border-bottom:4px solid rgba(0,0,0,.15);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000001a,0 4px 12px #00000026,0 2px 4px #0000001a}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.level-card:hover{animation-play-state:paused}.level-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.25) 0%,transparent 50%,rgba(0,0,0,.05) 100%);pointer-events:none;z-index:1;border-radius:10px}.level-card--watermark:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:10px;opacity:.08;background-color:#fff;mask-repeat:no-repeat;mask-position:center;mask-size:68%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:68%}.level-card--watermark-spellBands:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M90.86,50.89a12,12,0,0,0-21.72,0l-64,136a12,12,0,0,0,21.71,10.22L42.44,164h75.12l15.58,33.11a12,12,0,0,0,21.72-10.22ZM53.74,140,80,84.18,106.27,140ZM200,84c-13.85,0-24.77,3.86-32.45,11.48a12,12,0,1,0,16.9,17c3-3,8.26-4.52,15.55-4.52,11,0,20,7.18,20,16v4.39A47.28,47.28,0,0,0,200,124c-24.26,0-44,17.94-44,40s19.74,40,44,40a47.18,47.18,0,0,0,22-5.38A12,12,0,0,0,244,192V124C244,101.94,224.26,84,200,84Zm0,96c-11,0-20-7.18-20-16s9-16,20-16,20,7.18,20,16S211,180,200,180Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M90.86,50.89a12,12,0,0,0-21.72,0l-64,136a12,12,0,0,0,21.71,10.22L42.44,164h75.12l15.58,33.11a12,12,0,0,0,21.72-10.22ZM53.74,140,80,84.18,106.27,140ZM200,84c-13.85,0-24.77,3.86-32.45,11.48a12,12,0,1,0,16.9,17c3-3,8.26-4.52,15.55-4.52,11,0,20,7.18,20,16v4.39A47.28,47.28,0,0,0,200,124c-24.26,0-44,17.94-44,40s19.74,40,44,40a47.18,47.18,0,0,0,22-5.38A12,12,0,0,0,244,192V124C244,101.94,224.26,84,200,84Zm0,96c-11,0-20-7.18-20-16s9-16,20-16,20,7.18,20,16S211,180,200,180Z'/%3E%3C/svg%3E")}.level-card--watermark-numberSpells:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M200,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V40A16,16,0,0,0,200,24ZM88,200a12,12,0,1,1,12-12A12,12,0,0,1,88,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,88,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,128,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,128,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,168,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,168,160Zm16-56a8,8,0,0,1-8,8H80a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8h96a8,8,0,0,1,8,8Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M200,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V40A16,16,0,0,0,200,24ZM88,200a12,12,0,1,1,12-12A12,12,0,0,1,88,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,88,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,128,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,128,160Zm40,40a12,12,0,1,1,12-12A12,12,0,0,1,168,200Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,168,160Zm16-56a8,8,0,0,1-8,8H80a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8h96a8,8,0,0,1,8,8Z'/%3E%3C/svg%3E")}.level-card--watermark-wordDetective:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M232,48H168a32,32,0,0,0-32,32v87.73a8.17,8.17,0,0,1-7.47,8.25,8,8,0,0,1-8.53-8V80A32,32,0,0,0,88,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,23.94,7.9,7.9,0,0,0,5.12,7.55A8,8,0,0,0,136,232a24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM208,168H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,168Zm0-32H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,136Zm0-32H168.27A8.17,8.17,0,0,1,160,96.53,8,8,0,0,1,168,88h39.73A8.17,8.17,0,0,1,216,95.47,8,8,0,0,1,208,104Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M232,48H168a32,32,0,0,0-32,32v87.73a8.17,8.17,0,0,1-7.47,8.25,8,8,0,0,1-8.53-8V80A32,32,0,0,0,88,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,23.94,7.9,7.9,0,0,0,5.12,7.55A8,8,0,0,0,136,232a24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM208,168H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,168Zm0-32H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,136Zm0-32H168.27A8.17,8.17,0,0,1,160,96.53,8,8,0,0,1,168,88h39.73A8.17,8.17,0,0,1,216,95.47,8,8,0,0,1,208,104Z'/%3E%3C/svg%3E")}.level-card--watermark-doubleAgents:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M217,34.8a15.94,15.94,0,0,0-14.82-1.71C188.15,38.55,159.82,47.71,128,47.71S67.84,38.55,53.79,33.09A16,16,0,0,0,32,48v55.77c0,35.84,9.65,69.65,27.18,95.18,18.16,26.46,42.6,41,68.82,41s50.66-14.57,68.82-41C214.35,173.44,224,139.63,224,103.79V48A16,16,0,0,0,217,34.8ZM78,133.33A8,8,0,1,1,66,122.66C71.75,116.28,82.18,112,92,112s20.25,4.28,26,10.66A8,8,0,1,1,106,133.33c-2.68-3-8.85-5.33-14-5.33S80.64,130.34,78,133.33Zm90.49,47.86a52.9,52.9,0,0,1-80.9,0A8,8,0,1,1,99.72,170.8a36.89,36.89,0,0,0,56.56,0,8,8,0,0,1,12.17,10.39ZM189.34,134a8,8,0,0,1-11.3-.63c-2.68-3-8.85-5.33-14-5.33s-11.36,2.34-14,5.33A8,8,0,1,1,138,122.66c5.71-6.38,16.14-10.66,26-10.66s20.25,4.28,26,10.66A8,8,0,0,1,189.34,134Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M217,34.8a15.94,15.94,0,0,0-14.82-1.71C188.15,38.55,159.82,47.71,128,47.71S67.84,38.55,53.79,33.09A16,16,0,0,0,32,48v55.77c0,35.84,9.65,69.65,27.18,95.18,18.16,26.46,42.6,41,68.82,41s50.66-14.57,68.82-41C214.35,173.44,224,139.63,224,103.79V48A16,16,0,0,0,217,34.8ZM78,133.33A8,8,0,1,1,66,122.66C71.75,116.28,82.18,112,92,112s20.25,4.28,26,10.66A8,8,0,1,1,106,133.33c-2.68-3-8.85-5.33-14-5.33S80.64,130.34,78,133.33Zm90.49,47.86a52.9,52.9,0,0,1-80.9,0A8,8,0,1,1,99.72,170.8a36.89,36.89,0,0,0,56.56,0,8,8,0,0,1,12.17,10.39ZM189.34,134a8,8,0,0,1-11.3-.63c-2.68-3-8.85-5.33-14-5.33s-11.36,2.34-14,5.33A8,8,0,1,1,138,122.66c5.71-6.38,16.14-10.66,26-10.66s20.25,4.28,26,10.66A8,8,0,0,1,189.34,134Z'/%3E%3C/svg%3E")}.level-card--watermark-crossword:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M216,56v60a4,4,0,0,1-4,4H136V44a4,4,0,0,1,4-4h60A16,16,0,0,1,216,56ZM116,40H56A16,16,0,0,0,40,56v60a4,4,0,0,0,4,4h76V44A4,4,0,0,0,116,40Zm96,96H136v76a4,4,0,0,0,4,4h60a16,16,0,0,0,16-16V140A4,4,0,0,0,212,136ZM40,140v60a16,16,0,0,0,16,16h60a4,4,0,0,0,4-4V136H44A4,4,0,0,0,40,140Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M216,56v60a4,4,0,0,1-4,4H136V44a4,4,0,0,1,4-4h60A16,16,0,0,1,216,56ZM116,40H56A16,16,0,0,0,40,56v60a4,4,0,0,0,4,4h76V44A4,4,0,0,0,116,40Zm96,96H136v76a4,4,0,0,0,4,4h60a16,16,0,0,0,16-16V140A4,4,0,0,0,212,136ZM40,140v60a16,16,0,0,0,16,16h60a4,4,0,0,0,4-4V136H44A4,4,0,0,0,40,140Z'/%3E%3C/svg%3E")}.level-card:hover{box-shadow:inset 0 1px #ffffff80,0 12px 30px #00000040,0 6px 12px #00000026;border-color:#ffffffb3;z-index:10}.level-card:active{box-shadow:inset 0 2px 4px #0003,0 2px 8px #00000026}.level-card:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--card-shadow);outline-offset:2px}.level-card-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}.level-card .level-name{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:var(--font-weight-bold, 700);color:#fff;margin:0;text-align:center;font-family:"Baloo 2",Lexend,sans-serif;text-transform:uppercase;letter-spacing:.75px;text-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.15);position:relative;z-index:2;line-height:1.1;display:inline-flex;align-items:flex-end;max-width:100%;overflow-wrap:break-word}.level-card .level-number{font-size:.7em;font-weight:700;color:#ffffffe6;font-family:"Baloo 2",Lexend,sans-serif;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3);vertical-align:sub;margin-left:2px;position:relative;top:.15em}.level-card .level-name.level-name--times-table{display:block;text-transform:none;letter-spacing:.02em;font-size:clamp(1.35rem,3vw,1.65rem);font-weight:var(--font-weight-bold, 700);font-family:"Baloo 2",Lexend,sans-serif;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.3);line-height:1;text-align:center}.level-card .level-name.level-name--times-table .level-times-table-label{display:inline-block;font-size:inherit;font-weight:inherit;font-family:inherit;color:inherit;line-height:inherit;text-shadow:inherit;letter-spacing:inherit}.level-card .level-name.level-name--times-table .level-times-sign{font-size:1.3em;font-weight:700;font-family:"Baloo 2",Lexend,sans-serif;color:#fff;line-height:1;text-shadow:inherit;vertical-align:baseline;opacity:1;margin-left:0}.level-card .level-card-subtitle{font-size:clamp(.55rem,1.4vw,.7rem);font-weight:var(--font-weight-bold, 700);color:#ffffffe6;margin:0;text-align:center;line-height:1.1;font-family:"Baloo 2",Lexend,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.3)}.level-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.level-card-icon svg{width:clamp(18px,3vw,24px);height:clamp(18px,3vw,24px);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.level-card-title--clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:clamp(.9rem,2.1vw,1.15rem);overflow:hidden;word-break:normal;overflow-wrap:break-word;hyphens:none}.level-stars{position:absolute;top:3px;left:4px;display:flex;gap:1px;z-index:3}.level-stars .star svg{width:12px;height:12px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.level-stars .star.empty svg{opacity:.4;color:#fff9}.star{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.star svg{width:12px;height:12px}.level-card--locked{opacity:.55;filter:grayscale(30%);cursor:pointer}.level-card--locked:hover{opacity:.7}.level-lock-overlay{position:absolute;top:6px;left:6px;display:flex;align-items:center;justify-content:center}@media (max-width: 900px){.levels-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (max-width: 768px){.levels-grid{grid-template-columns:repeat(4,1fr);gap:.875rem}.level-card{padding:.5rem;border-radius:8px;border-bottom-width:3px;border-right-width:2px}.level-card .level-name{font-size:clamp(.9rem,2.2vw,1.1rem)}.level-card .level-number{font-size:.65em}.level-card .level-name.level-name--times-table{font-size:clamp(1.15rem,2.8vw,1.35rem)}.level-stars .star svg{width:10px;height:10px}}@media (max-width: 480px){.levels-grid{grid-template-columns:repeat(4,1fr);gap:.625rem}.level-card{padding:.4rem;border-radius:6px;border-bottom-width:2px;border-right-width:1px}.level-card .level-name{font-size:clamp(.7rem,2.5vw,.85rem)}.level-card .level-number{font-size:.6em}.level-card .level-name.level-name--times-table{font-size:clamp(1rem,2.5vw,1.2rem)}.level-stars .star svg{width:8px;height:8px}}@media (max-height: 500px) and (orientation: landscape){.levels-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.level-card{height:auto;min-height:80px;padding:.5rem}.level-card .level-name{font-size:1.15rem}}@media (prefers-reduced-motion: reduce){.level-card{transition:transform .2s ease,box-shadow .2s ease}.level-card:hover{transform:translateY(-4px)}}.cw-screen{display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:12px 16px 24px;box-sizing:border-box;color:#fff;gap:10px}.cw-back-btn{display:flex;align-items:center;gap:6px;background:#ffffff1f;border:none;color:#fff;border-radius:10px;padding:8px 14px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.cw-back-btn:hover{background:#ffffff38}.cw-select-screen{gap:16px;width:100%;align-self:stretch;font-family:"Baloo 2",Lexend,sans-serif}.cw-select-screen .cw-back-btn{align-self:flex-start}.cw-select-header{display:flex;align-items:center;gap:10px}.cw-select-icon{color:#feca57}.cw-select-title{font-size:1.6rem;font-weight:var(--font-weight-bold, 700);font-family:"Baloo 2",Lexend,sans-serif;margin:0}.cw-empty-puzzle-list{text-align:center;opacity:.85;margin:24px 0}.cw-puzzle-hub{width:100%}.cw-band-list-heading{margin:4px 0 0;font-size:1.1rem;font-weight:var(--font-weight-bold, 700);font-family:inherit;color:#fffffff2;text-align:center}.cw-band-puzzles{width:100%}.cw-play-screen-outer{padding-bottom:24px;overflow-y:auto;width:100%}.game-play-shell.cw-play-shell{display:flex;flex-direction:column;align-items:center;gap:10px;color:#2d3436;width:100%;background:#fff;border-style:solid;font-family:var(--font-primary, "Lexend", sans-serif)}.cw-play-shell .cw-back-btn{background:#0000000f;color:#2d3436}.cw-play-shell .cw-back-btn:hover{background:#0000001f}.cw-play-shell .cw-hint-number{color:#6c5ce7}.cw-play-shell .cw-clue-item{background:#0000000a;color:#2d3436}.cw-play-shell .cw-clue-item:hover{background:#00000014}.cw-play-shell .cw-clue-item--active{background:#6c5ce71f;border-color:#6c5ce7}.cw-play-shell .cw-clue-meta{color:#2d3436a6}.cw-play-shell .cw-clues-heading{color:#2d3436}.cw-play-header{display:flex;align-items:flex-start;gap:.5rem;width:100%;max-width:700px}.cw-play-progress-tracker{flex:1;min-width:0;margin-bottom:0;max-width:none}.cw-puzzle-nav{display:flex;align-items:center;gap:.35rem;margin-top:.35rem;padding-top:.35rem;border-top:1px solid #eee}.cw-puzzle-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#f0f0f0;border-radius:50%;cursor:pointer;color:#666;flex-shrink:0;transition:background .2s ease}.cw-puzzle-nav-btn:hover:not(:disabled){background:#e0e0e0}.cw-puzzle-nav-btn:disabled{opacity:.35;cursor:not-allowed}.cw-puzzle-nav-title{flex:1;font-family:"Baloo 2",Lexend,sans-serif;font-size:.8rem;font-weight:var(--font-weight-semibold, 600);color:#555;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cw-play-shell .game-board-question-slot .cw-hint-speech{font-size:.88rem}.cw-hint-number{font-weight:700;color:#feca57}.cw-advance-controls{display:flex;flex-direction:column;gap:8px;width:100%;max-width:520px}.cw-advance-actions{display:flex;gap:8px;justify-content:center}.cw-advance-btn{flex:1;min-height:36px;padding:6px 12px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#ffffff14;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.cw-advance-btn--next{background:#feca5733;border-color:#feca5773}.cw-advance-bar-track{width:100%;max-width:520px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.cw-advance-bar-fill{height:100%;background:#feca57;border-radius:2px;transition:width .05s linear}.cw-grid-rack{width:100%;max-width:520px;min-height:unset;flex-wrap:nowrap;justify-content:center}.cw-grid-rack .cw-grid{display:grid;width:fit-content;margin:0 auto}.cw-grid-rack .letter-tile{font-family:"Baloo 2",Lexend,sans-serif;font-weight:var(--font-weight-bold, 700)}.cw-grid{display:grid}.cw-black-cell{min-width:unset!important;aspect-ratio:unset!important;flex-shrink:0;cursor:default}.cw-black-cell--default{background:linear-gradient(145deg,#9b7852b8,#6e5537e0);border:1px solid rgba(90,60,35,.5);border-bottom:3px solid rgba(70,48,28,.55);border-right:2px solid rgba(80,55,32,.5);box-shadow:inset 0 1px #ffffff40,inset 0 -2px 4px #3c281459,0 2px 4px #50371e40}.cw-black-cell.letter-tile-wood{filter:brightness(.68) saturate(.82)}.cw-cell-wrapper{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cw-cell-wrapper .input-tile-placeholder,.cw-cell-wrapper .input-cursor{flex-shrink:0}.cw-cell-wrapper--active .letter-tile{outline:2px solid rgba(76,175,80,.35)!important;outline-offset:0}.cw-cell-wrapper--cursor .letter-tile{outline:2px solid rgba(76,175,80,.5)!important;outline-offset:0;box-shadow:0 0 8px #4caf5040!important}.cw-cell-wrapper--locked .letter-tile{outline:2.5px solid #27AE60!important;box-shadow:0 0 10px #27ae6066!important}.cw-cell-wrapper--wrong{animation:cwShake .4s ease-in-out}.cw-cell-wrapper--wrong .letter-tile{outline:2.5px dashed #E74C3C!important}@keyframes cwShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.cw-cell-number{position:absolute;top:4px;left:5px;font-family:"Baloo 2",Lexend,sans-serif;font-size:.75rem;font-weight:var(--font-weight-bold, 700);color:#302b63;line-height:1;z-index:2;pointer-events:none}.cw-cell-wrapper:not(:has(.letter-tile)) .cw-cell-number{color:#ffffffbf}.cw-clues{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:520px}.cw-clues--single-col{grid-template-columns:1fr}.cw-clues-col{display:flex;flex-direction:column;gap:4px}.cw-clues-heading{font-family:"Baloo 2",Lexend,sans-serif;font-size:.95rem;font-weight:var(--font-weight-bold, 700);letter-spacing:.06em;text-transform:uppercase;opacity:.65;margin:0 0 6px}.cw-clue-item-row{display:flex;align-items:stretch;gap:6px}.cw-clue-item-row .cw-clue-item{flex:1;min-width:0}.cw-clue-item-row--solved{opacity:.5}.cw-clue-speaker-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:center;min-width:44px;min-height:44px;padding:0;border:1.5px solid rgba(255,255,255,.18);border-radius:10px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .12s,border-color .12s,transform .12s}.cw-clue-speaker-btn:hover{background:#ffffff2e;border-color:#ffffff59}.cw-clue-speaker-btn:focus-visible{outline:2.5px solid #A29BFE;outline-offset:2px}.cw-clue-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;background:#ffffff14;border:1.5px solid transparent;border-radius:8px;padding:9px 10px;color:#fff;font-family:var(--font-primary, "Lexend", sans-serif);font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;transition:background .12s,border-color .12s;line-height:1.4}.cw-clue-item:hover{background:#ffffff24}.cw-clue-item--active{background:#a29bfe38;border-color:#a29bfe}.cw-clue-item--solved .cw-clue-text{text-decoration:line-through;text-decoration-color:#27ae6099}.cw-clue-solved-check{color:#27ae60;flex-shrink:0;margin-left:auto;margin-top:2px}.cw-clue-num{font-family:"Baloo 2",Lexend,sans-serif;font-weight:var(--font-weight-bold, 700);color:#feca57;flex-shrink:0;min-width:18px}.cw-clue-meta{display:block;font-size:.72rem;font-weight:600;opacity:.55;margin-top:2px;letter-spacing:.02em;flex-basis:100%}@media (max-width: 480px){.cw-play-screen-outer{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.cw-clues:not(.cw-clues--single-col){grid-template-columns:1fr}.cw-puzzle-nav-btn{min-width:44px;min-height:44px;width:44px;height:44px}.cw-clue-item,.cw-advance-btn{min-height:44px}}.cw-skip-link{position:absolute;top:-100%;left:16px;z-index:9999;background:#a29bfe;color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;font-size:.9rem;text-decoration:none;transition:top .1s}.cw-skip-link:focus{top:16px}.cw-sr-announce{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cw-grid:focus{outline:none}.cw-grid:focus-visible{outline:3px solid #A29BFE;outline-offset:6px;border-radius:12px}.cw-grid:focus-visible .cw-cell-wrapper--cursor .input-cursor,.cw-grid:focus-visible .cw-cell-wrapper--cursor .letter-tile{outline-width:3px!important;box-shadow:0 0 0 3px #4caf5059,0 0 12px #4caf504d!important}.cw-clue-item:focus-visible{outline:2.5px solid #A29BFE;outline-offset:2px}.cw-back-btn:focus-visible,.cw-puzzle-hub .levels-grid .level-card:focus-visible,.cw-puzzle-nav-btn:focus-visible{outline:2.5px solid #A29BFE;outline-offset:3px}.cw-hidden-input{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;border:none;padding:0;margin:0;outline:none;background:transparent;color:transparent;caret-color:transparent;font-size:16px;pointer-events:none}.parental-gate-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:600}.parental-gate{background:#fff;border-radius:20px;padding:32px 28px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;gap:10px}.parental-gate-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#764ba2;margin:0}.parental-gate-title{font-size:1.3rem;font-weight:800;color:#2d3748;margin:0}.parental-gate-body{font-size:.9rem;color:#718096;line-height:1.5;margin:0}.parental-gate-question{font-size:1.6rem;font-weight:800;color:#2d3748;background:#f7f0ff;border-radius:12px;padding:16px;margin:6px 0}.parental-gate-input{width:100%;font-size:1.4rem;font-weight:700;text-align:center;border:2px solid #e2e8f0;border-radius:12px;padding:12px;font-family:inherit;color:#2d3748;box-sizing:border-box;transition:border-color .2s ease;outline:none}.parental-gate-input:focus{border-color:#764ba2}.parental-gate-input--wrong{border-color:#e53e3e;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.parental-gate-input::-webkit-outer-spin-button,.parental-gate-input::-webkit-inner-spin-button{-webkit-appearance:none}.parental-gate-input[type=number]{-moz-appearance:textfield}.parental-gate-error{font-size:.82rem;color:#e53e3e;margin:0}.parental-gate-submit{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:14px;padding:14px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;margin-top:4px;transition:opacity .2s ease}.parental-gate-submit:disabled{opacity:.5;cursor:not-allowed}.parental-gate-cancel{background:none;border:none;font-size:.85rem;color:#a0aec0;cursor:pointer;font-family:inherit;padding:4px;transition:color .2s ease}.parental-gate-cancel:hover{color:#718096}.parent-dashboard{padding:1.5rem;max-width:900px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.parent-dashboard.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.dashboard-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#f9fafb;border-color:#d1d5db}.dashboard-title{display:flex;align-items:center;gap:.75rem;font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:600;color:#333;margin:0}.title-icon{color:#8b5cf6}.profile-selector-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.selector-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6b7280;flex-shrink:0}.profile-pills{display:flex;gap:.75rem;overflow-x:auto;padding:.25rem}.profile-summary{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.profile-summary:hover{background:#f3f4f6}.profile-summary.selected{background:#fff;border-color:var(--profile-color);box-shadow:0 2px 8px #0000001a}.summary-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.summary-info{display:flex;flex-direction:column;text-align:left}.summary-name{font-family:"Baloo 2",sans-serif;font-size:.95rem;font-weight:600;color:#333}.summary-stats{font-size:.75rem;color:#6b7280}.summary-streak{display:flex;align-items:center;gap:.25rem;color:#f97316;font-weight:600;font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:16px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 2px 10px #0000000d;border:2px solid transparent;transition:border-color .2s ease}.stat-card:hover{border-color:var(--stat-color)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-value{font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:700;color:#333;line-height:1.1}.stat-label{font-size:.85rem;color:#6b7280;margin-top:.25rem}.stat-subvalue{font-size:.75rem;color:#9ca3af;margin-top:.15rem}.section{margin-bottom:2rem}.section-title{font-family:"Baloo 2",sans-serif;font-size:1.1rem;font-weight:600;color:#333;margin-bottom:1rem;padding-left:.25rem}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-title-row .section-title{margin-bottom:0}.trophy-room-link{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:2px solid #ec4899;border-radius:999px;background:#fff;color:#db2777;font-size:.85rem;font-weight:600;cursor:pointer}.trophy-room-link:hover{background:#fdf2f8}.level-progress-list{display:flex;flex-direction:column;gap:.75rem;background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 2px 10px #0000000d}.level-progress-bar{display:flex;align-items:center;gap:1rem}.parent-dashboard-level-label{width:80px;font-size:.85rem;font-weight:500;color:#333;text-transform:capitalize}.progress-track{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:4px}.parent-dashboard-level-stars{display:flex;gap:.15rem}.parent-dashboard-level-stars .star{font-size:1rem;color:#e5e7eb;transition:color .2s ease}.parent-dashboard-level-stars .star.earned{color:#f59e0b}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.achievement-badge{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;transition:all .2s ease;cursor:pointer;text-align:left;width:100%}.achievement-badge.unseen{border-color:#ec4899;box-shadow:0 0 0 2px #ec489926}.achievement-unseen-dot{position:absolute;top:.45rem;right:.45rem;width:.55rem;height:.55rem;border-radius:50%;background:#ec4899}.achievement-badge:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.achievement-badge.rarity-common{border-color:#cd7f32}.achievement-badge.rarity-uncommon{border-color:silver}.achievement-badge.rarity-rare{border-color:gold}.achievement-badge.rarity-epic{border-color:#9b59b6}.achievement-badge.rarity-legendary{border-image:linear-gradient(90deg,#ff6b6b,#ffe66d,#4ecdc4,#45b7d1) 1}.achievement-emoji{font-size:1.5rem}.achievement-info{display:flex;flex-direction:column}.achievement-name{font-family:"Baloo 2",sans-serif;font-size:.9rem;font-weight:600;color:#333}.achievement-date{font-size:.75rem;color:#9ca3af}.words-to-review{display:flex;flex-wrap:wrap;gap:.5rem;background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 2px 10px #0000000d}.review-word{padding:.5rem .75rem;background:#fef2f2;border:2px solid #fecaca;border-radius:8px;font-size:.85rem;color:#dc2626;font-weight:500}.parent-dashboard-legal{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:center;margin-top:2rem;padding-top:1.25rem;border-top:1px solid #e5e7eb;font-size:.8rem}.parent-dashboard-legal a{color:#6b7280;text-decoration:underline}.parent-dashboard-legal a:hover{color:#553c9a}@media (max-width: 640px){.parent-dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-title{font-size:1.25rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem;flex-direction:column;align-items:center;text-align:center}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.25rem}.profile-selector-row{flex-direction:column;align-items:flex-start}.profile-pills{width:100%}.achievements-grid{grid-template-columns:1fr}}.badge-display-stage{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent}.badge-display-stage--achievement:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--badge-accent, rgba(212, 175, 55, .55)) 18%,transparent) 0%,color-mix(in srgb,var(--badge-accent, rgba(212, 175, 55, .35)) 8%,transparent) 42%,transparent 72%);opacity:.72;pointer-events:none;z-index:0}.badge-display-img{position:relative;z-index:1;display:block;object-fit:contain;background:transparent;-webkit-user-drag:none;user-select:none;pointer-events:none}.badge-display-img--medal{border-radius:50%;background:transparent}.badge-display-img--achievement{border-radius:18%;background:transparent}.badge-display-stage--medal:before{display:none}.tam-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;overflow-y:auto;overscroll-behavior:contain;touch-action:manipulation;padding:max(1.5rem,env(safe-area-inset-top)) 1rem max(1.5rem,env(safe-area-inset-bottom))}.tam-backdrop{position:fixed;inset:0;z-index:0;cursor:pointer;background:radial-gradient(ellipse 85% 70% at 50% 42%,rgba(26,10,46,.18) 0%,transparent 68%),#08041285;backdrop-filter:blur(10px) saturate(.85);-webkit-backdrop-filter:blur(10px) saturate(.85)}.tam-close{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:502;width:40px;height:40px;border:none;border-radius:50%;background:#00000059;color:#ffffffeb;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px #00000047;transition:background .15s,color .15s,transform .15s}.tam-close:hover{background:#00000080;color:#fff;transform:scale(1.05)}.tam-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:min(100%,380px);max-height:min(100%,calc(100dvh - max(1.5rem,env(safe-area-inset-top)) - max(1.5rem,env(safe-area-inset-bottom)) - 3.5rem));margin:auto;overflow:visible;padding:max(2.75rem,calc(env(safe-area-inset-top,0px) + 2.25rem)) .5rem 0;text-align:center;color:#fff}.tam-badge-stage{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible;margin:0 auto .65rem;background:transparent}.tam-badge-stage.badge-display-stage--achievement:before{inset:4%}.tam-badge-img{position:relative;z-index:2;display:block;flex-shrink:0;width:auto;height:auto;max-width:min(72vw,256px);max-height:min(72vw,256px);object-fit:contain;background:transparent;-webkit-user-drag:none;user-select:none;pointer-events:none;filter:drop-shadow(0 16px 40px rgba(0,0,0,.45)) drop-shadow(0 8px 28px color-mix(in srgb,var(--tam-accent, #fecb57) 55%,transparent))}.tam-badge-img--achievement{max-width:min(72vw,256px);max-height:min(72vw,256px)}.tam-badge-img--level{max-width:min(68vw,240px);max-height:min(68vw,240px)}.tam-badge-img--locked{max-width:min(56vw,176px);max-height:min(56vw,176px);filter:grayscale(1) brightness(.32) drop-shadow(0 10px 24px rgba(0,0,0,.35))}.tam-badge-emoji{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:min(68vw,240px);height:min(68vw,240px);font-size:clamp(4.5rem,18vw,7rem);line-height:1;border-radius:50%;filter:drop-shadow(0 16px 40px rgba(0,0,0,.45)) drop-shadow(0 8px 28px color-mix(in srgb,var(--tam-accent, #fecb57) 55%,transparent))}.tam-badge-emoji--locked{width:min(52vw,168px);height:min(52vw,168px);font-size:clamp(3rem,14vw,4.5rem);filter:grayscale(1) brightness(.32) drop-shadow(0 10px 24px rgba(0,0,0,.35))}.tam-lock-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;color:#ffffff8c;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.tam-title{margin:0 0 .3rem;font-size:clamp(1.25rem,4.5vw,1.55rem);font-weight:900;line-height:1.15;color:var(--tam-accent, #fecb57);text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 12px rgba(0,0,0,.65),0 0 20px color-mix(in srgb,var(--tam-accent, #fecb57) 40%,transparent)}.tam-content--locked .tam-title{color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 10px rgba(0,0,0,.6)}.tam-stars{display:flex;justify-content:center;gap:4px;margin-bottom:.4rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.tam-star-on{color:#fecb57}.tam-star-off{color:#ffffff59}.tam-rarity{margin:0 0 .4rem;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.55)}.tam-rarity--common{color:#cd7f32}.tam-rarity--uncommon{color:silver}.tam-rarity--rare{color:gold}.tam-rarity--epic{color:#b57edc}.tam-rarity--legendary{background:linear-gradient(90deg,#ff6b6b,#ffe66d,#4ecdc4);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.tam-description{margin:0 0 .55rem;font-size:clamp(.85rem,3.2vw,.95rem);line-height:1.4;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.65)}.tam-earned{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:.82rem;font-weight:700;color:#fecb57;text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.55)}.tam-locked-hint{margin:0;padding:10px 14px;max-width:100%;border-radius:14px;background:#00000047;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px dashed rgba(255,255,255,.22)}.tam-locked-label{margin:0 0 6px;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;text-shadow:0 1px 3px rgba(0,0,0,.7)}.tam-locked-message{margin:0;font-size:.9rem;line-height:1.45;color:#ffffffd1;text-shadow:0 1px 3px rgba(0,0,0,.7)}.bw-root{display:flex;flex-direction:column;flex:1;width:100%;min-height:100dvh;background:radial-gradient(ellipse 120% 80% at 50% -10%,rgba(212,175,55,.08) 0%,transparent 55%),linear-gradient(168deg,#120818,#1e0f35 28%,#2a1248 52%,#160e28);color:#fff;font-family:var(--font-family, "Lexend", system-ui, sans-serif);position:relative;overflow-x:hidden}.bw-root--admiring>*:not(.bw-wall-bg){filter:blur(6px) brightness(.55);opacity:.42;transition:filter .28s ease,opacity .28s ease;pointer-events:none}.bw-wall-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bw-wall-velvet{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 6px),repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 1px,transparent 1px,transparent 8px),radial-gradient(ellipse 90% 60% at 50% 0%,rgba(181,126,220,.14) 0%,transparent 70%);opacity:.85}.bw-wall-sparkles{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 18%,rgba(255,230,120,.22) 0,transparent 1.5px),radial-gradient(circle at 88% 12%,rgba(255,230,120,.18) 0,transparent 1.5px),radial-gradient(circle at 72% 68%,rgba(255,255,255,.14) 0,transparent 1px),radial-gradient(circle at 28% 78%,rgba(255,230,120,.16) 0,transparent 1px),radial-gradient(circle at 50% 42%,rgba(255,255,255,.1) 0,transparent 1px),radial-gradient(circle at 6% 52%,rgba(255,230,120,.12) 0,transparent 1px),radial-gradient(circle at 94% 44%,rgba(255,255,255,.12) 0,transparent 1px);background-size:100% 100%;opacity:.55}.bw-wall-shimmer{position:absolute;inset:-40% -20%;background:linear-gradient(115deg,transparent 42%,rgba(212,175,55,.04) 50%,transparent 58%);animation:bw-wall-shimmer 12s ease-in-out infinite}@keyframes bw-wall-shimmer{0%,to{transform:translate(-8%) rotate(0);opacity:.4}50%{transform:translate(8%) rotate(0);opacity:.75}}.bw-root>*:not(.bw-wall-bg){position:relative;z-index:1}.bw-top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;gap:12px}.bw-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid rgba(212,175,55,.22);border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}.bw-icon-btn:hover{background:#d4af3724;border-color:#d4af376b;box-shadow:0 0 14px #d4af372e}.bw-throne-header{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;padding:6px 0}.bw-crown-deco{flex-shrink:0;width:22px;height:14px;opacity:.72;background:linear-gradient(135deg,transparent 40%,#d4af37 40%,#d4af37 60%,transparent 60%) 50% 100% / 6px 8px no-repeat,linear-gradient(135deg,transparent 40%,#d4af37 40%,#d4af37 60%,transparent 60%) 0 0 / 6px 8px no-repeat,linear-gradient(225deg,transparent 40%,#d4af37 40%,#d4af37 60%,transparent 60%) 100% 0 / 6px 8px no-repeat,linear-gradient(to right,#c9a227,#f0d875,#c9a227) 0 100% / 100% 2px no-repeat;filter:drop-shadow(0 1px 4px rgba(212,175,55,.35))}.bw-crown-deco--left{transform:scaleX(-1)}.bw-title{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:800;margin:0;padding:4px 14px;border-top:1px solid rgba(212,175,55,.35);border-bottom:1px solid rgba(212,175,55,.35);background:linear-gradient(180deg,#d4af370f,#d4af3705)}.bw-title-text{background:linear-gradient(180deg,#f5e6a8,#d4af37 45%,#b8941f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 6px rgba(212,175,55,.35));letter-spacing:.04em}.bw-title svg{color:#d4af37;filter:drop-shadow(0 2px 6px rgba(212,175,55,.4))}.bw-tabs{display:flex;gap:8px;padding:0 16px 12px;justify-content:center}.bw-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(212,175,55,.16);border-radius:999px;background:#ffffff0f;color:#ffffffb8;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.bw-tab:hover{background:#d4af371a;border-color:#d4af3752;color:#fff}.bw-tab--active{background:#d4af3724;border-color:#d4af377a;color:#f0d875;box-shadow:0 0 0 1px #d4af371f,0 4px 16px #d4af371f}.bw-grid--achievements{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.bw-hero{display:flex;align-items:center;gap:14px;padding:8px 20px 12px}.bw-gem-panel{margin:0 16px 4px;padding:12px 16px;border-radius:16px;border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,#ffffff0f,#ffffff05),#12081c8c;box-shadow:inset 0 1px #ffffff14,0 8px 24px #00000038,0 0 20px #b57edc14}.bw-hero-text{flex:1;display:flex;flex-direction:column;gap:6px}.bw-progress-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.bw-progress-label{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700;color:#ffffffe0}.bw-gem-counter{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;border:1px solid rgba(212,175,55,.32);background:linear-gradient(180deg,#d4af3724,#d4af370f);box-shadow:0 2px 10px #d4af371f}.bw-gem-counter__gem{width:10px;height:10px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,#f0d875,#d4af37,#9a7b1a);box-shadow:0 0 8px #d4af378c}.bw-gem-counter__value{font-size:.78rem;font-weight:800;letter-spacing:.04em;color:#f0d875;text-shadow:0 1px 4px rgba(0,0,0,.4)}.bw-progress-bar{height:8px;border-radius:4px;background:#ffffff1a;border:1px solid rgba(212,175,55,.12);overflow:hidden}.bw-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#c9a227,#f0d875,#d4af37);box-shadow:0 0 10px #d4af3773}.bw-all-done{display:flex;align-items:center;gap:6px;margin:0;font-size:.82rem;font-weight:800;color:#f0d875;text-shadow:0 1px 6px rgba(212,175,55,.35)}.bw-grid-frame{position:relative;flex:1;margin:0 12px 16px;padding:14px 12px 16px;border-radius:20px;border:1px solid rgba(212,175,55,.28);background:linear-gradient(180deg,#ffffff0a,#0000001f),#0c061673;box-shadow:inset 0 1px #ffffff0f,0 12px 32px #00000047,0 0 0 1px #d4af3714;overflow:hidden}.bw-grid-frame:before,.bw-grid-frame:after{content:"";position:absolute;width:28px;height:28px;pointer-events:none;opacity:.55;border-color:#d4af3780;border-style:solid}.bw-grid-frame:before{top:8px;left:8px;border-width:2px 0 0 2px;border-radius:6px 0 0}.bw-grid-frame:after{bottom:8px;right:8px;border-width:0 2px 2px 0;border-radius:0 0 6px}.bw-grid-frame--secondary{margin-top:0}.bw-grid{display:grid;flex:1;grid-template-columns:repeat(4,1fr);gap:16px;padding:4px 8px 8px;overflow-y:auto;align-content:start;max-height:none}@media (min-width: 480px){.bw-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 640px){.bw-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 900px){.bw-grid{grid-template-columns:repeat(7,1fr)}}.bw-badge-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border:2px solid transparent;border-radius:16px;background:#ffffff0d;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;font-family:inherit}.bw-badge-btn--earned{border-color:color-mix(in srgb,var(--lc, #d4af37) 38%,transparent);background:color-mix(in srgb,var(--lc, #d4af37) 9%,rgba(255,255,255,.03))}.bw-badge-btn--earned:hover{background:color-mix(in srgb,var(--lc, #d4af37) 16%,rgba(255,255,255,.05));border-color:color-mix(in srgb,var(--lc, #d4af37) 65%,transparent);box-shadow:0 6px 20px color-mix(in srgb,var(--lc, #d4af37) 22%,transparent)}.bw-badge-btn--locked{opacity:.55;cursor:pointer}.bw-badge-btn--locked .bw-badge-img-wrap:after{display:none}.bw-badge-img-wrap{position:relative;width:84px;height:84px;flex-shrink:0}.bw-badge-img{width:84px;height:84px;object-fit:contain;display:block;background:transparent;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}.bw-badge-img-wrap.badge-display-stage--medal .bw-badge-img{border-radius:50%}.bw-badge-img-wrap.badge-display-stage--achievement .bw-badge-img{border-radius:18%}.bw-badge-img--dim{filter:grayscale(1) brightness(.4)}.bw-lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9}.bw-perfect-crown{position:absolute;top:-6px;right:-4px;background:linear-gradient(135deg,#f0d875,#d4af37);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #d4af3766}.bw-badge-name{font-size:.72rem;font-weight:800;color:#ffffffd9;text-align:center;letter-spacing:.03em;line-height:1.2}.bw-badge-stars{display:flex;gap:2px}.bw-star-on{color:#f0d875}.bw-star-off{color:#fff3}.bw-badge-btn--earned .bw-badge-img-wrap:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--lc, #d4af37) 45%,transparent),transparent);animation:bw-badge-shimmer 2.8s linear infinite;pointer-events:none;opacity:.65}@keyframes bw-badge-shimmer{to{transform:rotate(360deg)}}.bw-badge-emoji{display:flex;align-items:center;justify-content:center;width:84px;height:84px;font-size:2.6rem;line-height:1;border-radius:50%;background:#ffffff14;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}.bw-badge-emoji--dim{filter:grayscale(1) brightness(.4)}.bw-badge-btn--new-reveal{z-index:2}.bw-badge-btn--new-reveal.bw-badge-btn--earned{box-shadow:0 0 0 3px #d4af3766,0 10px 28px #d4af374d}.bw-badge-btn--new-reveal .bw-badge-img-wrap:after{animation-duration:1.2s;opacity:1}.bw-section-heading{margin:1.25rem 16px .75rem;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#f0d875e0;text-shadow:0 1px 8px rgba(212,175,55,.2)}@media (prefers-reduced-motion: reduce){.bw-wall-shimmer,.bw-badge-btn--earned .bw-badge-img-wrap:after{animation:none}.bw-root--admiring>*:not(.bw-wall-bg){transition:none}}.floating-letters{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-letters-tile{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;color:#fff;background:#ffffff12;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(2px);font-family:var(--font-display, "Baloo 2", sans-serif);user-select:none}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(145deg,#1a0533,#2d1060 35%,#4c1d95 65%,#1e1b4b);position:relative;overflow:hidden}.auth-screen--modal{min-height:auto;padding:0;background:transparent}.auth-overlay{position:fixed;inset:0;z-index:1000;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-gem{position:absolute;border-radius:50%;pointer-events:none;opacity:.12}.auth-gem--tr{width:420px;height:420px;top:-140px;right:-120px;background:radial-gradient(circle at 40% 40%,#a855f7,#7c3aed);animation:gem-float 18s ease-in-out infinite}.auth-gem--bl{width:320px;height:320px;bottom:-100px;left:-80px;background:radial-gradient(circle at 60% 60%,#818cf8,#4f46e5);animation:gem-float 24s ease-in-out infinite reverse}@keyframes gem-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(16px,-20px) scale(1.04)}66%{transform:translate(-10px,12px) scale(.97)}}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px #ffffff26,0 8px 24px #0000004d,0 32px 64px #00000040}.auth-card-top{background:linear-gradient(145deg,#1a0533,#3b0f8a,#4c1d95);padding:2rem 2rem 1.5rem;text-align:center;position:relative;overflow:hidden}.auth-card-top:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(167,139,250,.2) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 80% 70%,rgba(99,102,241,.15) 0%,transparent 60%);pointer-events:none}.auth-card-top:after{content:"★ ✦ ★";position:absolute;top:12px;right:18px;font-size:.6rem;color:#fff3;letter-spacing:6px;pointer-events:none}.auth-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;position:relative;z-index:1}.auth-brand-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(4px)}.auth-brand span{font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:-.5px;-webkit-text-fill-color:white}.auth-card-tagline{font-size:.78rem;color:#fff9;margin:0;position:relative;z-index:1;letter-spacing:.01em}.auth-card-body{padding:1.5rem 2rem 1.75rem;display:flex;flex-direction:column}.auth-header{margin-bottom:1.25rem;display:flex;align-items:flex-start;gap:.5rem}.auth-heading{font-size:1.3rem;font-weight:800;color:#1e1b4b;margin:0 0 .2rem;line-height:1.2}.auth-sub{font-size:.85rem;color:#64748b;margin:0;line-height:1.4}.auth-back{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:#f1f5f9;border-radius:50%;cursor:pointer;color:#475569;transition:background .15s,color .15s}.auth-back:hover{background:#e2e8f0;color:#1e293b}.auth-alert{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem .85rem;border-radius:10px;font-size:.83rem;line-height:1.4;margin-bottom:1rem;overflow:hidden}.auth-alert--err{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.auth-alert--ok{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.auth-alert svg{flex-shrink:0;margin-top:1px}.auth-tabs{display:flex;gap:0;background:#f1f5f9;border-radius:10px;padding:3px;margin-bottom:1.25rem}.auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:.45rem .5rem;font-size:.8rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;color:#64748b;background:transparent;transition:all .18s ease;font-family:inherit;white-space:nowrap}.auth-tab--on{background:#fff;color:#4f46e5;box-shadow:0 1px 4px #0000001a}.auth-tab:hover:not(.auth-tab--on){color:#334155}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.35rem;overflow:hidden}.auth-label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:#374151}.auth-forgot{margin-left:auto;font-size:.75rem;font-weight:600;color:#7c3aed;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;transition:color .15s}.auth-forgot:hover{color:#4f46e5;text-decoration:underline}.auth-input{width:100%;padding:.65rem .9rem;font-size:.92rem;border:2px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#1e293b;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed1f}.auth-input::placeholder{color:#94a3b8}.auth-input--pw{padding-right:42px}.auth-pw-wrap{position:relative}.auth-pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;cursor:pointer;color:#94a3b8;border-radius:6px;transition:color .15s,background .15s}.auth-pw-eye:hover{color:#475569;background:#f1f5f9}.auth-strength{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.auth-strength-bars{display:flex;gap:4px;flex:1}.auth-strength-segment{height:4px;flex:1;border-radius:2px;background:#e2e8f0;transition:background .25s ease}.auth-consent{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;color:#64748b;cursor:pointer;line-height:1.5;overflow:hidden}.auth-consent input[type=checkbox]{flex-shrink:0;margin-top:2px;width:16px;height:16px;accent-color:#7c3aed;cursor:pointer}.auth-consent a{color:#7c3aed;text-decoration:underline}.auth-submit{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.75rem;margin-top:.25rem;font-size:.97rem;font-weight:700;font-family:inherit;color:#fff;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 4px 14px #7c3aed59;transition:box-shadow .2s,opacity .2s}.auth-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.auth-submit:not(:disabled):hover{box-shadow:0 6px 18px #7c3aed73}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.1rem 0 .85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-divider span{font-size:.75rem;color:#94a3b8;font-weight:500}.auth-google{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.65rem;font-size:.88rem;font-weight:600;font-family:inherit;color:#374151;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.auth-google:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.auth-google:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.auth-guest-warning{display:flex;align-items:flex-start;gap:.45rem;margin-top:.75rem;padding:.55rem .65rem;font-size:.78rem;line-height:1.35;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px}.auth-guest-warning svg{flex-shrink:0;margin-top:.1rem}.auth-guest{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem;margin-top:.65rem;font-size:.82rem;font-weight:500;font-family:inherit;color:#64748b;background:transparent;border:1.5px dashed #cbd5e1;border-radius:10px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.auth-guest:hover{color:#374151;border-color:#94a3b8;background:#f8fafc}.auth-legal{text-align:center;margin-top:1rem;font-size:.73rem;color:#94a3b8}.auth-legal a{color:#94a3b8;text-decoration:underline}.auth-legal a:hover{color:#7c3aed}@media (max-width: 480px){.auth-card{padding:1.75rem 1.35rem 1.5rem;border-radius:20px}.auth-heading{font-size:1.15rem}}:root{--purple-700: #6d28d9;--purple-600: #7c3aed;--purple-500: #8b5cf6;--purple-100: #ede9fe;--purple-50: #f5f3ff;--grad-purple: linear-gradient(135deg, #667eea 0%, #7c3aed 100%);--grad-hero: linear-gradient(160deg, #0f0a2a 0%, #1e0a4a 50%, #2d1070 100%);--text-dark: #0f0a1e;--text-mid: #4b5563;--text-light: #9ca3af;--radius-xl: 20px;--radius-lg: 16px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .07);--shadow-glow: 0 8px 40px rgba(124, 58, 237, .35)}.landing{min-height:100vh;background:#fff;font-family:Lexend,Segoe UI,sans-serif;color:var(--text-dark);overflow-x:hidden}.landing-section-title,.landing-anchor-title,.landing-final-cta h2,.landing-step h3{font-family:"Baloo 2",Lexend,sans-serif;font-weight:600;letter-spacing:-.01em}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;position:sticky;top:0;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:200;border-bottom:1px solid rgba(0,0,0,.06)}.landing-logo-svg{display:block;height:36px;width:auto}.landing-logo-svg--footer{opacity:.6;filter:brightness(0) invert(1)}.landing-nav-cta{background:var(--grad-purple);color:#fff;border:none;border-radius:50px;padding:9px 22px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .15s}.landing-nav-cta:hover{opacity:.88;transform:translateY(-1px)}.landing-hero{background:var(--grad-hero);padding:80px 24px 64px;text-align:center;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 30% 40%,rgba(139,92,246,.2) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 80% 20%,rgba(102,126,234,.15) 0%,transparent 70%);pointer-events:none}.landing-hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}.landing-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:7px 18px;font-size:.78rem;font-weight:700;letter-spacing:.03em;margin-bottom:28px;backdrop-filter:blur(8px)}.landing-hero-title{font-family:"Baloo 2",Lexend,sans-serif;font-size:clamp(2.6rem,7vw,4.4rem);font-weight:600;line-height:1.1;margin:0 0 20px;color:#fff;letter-spacing:-.01em}.landing-hero-title-accent{background:linear-gradient(135deg,#a78bfa,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-sub{font-size:clamp(1rem,2.5vw,1.2rem);color:#ffffffbf;line-height:1.7;max-width:560px;margin:0 auto 36px}.landing-hero-br{display:none}@media (min-width: 600px){.landing-hero-br{display:inline}}.landing-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-cta-primary{background:#fff;color:var(--purple-700);border:none;border-radius:var(--radius-xl);padding:16px 32px;font-size:1.05rem;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-glow);transition:transform .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;gap:8px}.landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 48px #7c3aed73}.landing-cta-primary:active{transform:scale(.98)}.landing-cta-secondary{background:#ffffff1f;color:#fff;border:1.5px solid rgba(255,255,255,.35);border-radius:var(--radius-xl);padding:16px 28px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,transform .15s;backdrop-filter:blur(8px)}.landing-cta-secondary:hover{background:#fff3;border-color:#ffffff8c;transform:translateY(-1px)}.landing-cta-arrow{font-size:1em;flex-shrink:0}.landing-hero-note{font-size:.8rem;color:#ffffff73;margin-top:16px;margin-bottom:0}.landing-level-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:48px}.landing-chip{color:#fff;border-radius:50px;padding:5px 15px;font-size:.78rem;font-weight:700;opacity:.9;box-shadow:0 2px 8px #00000040}.landing-trust-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:18px 24px;background:var(--purple-50);border-bottom:1px solid var(--purple-100)}.landing-trust-item{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--purple-700)}.landing-trust-item svg{font-size:1em;color:var(--purple-500)}.landing-trust-sep{width:4px;height:4px;border-radius:50%;background:var(--purple-300, #c4b5fd);flex-shrink:0}.landing-section-title{text-align:center;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;margin:0 0 12px;color:var(--text-dark)}.landing-section-sub{text-align:center;font-size:1rem;color:var(--text-mid);margin:0 auto 40px;max-width:540px}.landing-tiles-demo{display:flex;gap:8px;justify-content:center;margin-bottom:32px}.landing-tile{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",Lexend,sans-serif;font-size:1.5rem;font-weight:600;color:#fff;box-shadow:0 4px #0000002e,0 6px 16px #0000001f;letter-spacing:0}.landing-tile[data-idx="0"]{background:linear-gradient(145deg,#c084fc,#a855f7)}.landing-tile[data-idx="1"]{background:linear-gradient(145deg,#f472b6,#ec4899)}.landing-tile[data-idx="2"]{background:linear-gradient(145deg,#f87171,#ef4444)}.landing-tile[data-idx="3"]{background:linear-gradient(145deg,#fbbf24,#f59e0b)}.landing-tile[data-idx="4"]{background:linear-gradient(145deg,#60a5fa,#3b82f6)}.landing-how{padding:80px 24px;background:var(--purple-50)}.landing-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;max-width:860px;margin:0 auto;flex-wrap:wrap;row-gap:32px}.landing-step{flex:1;min-width:200px;max-width:220px;text-align:center;padding:0 16px}.landing-step-num{width:64px;height:64px;border-radius:16px;background:var(--grad-purple);color:#fff;font-family:"Baloo 2",Lexend,sans-serif;font-size:1.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px #6d28d980,0 8px 24px #7c3aed59}.landing-step h3{font-size:1.2rem;font-weight:600;margin:0 0 10px;color:var(--text-dark)}.landing-step p{font-size:.9rem;color:var(--text-mid);line-height:1.65;margin:0}.landing-step-connector{flex-shrink:0;width:40px;height:2px;background:linear-gradient(90deg,var(--purple-300, #c4b5fd),var(--purple-500));align-self:center;margin-top:-32px;border-radius:2px}@media (max-width: 640px){.landing-step-connector{display:none}}.landing-transform{padding:80px 24px;background:#fff}.landing-transform-grid{display:flex;align-items:center;justify-content:center;gap:16px;max-width:900px;margin:0 auto;flex-wrap:wrap}.landing-transform-card{flex:1;min-width:260px;max-width:380px;border-radius:var(--radius-xl);padding:28px 24px;display:flex;flex-direction:column;gap:14px}.landing-transform-card--before{background:#fef2f2;border:1.5px solid #fecaca}.landing-transform-card--after{background:#f0fdf4;border:1.5px solid #bbf7d0}.landing-transform-heading{font-family:"Baloo 2",Lexend,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:4px}.landing-transform-card--before .landing-transform-heading{color:#b91c1c}.landing-transform-card--after .landing-transform-heading{color:#15803d}.landing-transform-row{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;color:#374151}.landing-transform-emoji{font-size:1.1rem;flex-shrink:0;margin-top:1px}.landing-transform-arrow{font-size:2.5rem;color:var(--purple-500);flex-shrink:0;font-weight:900}@media (max-width: 640px){.landing-transform-arrow{transform:rotate(90deg)}}.landing-dual{padding:80px 24px;background:var(--purple-50);display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.landing-dual-card{flex:1;min-width:280px;max-width:440px;border-radius:var(--radius-xl);padding:36px 32px;display:flex;flex-direction:column;gap:16px}.landing-dual-card--kids{background:linear-gradient(145deg,#1e0a4a,#3b0f8a);box-shadow:0 12px 48px #7c3aed4d}.landing-dual-card--parents{background:#fff;border:1.5px solid var(--purple-100);box-shadow:var(--shadow-card)}.landing-dual-icon{font-size:2.4rem;line-height:1}.landing-dual-title{font-family:"Baloo 2",Lexend,sans-serif;font-size:1.6rem;font-weight:600;margin:0;letter-spacing:-.01em}.landing-dual-card--kids .landing-dual-title{color:#fff}.landing-dual-card--parents .landing-dual-title{color:var(--text-dark)}.landing-dual-sub{font-size:.95rem;margin:0;line-height:1.5}.landing-dual-card--kids .landing-dual-sub{color:#ffffffb3}.landing-dual-card--parents .landing-dual-sub{color:var(--text-mid)}.landing-dual-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1}.landing-dual-list li{display:flex;align-items:center;gap:8px;font-size:.92rem;line-height:1.4}.landing-dual-card--kids .landing-dual-list li{color:#ffffffe6}.landing-dual-card--parents .landing-dual-list li{color:var(--text-dark)}.landing-dual-bullet{flex-shrink:0;font-size:.85em}.landing-dual-bullet--star{color:#fbbf24}.landing-dual-bullet--trophy{color:#fb923c}.landing-dual-bullet--check{color:#16a34a}.landing-dual-bullet--heart{color:#e11d48}.landing-dual-cta{width:100%;padding:13px 20px;border-radius:var(--radius-lg);font-family:"Baloo 2",Lexend,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:transform .15s,opacity .2s;letter-spacing:.01em}.landing-dual-cta:hover{transform:translateY(-2px);opacity:.9}.landing-dual-cta--kids{background:#fff;color:var(--purple-700);box-shadow:0 4px 20px #00000026}.landing-dual-cta--parents{background:var(--grad-purple);color:#fff;box-shadow:0 4px 20px #7c3aed59}.landing-features{padding:80px 24px;background:#fff}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;max-width:920px;margin:0 auto}.landing-feature-card{background:#fff;border:1.5px solid var(--purple-100);border-top:3px solid var(--purple-500);border-radius:var(--radius-xl);padding:28px 24px;transition:transform .2s,box-shadow .2s,border-top-color .2s}.landing-feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #7c3aed1f;border-top-color:var(--purple-600)}.landing-feature-icon{font-size:1.8rem;color:var(--purple-600);margin-bottom:14px;display:flex}.landing-feature-title{font-family:"Baloo 2",Lexend,sans-serif;font-size:1.1rem;font-weight:600;margin:0 0 8px;color:var(--text-dark);letter-spacing:-.01em}.landing-feature-body{font-size:.88rem;color:var(--text-mid);line-height:1.65;margin:0}.landing-anchor{padding:80px 24px;background:var(--grad-hero);position:relative;overflow:hidden}.landing-anchor:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 70% 50%,rgba(139,92,246,.2) 0%,transparent 70%);pointer-events:none}.landing-anchor-inner{position:relative;z-index:1;max-width:720px;margin:0 auto;text-align:center}.landing-anchor-title{font-size:clamp(1.4rem,3.5vw,2rem);font-weight:900;color:#fff;margin:0 0 48px}.landing-anchor-compare{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.landing-anchor-vs{font-size:1.2rem;font-weight:900;color:#fff6;flex-shrink:0}.landing-anchor-item{flex:1;min-width:220px;max-width:280px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:28px 24px;text-align:center;backdrop-filter:blur(8px)}.landing-anchor-item--good{background:#8b5cf633;border-color:#a78bfa80;box-shadow:0 0 40px #8b5cf640}.landing-anchor-price{font-size:2.6rem;font-weight:900;color:#fff;line-height:1;margin-bottom:6px}.landing-anchor-price span{font-size:1rem;font-weight:600;opacity:.7}.landing-anchor-label{font-size:.82rem;font-weight:700;color:#fff9;letter-spacing:.03em;margin-bottom:20px}.landing-anchor-list{list-style:none;padding:0;margin:0;text-align:left}.landing-anchor-list li{font-size:.85rem;color:#ffffffbf;padding:5px 0}.landing-anchor-item--bad .landing-anchor-list li{color:#ffffff73}.landing-pricing{padding:80px 24px;background:#f9fafb}.landing-pricing-cards{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;max-width:760px;margin:0 auto 20px}.landing-pricing-card{flex:1;min-width:270px;max-width:340px;background:#fff;border:2px solid #e5e7eb;border-radius:var(--radius-xl);padding:32px 28px;text-align:center;position:relative}.landing-pricing-card--featured{border-color:var(--purple-600);box-shadow:0 12px 48px #7c3aed2e}.landing-pricing-popular{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--grad-purple);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 16px;border-radius:50px;white-space:nowrap}.landing-pricing-badge{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);margin-bottom:12px}.landing-pricing-badge--featured{color:var(--purple-600)}.landing-pricing-price{font-family:"Baloo 2",Lexend,sans-serif;font-size:3.5rem;font-weight:600;color:var(--text-dark);line-height:1;margin-bottom:4px;letter-spacing:-.02em}.landing-pricing-period{font-size:.8rem;color:var(--text-light);font-weight:600;margin-bottom:24px}.landing-pricing-list{list-style:none;padding:0;margin:0 0 28px;text-align:left}.landing-pricing-list li{font-size:.88rem;color:var(--text-mid);padding:6px 0;border-bottom:1px solid #f3f4f6;font-weight:600}.landing-pricing-cta-free{width:100%;background:none;border:2px solid #e5e7eb;border-radius:var(--radius-lg);padding:13px;font-size:.95rem;font-weight:700;color:var(--text-mid);cursor:pointer;font-family:inherit;transition:all .2s}.landing-pricing-cta-free:hover{border-color:var(--purple-600);color:var(--purple-600)}.landing-pricing-cta-paid{width:100%;background:var(--grad-purple);color:#fff;border:none;border-radius:var(--radius-lg);padding:15px;font-size:1rem;font-weight:800;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .15s;box-shadow:0 4px 24px #7c3aed59}.landing-pricing-cta-paid:hover{opacity:.9;transform:translateY(-1px)}.landing-pricing-guarantee{font-size:.75rem;color:var(--text-light);margin:12px 0 0}.landing-pricing-note{text-align:center;font-size:.78rem;color:var(--text-light);margin:0}.landing-faq{padding:80px 24px;background:#fff}.landing-faq-list{max-width:680px;margin:0 auto;border:1px solid #e5e7eb;border-radius:var(--radius-xl);overflow:hidden}.landing-faq-item{border-bottom:1px solid #e5e7eb}.landing-faq-item:last-child{border-bottom:none}.landing-faq-item--open{background:var(--purple-50)}.landing-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:none;border:none;text-align:left;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--text-dark);cursor:pointer;transition:background .2s}.landing-faq-question:hover{background:var(--purple-50)}.landing-faq-chevron{font-size:1.4rem;font-weight:400;color:var(--purple-600);flex-shrink:0;line-height:1}.landing-faq-answer{padding:0 24px 20px;margin:0;font-size:.9rem;color:var(--text-mid);line-height:1.7}.landing-final-cta{padding:100px 24px;background:var(--grad-hero);text-align:center;position:relative;overflow:hidden}.landing-final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(139,92,246,.25) 0%,transparent 70%);pointer-events:none}.landing-final-cta-inner{position:relative;z-index:1;max-width:640px;margin:0 auto}.landing-final-cta h2{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:900;color:#fff;margin:0 0 14px}.landing-final-cta p{font-size:1.05rem;color:#ffffffb3;margin:0 0 36px}.landing-final-cta-primary{background:#fff;color:var(--purple-700);border:none;border-radius:var(--radius-xl);padding:16px 32px;font-size:1.05rem;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 8px 32px #0003;transition:transform .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;gap:8px}.landing-final-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}.landing-final-cta-secondary{background:#ffffff1f;color:#fff;border:1.5px solid rgba(255,255,255,.35);border-radius:var(--radius-xl);padding:16px 28px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,transform .15s;backdrop-filter:blur(8px)}.landing-final-cta-secondary:hover{background:#fff3;border-color:#ffffff8c;transform:translateY(-1px)}.landing-final-cta-stars{font-size:1.4rem;letter-spacing:6px;margin-bottom:20px;opacity:.9}.landing-footer{background:#0f0a2a;color:#6b7280;padding:40px 24px 24px}.landing-footer-inner{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px;max-width:960px;margin:0 auto 24px}.landing-footer-brand p{font-size:.82rem;color:#4b5563;margin:8px 0 0}.landing-footer-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.landing-footer-links a{font-size:.85rem;color:#6b7280;text-decoration:none;transition:color .2s}.landing-footer-links a:hover{color:#fff}.landing-footer-legal{text-align:center;font-size:.72rem;color:#374151;max-width:720px;margin:0 auto;line-height:1.6}@media (max-width: 480px){.landing-hero{padding:60px 20px 48px}.landing-cta-primary,.landing-cta-secondary{width:100%;justify-content:center}.landing-trust-bar{gap:10px}.landing-trust-sep{display:none}.landing-anchor-compare{gap:12px}.landing-anchor-vs{display:none}.landing-anchor-item{min-width:100%}.landing-final-cta-primary,.landing-final-cta-secondary{width:100%;justify-content:center}}.profile-selector-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));background:linear-gradient(145deg,#1a0533,#2d1060 35%,#4c1d95 65%,#1e1b4b);position:relative;overflow:hidden}.profile-selector-gem{position:absolute;border-radius:50%;pointer-events:none;opacity:.12}.profile-selector-gem--tr{width:420px;height:420px;top:-140px;right:-120px;background:radial-gradient(circle at 40% 40%,#a855f7,#7c3aed);animation:profile-gem-float 18s ease-in-out infinite}.profile-selector-gem--bl{width:320px;height:320px;bottom:-100px;left:-80px;background:radial-gradient(circle at 60% 60%,#818cf8,#4f46e5);animation:profile-gem-float 24s ease-in-out infinite reverse}@keyframes profile-gem-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(16px,-20px) scale(1.04)}66%{transform:translate(-10px,12px) scale(.97)}}.profile-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:520px;position:relative;z-index:1}.profile-selector-title{font-family:var(--font-display, "Baloo 2", sans-serif);font-size:var(--font-size-3xl, 1.875rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-white, #fff);margin-bottom:var(--spacing-xl, 1.5rem);text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.25)}.welcome-message{text-align:center;width:100%;max-width:420px;padding:var(--spacing-2xl, 2rem) var(--spacing-xl, 1.5rem);background:var(--color-white, #fff);border-radius:24px;box-shadow:0 0 0 1px #ffffff26,0 8px 24px #0000004d,0 32px 64px #00000040}.welcome-emoji{margin-bottom:var(--spacing-md, .75rem);line-height:1}.welcome-title{font-family:var(--font-display, "Baloo 2", sans-serif);font-size:clamp(1.5rem,5vw,var(--font-size-3xl, 1.875rem));font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #2d3436);margin:0 0 var(--spacing-sm, .5rem);line-height:var(--line-height-snug, 1.25)}.welcome-subtitle{color:var(--color-text-secondary, #636e72);margin:0 0 var(--spacing-2xl, 2rem);font-size:var(--font-size-lg, 1.125rem);line-height:var(--line-height-relaxed, 1.625)}.btn-create-first{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem);width:100%;max-width:280px;padding:1rem 1.75rem;background:linear-gradient(135deg,var(--color-brand-secondary, #845ef7) 0%,var(--color-brand-secondary-dark, #5f3dc4) 100%);color:var(--color-white, #fff);border:none;border-radius:16px;font-family:var(--font-display, "Baloo 2", sans-serif);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);cursor:pointer;box-shadow:0 4px 15px #845ef773}.btn-create-first:focus-visible{outline:3px solid var(--color-brand-primary, #22b8cf);outline-offset:3px}.btn-continue-without-profile{margin-top:var(--spacing-lg, 1rem);padding:.75rem 1rem;background:transparent;border:none;color:var(--color-text-secondary, #636e72);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .2s ease}.btn-continue-without-profile:hover{color:var(--color-brand-secondary, #845ef7)}.btn-continue-without-profile:focus-visible{outline:2px solid var(--color-brand-primary, #22b8cf);outline-offset:2px;border-radius:4px}.profile-list-container{width:100%}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.profile-card{background:#fff;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;border:3px solid transparent;box-shadow:0 2px 10px #0000001a;position:relative;transition:border-color .2s ease}.profile-card:hover{border-color:var(--profile-color)}.profile-card.selected{border-color:var(--profile-color);box-shadow:0 4px 20px #00000026}.profile-avatar-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.profile-avatar-image{border-radius:50%}.profile-info{text-align:center}.profile-name{font-family:var(--font-display, "Baloo 2", sans-serif);font-size:1.1rem;font-weight:600;color:#333;display:block}.profile-level{font-size:.8rem;color:#888}.profile-stats-mini{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#666}.stat-item{display:flex;align-items:center;gap:.25rem}.profile-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.profile-card:hover .profile-actions{opacity:1}.profile-action-btn{width:28px;height:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.profile-action-btn:hover{transform:scale(1.1)}.profile-action-btn.edit{background:#e0e7ff;color:#6366f1}.profile-action-btn.delete{background:#fee2e2;color:#ef4444}.profile-action-btn.trophy{position:relative;background:#fef3c7;color:#d97706}.profile-action-btn.trophy.has-unseen{box-shadow:0 0 0 2px #ec489959}.profile-trophy-unseen-indicator{position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:#ec4899;border:1.5px solid rgba(255,255,255,.95)}.profile-selected-badge{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:3px solid white;box-shadow:0 2px 8px #10b98166}.add-profile-btn{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:3px dashed #7dd3fc;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;color:#0284c7;min-height:180px;transition:all .2s ease}.add-profile-btn:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#38bdf8}.add-profile-btn span{font-family:var(--font-display, "Baloo 2", sans-serif);font-weight:600}.create-profile-form{background:#fff;border-radius:20px;padding:2rem;max-width:450px;width:100%;box-shadow:0 0 0 1px #ffffff26,0 8px 24px #00000040,0 24px 48px #0003}.form-title{font-family:var(--font-display, "Baloo 2", sans-serif);font-size:1.5rem;color:#333;margin-bottom:1.5rem;text-align:center}.form-field{margin-bottom:1.25rem}.form-field label{display:block;font-weight:600;color:#555;margin-bottom:.5rem;font-size:.9rem}.form-field input[type=text]{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:border-color .2s ease}.form-field input[type=text]:focus{outline:none;border-color:var(--color-brand-secondary, #845ef7)}.age-options{display:flex;flex-wrap:wrap;gap:.5rem}.age-option{padding:.5rem .75rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.85rem;cursor:pointer;transition:all .2s ease}.age-option:hover{border-color:var(--color-brand-secondary, #845ef7)}.age-option.selected{background:var(--color-brand-secondary, #845ef7);border-color:var(--color-brand-secondary, #845ef7);color:#fff}.avatar-options{display:flex;flex-wrap:wrap;gap:.75rem}.avatar-option{width:48px;height:48px;border-radius:50%;border:3px solid transparent;background:#ffffffeb;box-shadow:inset 0 0 0 2px var(--avatar-color, #e5e7eb);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;overflow:hidden}.avatar-option-image{border-radius:50%}.avatar-option:hover{transform:scale(1.1)}.avatar-option.selected{border-color:#333;transform:scale(1.1)}.color-options{display:flex;flex-wrap:wrap;gap:.5rem}.color-option{width:36px;height:36px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#333;transform:scale(1.1)}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel,.btn-submit{flex:1;padding:.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#f3f4f6;border:none;color:#6b7280}.btn-cancel:hover{background:#e5e7eb}.btn-submit{background:linear-gradient(135deg,var(--color-brand-secondary, #845ef7),var(--color-brand-secondary-dark, #5f3dc4));border:none;color:#fff;box-shadow:0 2px 10px #8b5cf64d}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.delete-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.delete-confirm-modal{background:#fff;border-radius:16px;padding:1.5rem;max-width:320px;text-align:center}.delete-confirm-modal h3{font-family:var(--font-display, "Baloo 2", sans-serif);font-size:1.25rem;color:#333;margin-bottom:.5rem}.delete-confirm-modal p{color:#666;font-size:.9rem;margin-bottom:1.5rem}.confirm-actions{display:flex;gap:.75rem}.btn-delete{flex:1;padding:.75rem;border-radius:10px;border:none;font-weight:600;cursor:pointer;background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}@media (max-width: 480px){.profile-selector-screen{padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.welcome-message{padding:var(--spacing-xl, 1.5rem) var(--spacing-lg, 1rem);border-radius:20px}.profile-selector-title{font-size:var(--font-size-2xl, 1.5rem)}.profile-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.profile-card{padding:1rem}.profile-avatar-circle{width:48px;height:48px}.create-profile-form{padding:1.5rem}}