:root{--teal: #2D8C5F;--teal-dark: #1B5E38;--teal-light: #C8E6C0;--amber: #F9A825;--amber-dark: #C47D00;--parchment: #FBF3E2;--parchment-border: rgba(185,150,85,.4);--purple: #2D8C5F;--purple-dark: #1B5E38;--pink: #F9A825;--orange: #E8803A;--yellow: #F5C842;--green: #27AE60;--red: #D32F2F;--blue: #1565C0;--navy: #1C2B1F;--ink: #1C2B1F;--muted: #6B7F65;--card: #FBF3E2;--surface: #EFF7ED;--cream: #FFF8E1;--background: #F0E9D8;--shadow: 0 4px 20px rgba(100, 70, 20, .14);--shadow-sm: 0 2px 10px rgba(100, 70, 20, .09);--radius: 14px;--content-max-width: 480px;--wide-max-width: 480px;--app-max-width: 480px}@media (min-width: 640px){:root{--content-max-width: 640px;--wide-max-width: 760px;--app-max-width: 640px}}@media (min-width: 1024px){:root{--content-max-width: 760px;--wide-max-width: 1080px;--app-max-width: 760px}}@media (min-width: 1440px){:root{--content-max-width: 860px;--wide-max-width: 1320px;--app-max-width: 860px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{scrollbar-width:thin;scrollbar-color:var(--teal) var(--teal-light)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--teal-light);border-radius:10px}*::-webkit-scrollbar-thumb{background:var(--teal);border-radius:10px;border:2px solid var(--teal-light)}*::-webkit-scrollbar-thumb:hover{background:var(--teal-dark)}html,body,#root{margin:0;height:100%}body{font-family:"Baloo 2",Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--background);-webkit-font-smoothing:antialiased}@media (min-width: 640px){body{background:linear-gradient(160deg,#d6edd8,#eee8d3 45%,#f5e9c8)}}.app-shell{width:100%;min-height:100%;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.screen{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:16px 16px 24px;animation:fadeIn .3s ease}.screen.screen-wide{max-width:var(--wide-max-width)}@media (min-width: 1024px){.screen{padding:28px 24px 32px}}.screen.has-bottom-nav{padding-bottom:80px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.center{align-items:center;justify-content:center;text-align:center}h1,h2,h3{margin:0;line-height:1.2}.brand-title{font-family:Cinzel Decorative,"Baloo 2",serif;font-size:2.1rem;font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.3),0 1px 0 rgba(255,220,100,.35)}.brand-tagline{font-size:1rem;color:#ffffffe6;font-weight:600;margin-top:4px;letter-spacing:.03em}.mascot{font-size:4.5rem;animation:float 3s ease-in-out infinite;margin:10px 0}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;border:1.5px solid var(--parchment-border)}.btn{border:none;border-radius:12px;padding:14px 22px;font-size:1.05rem;font-weight:700;font-family:inherit;color:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s;box-shadow:0 4px #0000001f;width:100%;letter-spacing:.2px}.btn:active{transform:translateY(3px);box-shadow:0 1px #0000001f}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#38a86e,#1b5e38);box-shadow:0 5px #0f3520,0 6px 16px #1b5e3852}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#2d9960,#174e30)}.btn-primary:active{transform:translateY(4px);box-shadow:0 1px #0f3520,0 2px 8px #1b5e3833}.btn-secondary{background:linear-gradient(180deg,#ffca28,#f9a825);color:var(--navy);box-shadow:0 5px #a67000,0 6px 16px #b4780047}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#ffd740,#f5a000)}.btn-secondary:active{transform:translateY(4px);box-shadow:0 1px #a67000}.btn-success{background:var(--green)}.btn-ghost{background:#fff;color:var(--teal-dark);border:2px solid var(--teal-light);box-shadow:0 3px 0 var(--teal-light)}.btn-ghost:hover:not(:disabled){background:var(--teal-light)}.btn-row{display:flex;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.spacer{flex:1}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{font-weight:700;color:var(--muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.05em}.field input,.field select{padding:13px 14px;border-radius:12px;border:2px solid rgba(170,135,70,.35);font-size:1rem;font-family:inherit;background:#fefaf2;outline:none;color:var(--ink);transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--teal);background:#fff}.app-fixed-topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width, 480px);z-index:200;padding:12px 16px 0}@media (min-width: 1024px){.app-fixed-topbar{padding:16px 24px 0}}.has-fixed-topbar{padding-top:92px!important}@media (min-width: 1024px){.has-fixed-topbar{padding-top:104px!important}}.topbar{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-height:46px;background:linear-gradient(135deg,#1b5e38,#2d8c5f);border-radius:14px;padding:8px 10px;box-shadow:0 4px 12px #1b5e3838;overflow-x:auto;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.topbar-chip{display:inline-flex;align-items:center;gap:4px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.3);border-radius:999px;padding:5px 11px;font-weight:800;font-size:.88rem;color:#fff;box-shadow:0 2px 6px #00000026;white-space:nowrap;flex-shrink:0}.topbar-stats{display:flex;align-items:center;gap:6px;flex:1 1 auto;justify-content:center;min-width:0;flex-wrap:nowrap}.pill{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1.5px solid #D5EDF0;border-radius:999px;padding:5px 11px;font-weight:800;box-shadow:var(--shadow-sm);font-size:.88rem}.icon-btn{background:#fff3;border:1.5px solid rgba(255,255,255,.32);border-radius:50%;width:40px;height:40px;font-size:1.1rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-btn:active{transform:scale(.93)}.lang-toggle{margin-left:auto;background:#fff;border:1.5px solid #D5EDF0;border-radius:999px;padding:7px 14px;font-weight:700;color:var(--teal-dark);box-shadow:var(--shadow-sm);cursor:pointer;font-family:inherit;font-size:.9rem}.progress-track{height:10px;background:#aa874638;border-radius:999px;overflow:hidden;margin:4px 0 14px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--teal-dark));border-radius:999px;transition:width .4s ease}.question-text{font-size:1.3rem;font-weight:800;text-align:center;margin:4px 0 14px;color:var(--navy);line-height:1.4}.media-box{background:#fff;border-radius:var(--radius);min-height:100px;display:flex;align-items:center;justify-content:center;font-size:3.2rem;margin-bottom:12px;border:2px solid #D5EDF0;box-shadow:var(--shadow-sm)}.retry-icon-btn{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:2px solid #D5EDF0;background:#fff;color:var(--navy);font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,background .12s ease;z-index:2}.retry-icon-btn:hover{background:var(--teal-light)}.retry-icon-btn:active{transform:scale(.9)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{background:var(--parchment);border:2px solid var(--parchment-border);border-radius:14px;padding:16px 10px;font-size:1.15rem;font-weight:700;color:var(--navy);cursor:pointer;transition:transform .1s ease,border-color .15s,background .15s,box-shadow .15s;min-height:68px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 3px #966e2838,var(--shadow-sm)}.option:active{transform:translateY(2px);box-shadow:0 1px #966e2833}.option.selected{border-color:var(--teal);background:var(--teal-light);color:var(--teal-dark);box-shadow:0 0 0 3px #2d8c5f33}.option.correct{border-color:var(--green);background:#d5f5e3;animation:pop .3s;box-shadow:0 0 0 3px #27ae6038}.option.wrong{border-color:var(--red);background:#fdeaea}.seq-order-badge{position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;background:var(--teal);color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.blanks-list{display:flex;flex-direction:column;gap:14px;width:100%}.blank-row{display:flex;align-items:center;gap:12px;background:var(--parchment);border:2px solid var(--parchment-border);border-radius:16px;padding:12px 14px;box-shadow:0 3px #966e282e,var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.blank-row:has(.blank-input:focus){border-color:var(--teal);box-shadow:0 0 0 3px #2d8c5f2e}.blank-index{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--teal-light);color:var(--teal-dark);font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center}.blank-input{flex:1;border:2px dashed rgba(160,120,55,.45);border-radius:12px;padding:10px 14px;font-size:1.1rem;font-weight:700;color:var(--navy);background:#fefaf2;outline:none;transition:border-color .15s ease,background .15s ease;min-width:0}.blank-input::placeholder{color:var(--muted);font-weight:500;opacity:.7}.blank-input:focus{border-color:var(--teal);border-style:solid;background:#fff}.blank-input.correct{border-color:var(--green);border-style:solid;background:#d5f5e3;color:var(--green);animation:pop .3s}.blank-input.wrong{border-color:var(--red);border-style:solid;background:#fdeaea}.blank-chip-row{flex:1;display:flex;flex-wrap:wrap;gap:8px}.blank-row-column{flex-direction:column;align-items:stretch}.blank-row-column .blank-index{align-self:flex-start}.blank-chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}.blank-chip-grid .blank-chip{width:100%;border-radius:12px;text-align:center}.blank-chip{background:var(--parchment);border:2px solid var(--parchment-border);border-radius:999px;padding:9px 16px;font-size:.95rem;font-weight:700;color:var(--navy);cursor:pointer;transition:transform .1s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 2px #966e2833}.blank-chip:hover:not(:disabled){border-color:var(--teal)}.blank-chip:active:not(:disabled){transform:translateY(2px);box-shadow:none}.blank-chip.selected{border-color:var(--teal);background:var(--teal-light);color:var(--teal-dark);box-shadow:0 0 0 3px #2d8c5f33}.blank-chip.correct{border-color:var(--green);background:#d5f5e3;color:var(--green);animation:pop .3s}.blank-chip.wrong{border-color:var(--red);background:#fdeaea;color:var(--red)}.blank-chip:disabled{cursor:default;opacity:.85}@media (min-width: 640px){.blank-row{padding:14px 18px}.blank-input,.blank-chip{font-size:1.05rem}}.calculator{background:var(--parchment);border-radius:20px;padding:14px;border:2px solid var(--parchment-border);box-shadow:var(--shadow-sm);max-width:340px;margin:0 auto;width:100%}.numeric-display{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--navy);color:#fff;border-radius:14px;padding:18px;margin-bottom:12px;min-height:60px;font-size:2rem;font-weight:800;font-family:"Baloo 2",Segoe UI,monospace;letter-spacing:1px;transition:background .2s ease,box-shadow .2s ease}.numeric-display-value{flex:1;text-align:right;overflow-x:auto;white-space:nowrap}.numeric-display-placeholder{opacity:.45;font-size:1.05rem;font-weight:600;letter-spacing:0}.numeric-display.correct{background:var(--green);box-shadow:0 0 0 3px #3bb27340;animation:pop .3s}.numeric-display.wrong{background:var(--red);box-shadow:0 0 0 3px #e5393533}.numeric-clear-btn{flex-shrink:0;background:#ffffff26;border:none;color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .15s}.numeric-clear-btn:hover{background:#ffffff47}.numeric-clear-btn:active{background:#ffffff61}.numeric-keypad{display:grid;gap:10px}.numeric-keypad-digits{grid-template-columns:1fr 1fr 1fr;margin-bottom:10px}.numeric-keypad-bottom{grid-template-columns:repeat(var(--bottom-keys, 2),1fr)}.keypad-btn{background:linear-gradient(180deg,#fefaf2,#f3e8cc);border:1.5px solid rgba(160,120,55,.35);border-radius:14px;font-size:1.5rem;font-weight:800;color:var(--navy);min-height:58px;cursor:pointer;box-shadow:0 4px #8c641e47;transition:transform .08s ease,box-shadow .08s ease,background .12s ease;user-select:none;-webkit-user-select:none}.keypad-btn:hover:not(:disabled){background:linear-gradient(180deg,#fff,#edd99a)}.keypad-btn:active:not(:disabled),.keypad-btn.keypad-btn-pressed{transform:translateY(3px);box-shadow:0 1px #8c641e38;background:linear-gradient(180deg,#2d8c5f,#1b5e38);color:#fff;border-color:#0f3520}.keypad-btn:disabled{opacity:.6;cursor:default}.keypad-btn-reset{font-size:1rem;letter-spacing:.02em}@media (min-width: 640px){.calculator{max-width:380px}.keypad-btn{min-height:64px;font-size:1.65rem}.keypad-btn-reset{font-size:1.15rem}}.match-board{position:relative;width:100%}.match-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.match-line{stroke-width:5;stroke-linecap:round;transition:stroke .2s ease,stroke-width .15s ease,filter .15s ease;pointer-events:none}.match-line-hit{stroke:transparent;stroke-width:22;pointer-events:stroke;cursor:pointer}.match-line-active{stroke:var(--teal)}.match-line-correct{stroke:var(--green)}.match-line-wrong{stroke:var(--red)}.match-line-drag{stroke:var(--orange, #F5A623);stroke-dasharray:7 6}.match-line-hover{stroke-width:7;filter:drop-shadow(0 0 6px currentColor)}.match-columns{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;max-width:420px;margin:0 auto}.match-col{display:flex;flex-direction:column;gap:12px}.match-item{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:2px solid #D5EDF0;border-radius:14px;padding:12px 10px;font-size:.92rem;font-weight:700;color:var(--navy);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;user-select:none;-webkit-user-select:none;touch-action:none;text-align:center}.match-item-text{pointer-events:none}.match-item-right{touch-action:auto;cursor:pointer}.match-item:hover:not(.disabled):not(.matched){border-color:var(--teal);transform:translateY(-1px)}.match-item.active{border-color:var(--teal);background:var(--teal-light);box-shadow:0 0 0 3px #19b8ca33}.match-item.matched{border-color:var(--teal);background:#eafbfc}.match-item.drop-hover{border-color:var(--orange, #F5A623);background:#fff3e0;transform:scale(1.03);box-shadow:0 0 0 3px #f5a62340}.match-item.correct{border-color:var(--green);background:#d6f5e4;animation:pop .3s}.match-item.wrong{border-color:var(--red);background:#fdeaea}.match-item.disabled{cursor:default;opacity:.92}@media (min-width: 640px){.match-item{font-size:1.05rem;padding:14px}}.journey-screen{padding-bottom:24px}.journey-fixed-topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width, 480px);z-index:200;background:transparent}.journey-title{font-size:1.5rem;font-weight:900;color:var(--navy);text-align:center;margin:0 0 4px;letter-spacing:-.3px}.journey-stars-hint{text-align:center;font-weight:800;font-size:.85rem;color:var(--teal-dark);margin-bottom:8px}.j-stats-hud{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0c28129e;border-radius:14px 14px 0 0}.j-hud-stat{display:flex;align-items:center;gap:4px;font-weight:900;font-size:1.1rem;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.45);min-width:56px}.j-hud-stat:last-child{justify-content:flex-end}.j-hud-level{font-weight:900;font-size:.88rem;color:#ffe066;text-shadow:0 2px 6px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.06em;text-align:center;flex:1}.j-map-bg{position:relative;width:100%;flex-shrink:0;overflow:visible;border-radius:18px;background:linear-gradient(180deg,#b8e3f7,#8ec9a4 28%,#52a876 55%,#337a52 78%,#1e5a36);box-shadow:0 8px 32px #1b5e3847;background-clip:border-box}.j-map-bg:before{content:none}.j-map-bg:after{content:none}.journey-nodes-wrap{position:relative;width:100%;display:flex;flex-direction:column;gap:20px;padding:24px 16px 40px;overflow:visible}.journey-nodes-wrap:before{content:none}.j-node-row{display:flex;width:100%}.j-node-row-left{justify-content:flex-start;padding-left:26%}.j-node-row-right{justify-content:flex-end;padding-right:26%}.j-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;user-select:none;-webkit-user-select:none}.j-node.j-locked{cursor:pointer}.j-node-clay{width:76px;height:76px;border-radius:18px;background:#fffdf4;border:3px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;box-shadow:0 6px #b8a06a,0 10px 18px #0000004d;transition:transform .12s ease,box-shadow .12s ease;position:relative}.j-node-clay.j-node-done{background:#fff9e6;border-color:#f9a82599;box-shadow:0 6px #c8930a,0 10px 18px #00000047}.j-node-clay.j-node-clay-locked{background:#e8e8e8;border-color:#ffffffb3;box-shadow:0 6px #909090,0 10px 18px #00000038;opacity:.75;filter:grayscale(.25)}.j-node:not(.j-locked):active .j-node-clay,.j-node:not(.j-locked):active .j-node-coin{transform:translateY(4px);box-shadow:0 2px #b8a06a,0 4px 8px #0003!important}.j-node-row-left .j-node-clay{transform:perspective(560px) rotateY(6deg)}.j-node-row-right .j-node-clay{transform:perspective(560px) rotateY(-6deg)}.j-node-row-left .j-node-clay.j-node-clay-locked{transform:perspective(560px) rotateY(6deg) scale(.9)}.j-node-row-right .j-node-clay.j-node-clay-locked{transform:perspective(560px) rotateY(-6deg) scale(.9)}.j-node:not(.j-locked):active .j-node-clay{transform:translateY(4px)!important}.j-node-coin{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#ffe066,#f9a825 55%,#c47d00);border:4px solid rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;box-shadow:0 7px #8b5800,0 12px 24px #00000059,inset 0 2px 4px #fff6;animation:j-bounce 2s ease-in-out infinite;position:relative}@keyframes j-bounce{0%,to{transform:translateY(0);box-shadow:0 7px #8b5800,0 12px 24px #00000059,inset 0 2px 4px #fff6}40%{transform:translateY(-10px);box-shadow:0 14px #8b5800,0 20px 28px #0000004d,inset 0 2px 4px #fff6}60%{transform:translateY(-5px)}}.j-num{font-size:1.7rem;font-weight:900;color:#5a3600;text-shadow:0 1px 3px rgba(255,255,255,.5);line-height:1}.j-num-unlocked{color:#1b4332}.j-svg-icon{width:34px;height:34px;object-fit:contain}.j-stars-row{display:flex;gap:2px;margin-top:-2px}.j-star-sm{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.j-mascot-wrap{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:2px}.j-mascot-lottie{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.j-bubble-wrap{position:relative;width:80px;height:46px;display:flex;align-items:center;justify-content:center;margin-bottom:-4px}.j-bubble-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.j-bubble-text{position:relative;z-index:2;font-size:.62rem;font-weight:800;color:#1a2b1e;text-align:center;line-height:1.2;padding:0 6px;pointer-events:none}.j-lottie-cloud{position:absolute;pointer-events:none;z-index:2;transform-origin:center}@media (max-width: 480px){.j-lottie-cloud{transform:scale(.5)}}@media (min-width: 481px) and (max-width: 767px){.j-lottie-cloud{transform:scale(.7)}}.j-lottie-deco{transform-origin:center}@media (max-width: 480px){.j-lottie-deco{transform:scale(.55)}}@media (min-width: 481px) and (max-width: 767px){.j-lottie-deco{transform:scale(.75)}}.j-tooltip-icon{width:14px;height:14px;vertical-align:middle;margin-right:2px;object-fit:contain}.topbar-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.stars-row{display:flex;align-items:center;gap:8px;font-size:1rem;letter-spacing:1px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--content-max-width);background:#fff;border-top:1.5px solid #D5EDF0;display:flex;align-items:stretch;z-index:100;box-shadow:0 -4px 20px #19b8ca1a;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px 10px;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--muted);transition:color .15s;font-size:.72rem;font-weight:700;letter-spacing:.3px}.bottom-nav-tab.active{color:var(--teal)}.bottom-nav-tab-icon{font-size:1.5rem;line-height:1}.feedback{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1c2b1f6b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:50;animation:fadeIn .2s ease}.feedback-card{background:transparent;border:none;border-radius:22px;padding:28px 26px;text-align:center;animation:pop .3s ease;max-width:300px}.feedback-emoji{font-size:5rem}.feedback-card h2{margin:8px 0;font-size:1.5rem;color:#1a2b3c}.result-stars{font-size:2.8rem;letter-spacing:8px;margin:10px 0;animation:pop .5s}.big-emoji{font-size:5.5rem;animation:float 3s ease-in-out infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a2b3c99;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal{background:#fff;border-radius:24px 24px 0 0;padding:28px 20px 32px;width:100%;max-width:var(--app-max-width);animation:slideUp .3s ease}@media (min-width: 640px){.modal{max-width:min(var(--app-max-width),480px);border-radius:24px;margin-bottom:40px}.modal-backdrop{align-items:center}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal h2{text-align:center;color:var(--navy);margin-bottom:6px;font-size:1.5rem}.guest-modal-header{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:18px}.guest-modal-icon{font-size:3rem}.guest-modal-subtitle{color:var(--muted);font-weight:600;font-size:.92rem;text-align:center}.spinner{width:48px;height:48px;border:5px solid var(--teal-light);border-top-color:var(--teal);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted)}.text-center{text-align:center}.mt{margin-top:14px}.mb{margin-bottom:14px}.save-error-banner{position:fixed;bottom:72px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:440px;background:#fff;border:2.5px solid var(--orange);border-radius:18px;padding:16px 18px 14px;box-shadow:0 8px 28px #fb8c0038;text-align:center;z-index:200;animation:slideUp .3s ease}.save-error-emoji{font-size:2rem}.save-error-msg{margin:6px 0 12px;font-weight:700;font-size:1rem;color:var(--ink)}.save-error-actions{display:flex;gap:10px}.save-error-btn{font-size:.95rem;padding:11px 12px}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.shake{animation:shake .5s ease}@keyframes confetti-fly{0%{transform:translateY(0) rotate(0);opacity:1}70%{opacity:1}to{transform:translateY(-130px) rotate(400deg);opacity:0}}.confetti-piece{position:absolute;animation:confetti-fly linear forwards}@media (prefers-reduced-motion: reduce){.confetti-piece{display:none!important}.shake{animation:none}}@keyframes badge-pop{0%{transform:scale(.4) translateY(10px);opacity:0}50%{transform:scale(1.1) translateY(-4px);opacity:1}80%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.9);opacity:0}}.fast-badge{position:fixed;top:30%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--amber),var(--orange));color:#fff;font-size:1.4rem;font-weight:900;padding:11px 22px;border-radius:999px;box-shadow:0 8px 24px #f9a82566;animation:badge-pop 1.1s ease forwards;pointer-events:none;z-index:997;white-space:nowrap}@media (prefers-reduced-motion: reduce){.fast-badge{display:none}}.lives-row{display:inline-flex;align-items:center;gap:3px;background:#fff;border:1.5px solid #D5EDF0;border-radius:999px;padding:5px 11px;font-size:1.05rem;box-shadow:var(--shadow-sm);flex-shrink:0;white-space:nowrap}.heart{font-size:1.1rem;transition:transform .2s ease}.heart.lost{opacity:.28;filter:grayscale(1);transform:scale(.82)}@media (max-width: 420px){.topbar{gap:4px;padding:7px 8px}.topbar-stats{gap:4px}.topbar-chip{padding:4px 8px;font-size:.76rem;gap:2px}.topbar-chip>div{width:20px!important;height:20px!important}.lives-row{padding:4px 7px;gap:2px}.heart{font-size:.9rem}}@media (max-width: 360px){.topbar{gap:3px;padding:6px}.topbar-stats{gap:3px}.topbar-chip{padding:3px 6px;font-size:.68rem}.lives-row{padding:3px 5px}.heart{font-size:.8rem}}.tts-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:4px 8px;border-radius:50%;transition:transform .15s ease}.tts-btn:active{transform:scale(.88)}.endless-exit-btn{border:1.5px solid var(--orange);color:var(--orange);border-radius:999px;font-size:.78rem;font-weight:800;padding:5px 12px}.built-word-display{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.built-slot{min-width:46px;height:50px;border-radius:12px;border:2.5px dashed #B2DFE6;background:var(--teal-light);display:flex;align-items:center;justify-content:center;font-size:1.45rem;font-weight:900;color:#9ca3af;transition:border-color .2s,background .2s,color .2s;padding:0 6px}.built-slot.filled{border-style:solid;border-color:var(--teal);background:#fff;color:var(--teal-dark);animation:pop .2s}.akshara-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0 4px}.akshara-tile{min-width:62px;height:62px;border-radius:14px;font-size:1.55rem;font-weight:900;font-family:inherit;background:#fff;border:2.5px solid #D5EDF0;cursor:pointer;transition:transform .12s ease,opacity .2s ease,box-shadow .12s ease;box-shadow:0 4px 0 var(--teal-light);color:var(--navy);padding:0 8px}.akshara-tile:active:not(:disabled){transform:scale(.91);box-shadow:none}.akshara-tile.used{opacity:.22;transform:scale(.82);cursor:default;box-shadow:none}.akshara-tile.correct-tile{border-color:var(--green);background:#d6f5e4;animation:pop .3s}.akshara-tile.dragging-source{opacity:.35;box-shadow:none}.akshara-drag-ghost{position:fixed;transform:translate(-50%,-50%) scale(1.08);pointer-events:none;z-index:999;box-shadow:0 10px 24px #00000047;border-color:var(--teal);opacity:.98}.story-box{background:#fff;border-radius:16px;padding:18px 16px 12px;border:2px solid #D5EDF0;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px}.listen-find-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.listen-find-tile{aspect-ratio:1;background:#fff;border:2.5px solid #D5EDF0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .1s ease,border-color .15s,background .15s;padding:10px;box-shadow:var(--shadow-sm)}.listen-find-tile:active:not(:disabled){transform:scale(.94)}.listen-find-tile.lf-correct{border-color:var(--green);background:#d6f5e4;animation:pop .35s}.lf-emoji{font-size:2.8rem;line-height:1.1}.lf-img-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:70px;height:70px}.lf-img{width:70px;height:70px;object-fit:contain;border-radius:8px}.lf-img.lf-img-loading{opacity:0;position:absolute}.lf-img-skeleton{display:block;width:70px;height:70px;border-radius:8px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:lf-shimmer 1.4s infinite}@keyframes lf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lf-label{font-size:.82rem;font-weight:800;color:var(--ink)}.option.has-img{flex-direction:column;gap:6px;min-height:106px;padding:12px 8px}.opt-img{width:70px;height:70px;object-fit:contain;border-radius:10px;display:block}.opt-img-label{display:block;font-size:.9rem;font-weight:800;text-align:center}.j-current{animation:bounce 1s infinite alternate ease-in-out}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a2b3c80;z-index:200;animation:fadeIn .2s ease}.sidebar-drawer{position:fixed;top:0;right:0;bottom:0;width:min(82vw,300px);background:var(--navy);z-index:201;box-shadow:-6px 0 32px #00000047;display:flex;flex-direction:column;padding:0;animation:slideInRight .22s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 14px;border-bottom:1.5px solid rgba(255,255,255,.1)}.sidebar-title{font-size:1.1rem;font-weight:900;color:#fff;letter-spacing:.3px}.sidebar-close{background:#ffffff1a;border:none;font-size:1.2rem;cursor:pointer;color:#fffc;padding:5px 9px;border-radius:8px;line-height:1}.sidebar-close:hover{background:#ffffff2e}.sidebar-section{padding:14px 16px;border-bottom:1.5px solid rgba(255,255,255,.07)}.sidebar-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin-bottom:10px}.sidebar-lang-row{display:flex;gap:8px}.sidebar-lang-btn{flex:1;padding:10px 6px;border-radius:10px;border:1.5px solid rgba(255,255,255,.15);background:#ffffff12;font-size:.95rem;font-weight:700;color:#ffffffbf;cursor:pointer;font-family:inherit;transition:all .15s}.sidebar-lang-btn.active{border-color:var(--teal);background:var(--teal);color:#fff}.sidebar-menu-item{width:100%;display:flex;align-items:center;gap:12px;background:none;border:none;padding:12px 0;cursor:pointer;text-align:left;border-radius:10px;transition:background .12s;font-family:inherit}.sidebar-menu-item:hover{background:#ffffff12;padding-left:6px}.sidebar-menu-icon{font-size:1.6rem;width:38px;text-align:center;flex-shrink:0}.sidebar-menu-text{flex:1}.sidebar-menu-title{font-size:.98rem;font-weight:800;color:#fff;line-height:1.2}.sidebar-menu-sub{font-size:.78rem;color:#ffffff80;margin-top:2px}.sidebar-menu-arrow{font-size:1.3rem;color:#ffffff59;flex-shrink:0}.more-games-list{display:flex;flex-direction:column;gap:10px}.more-games-item{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid #D5EDF0;border-radius:14px;padding:13px 14px;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:var(--shadow-sm);text-align:left;font-family:inherit}.more-games-item:active{transform:scale(.97)}.more-games-icon-chip{width:44px;height:44px;border-radius:12px;background:var(--teal-light);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.more-games-label{flex:1;font-size:.98rem;font-weight:800;color:var(--navy)}.more-games-arrow{font-size:1.3rem;color:var(--muted)}.more-games-row{display:flex;align-items:stretch;gap:8px}.more-games-row .more-games-item{flex:1}.more-games-endless-btn{width:48px;flex-shrink:0;background:#fff;border:1.5px solid #D5EDF0;border-radius:14px;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:var(--shadow-sm);font-size:1.4rem;font-weight:800;color:var(--purple-dark)}.more-games-endless-btn:active{transform:scale(.93)}.hint-text{margin:8px 0 0;font-size:.95rem;font-weight:700;color:var(--orange);background:#fff3e0;border-radius:10px;padding:8px 12px}.practice-notice{background:#fff8e1;border:2px solid var(--amber);border-radius:12px;padding:8px 14px;font-size:.88rem;font-weight:700;color:var(--amber-dark);margin-bottom:8px;text-align:center}.more-games-skeleton{height:60px;border-radius:14px;background:linear-gradient(90deg,#d5edf0 25%,#ebf7f9,#d5edf0 75%);background-size:200% 100%;animation:lf-shimmer 1.4s infinite}.settings-section{background:#fff;border:1.5px solid #D5EDF0;border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.settings-section-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-toggle{background:#e5e7eb;border:none;border-radius:24px;padding:7px 16px;font-size:.88rem;font-weight:800;color:var(--muted);cursor:pointer;font-family:inherit;transition:background .18s,color .18s;flex-shrink:0}.settings-toggle.on{background:var(--teal);color:#fff}.settings-slider-row{display:flex;align-items:center;gap:10px;margin-top:12px}.settings-slider-label{font-size:.82rem;font-weight:700;color:var(--ink);flex-shrink:0;min-width:44px}.settings-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:6px;background:var(--teal-light);outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--teal);cursor:pointer;box-shadow:0 2px 6px #19b8ca61}.settings-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--teal);cursor:pointer;border:none}.settings-slider-value{font-size:.88rem;font-weight:800;color:var(--teal-dark);min-width:38px;text-align:right}.fantasy-hero{background:linear-gradient(148deg,#1b5e38,#0f3d21);border-radius:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:160px}.fantasy-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.28;pointer-events:none;-webkit-user-select:none;user-select:none}.fantasy-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 20px 18px;width:100%}.parchment-card{background:#fffdf4;border:2px solid rgba(184,160,106,.35);border-radius:var(--radius);padding:18px;box-shadow:0 5px #b8a06a,0 8px 20px #0000001f;width:100%}.pal-hero{background:linear-gradient(148deg,#1b5e38,#0f3d21);border-radius:16px;position:relative;overflow:hidden;margin-bottom:14px}.pal-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.22;pointer-events:none;-webkit-user-select:none;user-select:none}.pal-hero-content{position:relative;z-index:2;padding:14px 16px 12px}.pal-hero-label{font-size:.82rem;font-weight:800;color:#ffffffeb;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;text-align:center}.pal-progress-track{height:10px;background:#ffffff38;border-radius:999px;overflow:hidden}.pal-progress-fill{height:100%;background:linear-gradient(90deg,#f9a825,#ffd740);border-radius:999px;transition:width .4s ease;box-shadow:0 0 8px #f9a82599}.guest-modal-fantasy{padding:0;overflow:hidden}.guest-fantasy-hero{background:linear-gradient(148deg,#1b5e38,#0f3d21);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:24px 20px 20px}.guest-fantasy-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.28;pointer-events:none;-webkit-user-select:none;user-select:none}.guest-fantasy-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px}.guest-fantasy-form{padding:20px 20px 28px}.home-hero{background:linear-gradient(148deg,#1b5e38,#0f3d21);border-radius:20px;padding:0;display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:14px;position:relative;overflow:hidden;min-height:160px}.home-scoreboard-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none}.home-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;padding:22px 20px 18px;width:100%}.home-hero:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:#ffffff0f;pointer-events:none}.home-hero:after{content:"";position:absolute;bottom:-20px;left:-20px;width:90px;height:90px;border-radius:50%;background:#ffffff0d;pointer-events:none}.home-lang-btn{position:absolute;top:14px;right:14px;background:#fff3;border:none;border-radius:999px;padding:6px 12px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;z-index:2}.home-lang-btn:active{background:#ffffff4d}.home-stat-card{background:#fffdf4;border:2px solid rgba(184,160,106,.35);border-radius:var(--radius);padding:14px 16px;width:100%;box-shadow:0 5px #b8a06a,0 8px 20px #0000001f}@media (min-width: 1024px){.options-grid{gap:14px}.option{min-height:78px;font-size:1.25rem;padding:18px 12px}.btn{font-size:1.12rem;padding:15px 24px}.home-hero{padding:30px 26px 24px}.mascot{font-size:5.2rem}.brand-title{font-size:2.3rem}.question-text{font-size:1.45rem}.media-box{min-height:130px;font-size:3.8rem}}.home-stat-row{display:flex;align-items:center;justify-content:space-around;gap:6px}.home-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.home-stat-value{font-size:1.3rem;font-weight:900;color:var(--navy)}.home-stat-label{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.home-stat-divider{width:1px;height:32px;background:#d5edf0}.amber-star{color:var(--amber)}@keyframes starPop{0%{transform:scale(0) rotate(-20deg);opacity:0}55%{transform:scale(1.28) rotate(8deg);opacity:1}75%{transform:scale(.92) rotate(-4deg)}to{transform:scale(1) rotate(0);opacity:1}}.star-pop{animation:starPop .55s cubic-bezier(.34,1.56,.64,1) both}.star-pop-0{animation-delay:.15s}.star-pop-1{animation-delay:.38s}.star-pop-2{animation-delay:.61s}@media (prefers-reduced-motion: reduce){.star-pop{animation:none;opacity:1}}@keyframes nodeFlash{0%{box-shadow:0 0 #f9a825e6,0 7px #8b5800,0 12px 24px #00000059;transform:scale(1)}25%{box-shadow:0 0 0 18px #f9a8258c,0 7px #8b5800,0 12px 32px #f9a82566;transform:scale(1.12)}55%{box-shadow:0 0 0 30px #f9a82500,0 7px #8b5800,0 12px 24px #00000059;transform:scale(.97)}to{box-shadow:0 7px #8b5800,0 12px 24px #00000059;transform:scale(1)}}@keyframes coinSpin{0%{transform:rotateY(0)}40%{transform:rotateY(360deg)}65%{transform:rotateY(380deg)}to{transform:rotateY(360deg)}}.j-node-flash .j-node-clay,.j-node-flash .j-node-coin{animation:nodeFlash .9s ease-out both,coinSpin .9s ease-out both!important}@media (prefers-reduced-motion: reduce){.j-node-flash .j-node-clay,.j-node-flash .j-node-coin{animation:none!important}}@keyframes mascotExcited{0%{transform:rotate(0) scale(1)}15%{transform:rotate(-18deg) scale(1.15)}35%{transform:rotate(18deg) scale(1.15)}55%{transform:rotate(-10deg) scale(1.08)}70%{transform:rotate(8deg) scale(1.05)}85%{transform:rotate(-4deg) scale(1.02)}to{transform:rotate(0) scale(1)}}.j-mascot-excited{animation:mascotExcited .7s cubic-bezier(.36,.07,.19,.97) both}@media (prefers-reduced-motion: reduce){.j-mascot-excited{animation:none}}.result-scoreboard-panel{position:relative;width:100%;border-radius:20px;background:linear-gradient(148deg,#1b5e38,#0f3d21);overflow:hidden;margin-bottom:16px;box-shadow:0 8px 24px #1b5e3847}.result-scoreboard-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.28;pointer-events:none;-webkit-user-select:none;user-select:none}.result-scoreboard-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:22px 20px 20px;gap:4px}.result-trophy{font-size:3.2rem;line-height:1}.result-title{font-size:1.6rem;font-weight:900;color:#fff;margin:2px 0 0;text-shadow:0 2px 8px rgba(0,0,0,.3);text-align:center}.result-score-row{display:flex;align-items:center;justify-content:space-around;gap:8px;padding:10px 0 0}.j-cloud{position:absolute;border-radius:50px;background:#ffffffc7;pointer-events:none;z-index:1}.j-cloud:before,.j-cloud:after{content:"";position:absolute;background:#ffffffc7;border-radius:50%}.j-cloud-1{width:52px;height:18px;top:6%;left:6%;animation:cloud-drift 18s linear infinite}.j-cloud-1:before{width:26px;height:26px;top:-12px;left:8px}.j-cloud-1:after{width:18px;height:18px;top:-8px;left:26px}.j-cloud-2{width:44px;height:16px;top:18%;right:8%;animation:cloud-drift 24s linear infinite reverse;opacity:.85}.j-cloud-2:before{width:22px;height:22px;top:-10px;left:6px}.j-cloud-2:after{width:16px;height:16px;top:-6px;left:22px}.j-cloud-3{width:38px;height:14px;top:38%;left:60%;animation:cloud-drift 20s linear infinite;opacity:.7}.j-cloud-3:before{width:18px;height:18px;top:-8px;left:6px}.j-cloud-3:after{width:13px;height:13px;top:-5px;left:19px}@keyframes cloud-drift{0%{transform:translate(0)}50%{transform:translate(14px)}to{transform:translate(0)}}.j-birds{position:absolute;pointer-events:none;z-index:2;font-size:.65rem;color:#1a2b3c8c;letter-spacing:-1px;white-space:nowrap}.j-birds-1{top:10%;left:42%;animation:bird-fly 12s linear infinite}.j-birds-2{top:28%;left:10%;animation:bird-fly 16s linear infinite 4s;opacity:.7}@keyframes bird-fly{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translate(80px) translateY(-20px);opacity:0}}.j-tree{position:absolute;pointer-events:none;z-index:1;font-size:1.4rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12));animation:tree-sway 4s ease-in-out infinite}.j-tree:nth-child(odd){animation-delay:0s}.j-tree:nth-child(2n){animation-delay:1.8s}@keyframes tree-sway{0%,to{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.04)}}@keyframes tooltipSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.92)}60%{transform:translate(-50%) translateY(-3px) scale(1.03)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.j-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#1a2b3cf0;color:#fff;border-radius:14px;padding:10px 14px;min-width:140px;max-width:180px;text-align:center;z-index:20;box-shadow:0 6px 24px #0000004d;animation:tooltipSlideUp .28s cubic-bezier(.34,1.56,.64,1) both;pointer-events:auto}.j-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:#1a2b3cf0}.j-tooltip-title{font-size:.82rem;font-weight:900;letter-spacing:.3px;margin-bottom:4px}.j-tooltip-body{font-size:.8rem;font-weight:700;color:#ffffffd9}.j-tooltip-hint{font-size:.73rem;color:#ffffff8c;margin-top:3px}.j-tooltip-play{margin-top:8px;background:var(--teal);border:none;border-radius:8px;color:#fff;font-weight:800;font-size:.82rem;padding:6px 14px;cursor:pointer;font-family:inherit;width:100%;transition:background .15s}.j-tooltip-play:active{background:var(--teal-dark)}.j-tooltip-ws{background:#4f46e5;margin-top:6px}.j-tooltip-ws:active{background:#3730a3}.sum-screen{gap:0;padding:0;background:var(--background);overflow-y:auto}.sum-header{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;background:var(--teal-dark);color:#fff}.sum-back-btn{background:none;border:none;color:#fff;font-size:1.8rem;font-weight:700;cursor:pointer;line-height:1;padding:0 4px}.sum-title{font-size:1.15rem;font-weight:900;color:#fff}.sum-subtitle{font-size:.78rem;color:#ffffffb8;font-weight:600}.sum-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 12px 8px}.sum-stat-card{background:#fff;border-radius:14px;padding:10px 8px;text-align:center;border-top:4px solid var(--teal);box-shadow:0 2px 8px #00000012}.sum-stat-value{font-size:1.25rem;font-weight:900;line-height:1.2}.sum-stat-label{font-size:.65rem;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.sum-stat-sub{font-size:.6rem;color:#999}.sum-section{margin:12px 12px 0;background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 8px #0000000f}.sum-section-title{font-size:.82rem;font-weight:900;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.sum-accuracy-wrap{display:flex;align-items:center;gap:20px}.sum-accuracy-ring{flex-shrink:0;width:88px;height:88px;border-radius:50%;background:conic-gradient(var(--teal) calc(var(--pct) * 1%),#E8E8E8 0);display:flex;align-items:center;justify-content:center}.sum-accuracy-inner{width:66px;height:66px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.sum-accuracy-num{font-size:1.1rem;font-weight:900;color:var(--teal-dark);line-height:1}.sum-accuracy-lbl{font-size:.6rem;color:#888;font-weight:600}.sum-accuracy-breakdown{display:flex;flex-direction:column;gap:6px}.sum-ab-row{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:#333}.sum-ab-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sum-ab-correct{background:#4caf50}.sum-ab-wrong{background:#f44336}.sum-ab-time{background:#5c7cfa}.sum-game-list{display:flex;flex-direction:column;gap:10px}.sum-game-row{display:flex;align-items:center;gap:10px}.sum-game-rank{font-size:.78rem;font-weight:900;color:#999;width:22px;flex-shrink:0}.sum-game-info{flex:1;min-width:0}.sum-game-name{font-size:.85rem;font-weight:800;color:#1a2b1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sum-game-meta{font-size:.7rem;color:#888;font-weight:600;margin:1px 0 4px}.sum-game-bar-wrap{height:6px;border-radius:3px;background:#eee;overflow:hidden}.sum-game-bar-fill{height:100%;background:var(--teal);border-radius:3px;transition:width .6s ease}.sum-game-right{text-align:right;flex-shrink:0}.sum-game-pct{font-size:.9rem;font-weight:900;color:var(--teal-dark)}.sum-game-counts{font-size:.68rem;font-weight:700;display:flex;gap:6px}.sum-correct{color:#4caf50}.sum-wrong{color:#f44336}.sum-level-list{display:flex;flex-direction:column;gap:4px}.sum-level-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid #F0F0F0}.sum-level-row:last-child{border-bottom:none}.sum-level-label{font-size:.82rem;font-weight:700;color:#444}.sum-level-stars{font-size:1rem;color:#f5c518}.sum-missed-list{display:flex;flex-direction:column;gap:8px}.sum-missed-row{display:flex;align-items:flex-start;gap:10px;padding:8px;background:#fff5f5;border-radius:10px;border-left:3px solid #F44336}.sum-missed-rank{font-size:.75rem;font-weight:900;color:#f44336;width:18px;flex-shrink:0;padding-top:1px}.sum-missed-info{flex:1;min-width:0}.sum-missed-text{font-size:.82rem;font-weight:700;color:#1a2b1e}.sum-missed-meta{font-size:.7rem;color:#888;margin-top:2px}.sum-missed-count{font-size:.82rem;font-weight:900;color:#f44336;flex-shrink:0}.sum-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 16px;font-size:.9rem;font-weight:700;color:#888;text-align:center}.sum-loader{font-size:.9rem;font-weight:700;color:var(--teal-dark)}.home-greeting{text-align:center;font-size:1rem;font-weight:700;color:var(--teal-dark);padding:8px 16px 0;margin-top:-4px}.home-greeting strong{color:var(--navy, #1a2b3c)}.journey-greeting{text-align:center;font-size:.88rem;font-weight:700;color:var(--teal-dark);padding:4px 0 6px;opacity:.92}.journey-greeting strong{color:var(--navy, #1a2b3c)}.sum-profile-card{display:flex;align-items:center;gap:14px;margin:12px 12px 0;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 2px 8px #0000000f}.sum-profile-avatar{width:52px;height:52px;border-radius:50%;background:var(--teal);color:#fff;font-size:1.5rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sum-profile-info{flex:1;min-width:0}.sum-profile-name{font-size:1.05rem;font-weight:900;color:var(--navy, #1a2b3c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sum-profile-meta{display:flex;gap:12px;margin-top:4px;font-size:.78rem;font-weight:700;color:#666;flex-wrap:wrap}.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1428b8;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;animation:fadeIn .25s ease}.tour-card{background:#fff;border-radius:20px;max-width:360px;width:100%;padding:28px 24px 22px;text-align:center;box-shadow:0 8px 40px #00000047;position:relative;animation:tourSlideUp .28s ease}.tour-skip{position:absolute;top:12px;right:14px;background:none;border:none;font-size:.78rem;color:#888;cursor:pointer;padding:4px 6px}.tour-skip:hover{color:#444}.tour-emoji{font-size:3rem;line-height:1;margin-bottom:10px}.tour-title{font-size:1.15rem;font-weight:800;color:var(--navy);margin:0 0 8px}.tour-body{font-size:.92rem;color:#444;line-height:1.55;margin:0 0 18px}.tour-dots{display:flex;justify-content:center;gap:6px;margin-bottom:18px}.tour-dot{width:8px;height:8px;border-radius:50%;background:#ddd;transition:background .2s}.tour-dot-active{background:var(--teal)}.tour-next{width:100%;font-size:1rem}@keyframes tourSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.ws-screen{display:flex;flex-direction:column;padding:0 10px 12px;min-height:100vh}.ws-header{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 6px;gap:10px}.ws-header-stat{display:flex;flex-direction:column;align-items:flex-start}.ws-header-label{font-size:.72rem;font-weight:700;color:var(--muted, #888);text-transform:uppercase;letter-spacing:.04em}.ws-header-val{font-size:1.15rem;font-weight:900;color:var(--navy, #1a2b3c)}.ws-hint-btn{background:var(--parchment, #FBF3E2);border:2px solid var(--teal, #3aafa9);border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:800;color:var(--teal-dark, #2b7a78);cursor:pointer;transition:background .15s}.ws-hint-btn:hover:not(:disabled){background:var(--teal, #3aafa9);color:#fff}.ws-hint-btn:disabled{opacity:.4;cursor:not-allowed}.ws-layout{display:flex;flex-direction:column;gap:12px;flex:1}@media (orientation: landscape) and (min-height: 400px){.ws-layout{flex-direction:row;align-items:flex-start;gap:16px}.ws-grid-wrap{flex:1}.ws-word-list{width:140px;flex-shrink:0}}.ws-grid-wrap{width:100%;max-width:440px;margin:0 auto;user-select:none;-webkit-user-select:none;overflow:hidden}.ws-grid{display:grid;grid-template-columns:repeat(var(--ws-cols, 6),1fr);gap:2px;width:100%}.ws-cell{display:flex;align-items:center;justify-content:center;border-radius:6px;background:#fff;border:1.5px solid #e0d8c8;font-size:clamp(.5rem,calc(40vw / var(--ws-cols, 6)),1rem);font-weight:800;color:var(--navy, #1a2b3c);cursor:pointer;transition:background .1s,color .1s,transform .05s;aspect-ratio:1/1;min-width:0;min-height:0;padding:0;line-height:1;touch-action:none;-webkit-touch-callout:none}.ws-cell:focus{outline:none}.ws-cell-selecting{background:#fde68a;color:#92400e;border-color:#f59e0b;transform:scale(1.08);z-index:2}.ws-cell-found{background:var(--teal, #3aafa9);color:#fff;border-color:var(--teal-dark, #2b7a78)}.ws-cell-selecting.ws-cell-found{background:#a7f3d0;color:#065f46}.ws-cell-incorrect{background:#fee2e2;border-color:#ef4444;color:#991b1b;animation:ws-shake .3s ease}.ws-cell-hint{background:#ede9fe;border-color:#7c3aed;color:#4c1d95;animation:ws-pulse .6s ease infinite alternate}@keyframes ws-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes ws-pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}@media (prefers-reduced-motion: reduce){.ws-cell-incorrect,.ws-cell-hint{animation:none}.ws-cell-found{transition:none}}.ws-incorrect-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#fee2e2;color:#991b1b;border:2px solid #EF4444;border-radius:999px;padding:8px 24px;font-size:.95rem;font-weight:700;pointer-events:none;z-index:200;animation:ws-toast-in .18s ease}@keyframes ws-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (prefers-reduced-motion: reduce){.ws-incorrect-toast{animation:none}}.ws-word-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ws-word-list-label{width:100%;font-size:.72rem;font-weight:700;color:var(--muted, #888);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}@media (orientation: landscape){.ws-word-list{flex-direction:column;align-items:flex-start}.ws-word-list-label{margin-bottom:4px}}.ws-word-chip{padding:6px 14px;border-radius:20px;background:#fff;border:2px solid var(--navy, #1a2b3c);font-size:.88rem;font-weight:800;color:var(--navy, #1a2b3c);transition:all .25s;position:relative}.ws-word-found{background:var(--teal, #3aafa9);border-color:var(--teal-dark, #2b7a78);color:#fff;opacity:.6;text-decoration:line-through}.ws-check{margin-right:4px;font-weight:900}.more-games-item-featured{background:linear-gradient(135deg,var(--teal, #3aafa9) 0%,#2b7a78 100%);color:#fff;border-color:var(--teal-dark, #2b7a78)}.more-games-item-featured .more-games-label{color:#fff}.more-games-item-featured .more-games-icon-chip{background:#fff3}.more-games-item-featured .more-games-arrow{color:#fffc}
