:root{--background:#eef8ff;--foreground:#172554;--card:#fff;--card-foreground:#172554;--popover:#fff;--popover-foreground:#172554;--primary:#5b55e7;--primary-foreground:#fff;--secondary:#e8f4ff;--secondary-foreground:#173765;--muted:#f1f7fb;--muted-foreground:#53657f;--accent:#fff0b8;--accent-foreground:#5e4200;--destructive:#d92d4c;--border:#cfe4f4;--input:#b7d4e8;--ring:#716bf0;--radius:1.25rem}@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --radius-sm: calc(var(--radius) - 8px); --radius-md: calc(var(--radius) - 4px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 6px); --font-sans: "Trebuchet MS", "Segoe UI", sans-serif;}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif}button,input{font:inherit}.app-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex}.app-button:disabled{cursor:default}.app-button svg{flex:none;width:1em;height:1em}.game-shell{background:radial-gradient(circle at 10% 8%,#ffd34d59 0 70px,#0000 72px),radial-gradient(circle at 92% 18%,#46c6ab38 0 105px,#0000 107px),linear-gradient(155deg,#f8fdff 0%,#e9f5ff 58%,#f0ecff 100%);min-height:100vh;padding:26px 18px 40px;overflow:hidden}.game-wrap{width:min(760px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:#5b55e7;border-radius:18px;place-items:center;width:54px;height:54px;display:grid;transform:rotate(-2deg);box-shadow:0 8px #413bc7}.brand-mark svg{width:28px;height:28px}.brand-kicker{color:#635ead;letter-spacing:.13em;text-transform:uppercase;margin:0 0 2px;font-size:.875rem;font-weight:900}.brand h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.2rem,4vw,1.75rem);line-height:1.08}.score-pill{color:#6b4a00;background:#ffd95b;border:2px solid #f5bd27;border-radius:999px;flex:none;align-items:center;gap:7px;padding:10px 15px;display:flex;box-shadow:0 5px #d8a31d}.score-pill svg{width:20px}.progress-area{margin:30px 3px 18px}.progress-labels{color:#4f6080;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:.9rem;font-weight:800;display:flex}.game-progress{border:2px solid #c5dcef;background:#fff!important;height:12px!important}.game-progress>div{height:100%;transition:width .25s;background:linear-gradient(90deg,#46c6ab,#5b55e7)!important}.question-card,.result-card,.start-card{text-align:center;background:#fffffff5;border:2px solid #cfe4f4;border-radius:32px;padding:clamp(27px,6vw,50px);position:relative;box-shadow:0 16px #5969901f,0 26px 60px #3a4b771f}.question-card{min-height:470px}.step-label,.eyebrow{color:#586989;letter-spacing:.06em;text-transform:uppercase;margin:0 0 24px;font-size:1rem;font-weight:900}.word-blank{letter-spacing:.02em;justify-content:center;gap:3px;margin:0 auto;font-size:clamp(2.8rem,10vw,5.25rem);font-weight:900;line-height:1;display:flex}.word-blank span{min-width:.62em}.word-blank .missing{color:#5b55e7;border-bottom:7px solid #ffd24f}.sentence{color:#52627e;max-width:540px;margin:30px auto 26px;font-size:clamp(1rem,3vw,1.2rem);line-height:1.55}.quick-rule{color:#4c4a23;text-align:left;background:#fffbed;border:2px solid #eadb89;border-radius:16px;width:min(540px,100%);margin:-10px auto 24px}.quick-rule summary{color:#6a5500;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:.95rem;font-weight:900;list-style:none;display:flex}.quick-rule summary::-webkit-details-marker{display:none}.quick-rule summary svg{width:19px;height:19px}.quick-rule[open] summary{border-bottom:1px solid #eadb89}.quick-rule>div{padding:14px 17px 16px;line-height:1.45}.quick-rule p{margin:5px 0 8px}.quick-rule small{color:#6f6444;font-size:.88rem}.answers{grid-template-columns:repeat(2,minmax(0,150px));justify-content:center;gap:18px;display:grid}.answer-button{color:#302b91!important;opacity:1!important;background:#f7f9ff!important;border:3px solid #d2def0!important;border-radius:22px!important;height:82px!important;font-size:2.25rem!important;font-weight:900!important;box-shadow:0 7px #c3d0e4!important}.answer-button:hover{transform:translateY(-2px);background:#eeedff!important;box-shadow:0 9px #c3d0e4!important}.answer-button.correct{color:#076a58!important;background:#d8fff5!important;border-color:#46c6ab!important;box-shadow:0 7px #2aa58e!important}.answer-button.wrong{color:#a01735!important;background:#ffe2e8!important;border-color:#ef7891!important;box-shadow:0 7px #d95572!important}.feedback{margin:24px 0 -10px;font-weight:900}.feedback.success{color:#08735f}.feedback.try-again{color:#b02341}.streak{color:#674700;background:#fff0a8;border:2px solid #f2c94c;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:.86rem;font-weight:900;display:flex;position:absolute;top:-16px;right:28px;transform:rotate(2deg)}.word-clue{color:#625ccf;letter-spacing:.05em;margin:-3px auto 27px;font-size:clamp(2.1rem,7vw,3.7rem);font-weight:900}.write-form{flex-direction:column;align-items:stretch;width:min(440px,100%);margin:0 auto;display:flex}.write-form label{text-align:left;color:#415374;margin-bottom:9px;font-weight:800}.write-form input{color:#172554;text-align:center;background:#fbfdff;border:3px solid #9ec8e2;border-radius:17px;outline:none;width:100%;height:64px;padding:0 18px;font-size:1.35rem;font-weight:800}.write-form input:focus{border-color:#5b55e7;box-shadow:0 0 0 5px #5b55e726}.write-form input[aria-invalid=true]{border-color:#dc5571}.primary-action{margin-top:16px;background:#5b55e7!important;border-radius:16px!important;min-height:52px!important;padding-inline:24px!important;font-size:1rem!important;font-weight:900!important;box-shadow:0 6px #403bc4!important}.primary-action:hover{transform:translateY(-1px);background:#504ad8!important}.learning-box{border-radius:20px;width:min(520px,100%);margin:25px auto 0;padding:20px 22px;line-height:1.5;position:relative}.learning-box p{margin:4px 0}.learning-box.incorrect{color:#7a1830;background:#fff0f3;border:2px solid #f6b2c0}.learning-box.correct-box{color:#075a4d;background:#e4fff8;border:2px solid #87ddca}.correct-word{color:#72152b;cursor:pointer;background:#fff;border:2px dashed #db6d84;border-radius:10px;margin:7px 0;padding:5px 13px;font-size:1.35rem;font-weight:900;text-decoration:underline;display:inline-block}.mini-celebration{color:#805c00;background:#ffd65a;border:2px solid #eab92e;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.next-action{margin-top:17px}.change-set{margin:19px auto -8px;color:#4d5d7b!important;font-size:.9rem!important;font-weight:800!important;display:flex!important}.parent-note{color:#657792;text-align:center;margin:27px 0 0;font-size:.9rem}.start-topbar{margin-bottom:28px}.start-card{width:min(700px,100%);margin:0 auto}.start-icon{color:#4c46d2;background:#eeedff;border:2px solid #c9c6ff;border-radius:19px;place-items:center;width:58px;height:58px;margin:-4px auto 18px;display:grid;transform:rotate(-3deg)}.start-icon svg{width:29px;height:29px}.start-card .eyebrow{margin-bottom:8px}.start-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,7vw,3.3rem);line-height:1.05}.start-copy{color:#52627e;max-width:560px;margin:18px auto 27px;font-size:1.05rem;line-height:1.55}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.category-button{text-align:left;grid-template-columns:54px minmax(0,1fr) 20px;align-items:center;width:100%;color:#21345f!important;white-space:normal!important;background:#f8fbff!important;border:2px solid #cfe0f1!important;border-radius:20px!important;min-height:88px!important;padding:13px 16px!important;display:grid!important;box-shadow:0 5px #c6d8e8!important}.category-button:hover{transform:translateY(-2px);background:#f0f5ff!important;box-shadow:0 7px #c6d8e8!important}.category-button>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.category-button strong{font-size:1.05rem}.category-button small{color:#687997;font-size:.875rem;line-height:1.25}.category-mark{color:#fff;background:#5b55e7;border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.05rem;font-weight:900;display:grid}.category-all .category-mark{color:#725000;background:#ffd65a}.category-rz-z .category-mark{background:#e95578}.category-h-ch .category-mark{background:#169f89}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.secondary-action{margin-top:16px;color:#354767!important;background:#fff!important;border:2px solid #bdcee0!important;border-radius:16px!important;min-height:52px!important;font-weight:900!important}.lesson-shell{padding-bottom:55px}.rules-wrap{width:min(980px,100%);margin:0 auto}.rules-header{text-align:center}.rules-header>p{color:#596b88;max-width:620px;margin:12px auto 25px;font-size:1.05rem;line-height:1.5}.rules-heading{justify-content:center;align-items:center;gap:15px;display:flex}.rules-heading .eyebrow{text-align:left;margin:0 0 3px}.rules-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,6vw,3.2rem);line-height:1.05}.rules-bulb{color:#725000;background:#ffd65a;border:2px solid #e8b92e;border-radius:19px;place-items:center;width:59px;height:59px;display:grid;transform:rotate(-3deg);box-shadow:0 6px #d5a722}.rules-bulb svg{width:31px;height:31px}.back-button{margin:0 0 16px;color:#405272!important;font-weight:800!important;display:flex!important}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.rules-grid-all{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-card{color:#21345f;background:#fffffff5;border:2px solid #cfe0f1;border-radius:23px;padding:21px 22px;box-shadow:0 8px #4a5b841f}.rule-title{align-items:center;gap:12px;margin-bottom:14px;display:flex}.rule-title span{color:#fff;text-transform:uppercase;background:#5b55e7;border-radius:16px;flex:none;place-items:center;width:51px;height:51px;font-size:1.35rem;font-weight:900;display:grid}.rule-title h2{margin:0;font-size:1.22rem;line-height:1.2}.rule-card ul{gap:10px;margin:0;padding-left:22px;display:grid}.rule-card li{color:#445675;padding-left:2px;font-size:.98rem;line-height:1.46}.rule-card li::marker{color:#5b55e7;font-size:1.1em}.rule-note{color:#6c5200;background:#fff7d2;border:1px solid #edd883;border-radius:12px;margin:15px 0 0;padding:10px 12px;font-size:.92rem;line-height:1.42}.rule-ż .rule-title span,.rule-rz .rule-title span{background:#e95578}.rule-h .rule-title span,.rule-ch .rule-title span{background:#169f89}.rule-u .rule-title span{background:#4b83de}.memory-trick{color:#3d4e6b;background:#fff;border:2px dashed #9dbbd1;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin:23px auto 0;padding:15px 18px;line-height:1.4;display:flex}.memory-trick strong{color:#27385a;margin-right:4px}.memory-trick span{color:#453f9a;background:#eeedff;border-radius:999px;padding:5px 10px;font-weight:900}.memory-trick b{color:#8392a9}.lesson-start{margin:24px auto 0;display:flex!important}.result-card{width:min(620px,100%);margin:clamp(28px,10vh,90px) auto}.trophy{filter:drop-shadow(0 7px #664e0024);font-size:5rem}.result-card .eyebrow{margin:18px 0 10px}.result-card h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,7vw,3.5rem);line-height:1.05}.result-copy{margin:24px 0 12px;font-size:1.18rem}.result-meter{background:#e2edf5;border:2px solid #c8dcea;border-radius:999px;width:min(410px,100%);height:17px;margin:0 auto;overflow:hidden}.result-meter span{border-radius:inherit;background:linear-gradient(90deg,#46c6ab,#ffd25b);height:100%;display:block}.result-tip{color:#53637f;max-width:430px;margin:22px auto 8px;line-height:1.55}@media (width<=560px){.game-shell{padding:17px 12px 30px}.brand-mark{border-radius:15px;width:46px;height:46px}.score-pill{padding:8px 11px}.score-pill span{font-size:.86rem}.progress-area{margin-top:25px}.question-card{border-radius:25px;min-height:445px}.answers{gap:13px}.answer-button{height:72px!important}.streak{right:14px}.category-grid{grid-template-columns:1fr}.category-button{min-height:80px!important}.start-card{border-radius:25px}.rules-grid,.rules-grid-all{grid-template-columns:1fr}.rules-heading{align-items:flex-start}.rules-heading .eyebrow{font-size:.88rem}.rules-heading h1{text-align:left}.rules-bulb{border-radius:16px;width:51px;height:51px}.rule-card{border-radius:20px;padding:18px 17px}.memory-trick{font-size:.9rem}}@media (prefers-reduced-motion:no-preference){.question-card{animation:.35s ease-out card-in}.mini-celebration{animation:.45s ease-out pop}@keyframes card-in{0%{opacity:0;transform:translateY(7px)}}@keyframes pop{0%{transform:translate(-50%)scale(.4)rotate(-20deg)}70%{transform:translate(-50%)scale(1.15)rotate(5deg)}}}