:root {
  color-scheme: light;
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", Arial, sans-serif;
  color: #244e4b;
  background: #f8f7ef;
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: #f8f7ef; }
body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 4% 7%, rgba(253, 216, 108, .28) 0 100px, transparent 101px),
    radial-gradient(circle at 97% 21%, rgba(145, 204, 194, .22) 0 150px, transparent 151px),
    radial-gradient(circle at 74% 96%, rgba(200, 177, 237, .2) 0 140px, transparent 141px),
    linear-gradient(115deg, #fbf8eb 0%, #f7faf6 48%, #faf6f0 100%);
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: .26;
  pointer-events: none;
  background-image: radial-gradient(#9eb8a7 1px, transparent 1.2px);
  background-size: 18px 18px;
}
button { font: inherit; }
button:not(:disabled) { cursor: pointer; }
button:focus-visible { outline: 4px solid rgba(238, 177, 54, .55); outline-offset: 3px; }
.app { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.page-shell { padding: 20px 0 64px; }
.loading-card { margin: 80px auto; width: min(480px, 100%); padding: 32px; border: 2px solid #dce4d4; border-radius: 24px; background: #fffdf8; text-align: center; font-size: 20px; font-weight: 800; box-shadow: 0 12px 30px rgba(47, 77, 64, .09); }
.loading-card span { font-size: 32px; vertical-align: middle; }

.topbar { min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 25px; }
.brand, .top-button, .sound-button { border: 0; background: transparent; color: #244e4b; }
.brand { display: inline-flex; align-items: center; gap: 12px; padding: 0; text-align: left; }
.brand-mark { display: grid; place-items: center; width: 52px; height: 52px; border: 2px solid #9dd6bc; border-radius: 16px; color: #297658; background: linear-gradient(145deg, #e3f5e8, #fdfbea); box-shadow: 0 5px 12px rgba(41, 100, 75, .13); font-family: Georgia, serif; font-size: 21px; font-weight: 800; letter-spacing: -3px; padding-right: 3px; }
.brand strong { display: block; font-size: 25px; line-height: 1.05; letter-spacing: -.5px; }
.brand small, .top-button small { display: block; margin-top: 3px; color: #6d8981; font-size: 12px; font-weight: 700; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.top-button, .sound-button { min-height: 47px; display: flex; align-items: center; gap: 8px; border: 2px solid #d7e7dc; border-radius: 15px; background: rgba(255, 254, 249, .82); padding: 7px 13px; font-size: 13px; font-weight: 800; box-shadow: 0 5px 14px rgba(43, 73, 57, .05); }
.top-button > span:first-child, .sound-button > span:first-child { font-size: 19px; }
.top-button > span:last-child { text-align: left; line-height: 1.05; }
.sound-button { color: #607b74; }
.sound-button.is-on { color: #257652; border-color: #9fd5b7; background: #eff9ef; }

.hero-panel { min-height: 385px; position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr); align-items: center; gap: 24px; padding: 55px 52px; border: 2px solid #d6eadc; border-radius: 36px; background: linear-gradient(120deg, rgba(232, 248, 236, .94), rgba(255, 250, 235, .98) 59%, rgba(242, 239, 255, .94)); box-shadow: 0 21px 40px rgba(61, 97, 72, .1); }
.hero-panel::after { content:""; position:absolute; width:245px; height:245px; right:-90px; bottom:-118px; border:24px solid rgba(249, 204, 90, .22); border-radius:50%; }
.hero-copy { position: relative; z-index: 1; }
.eyebrow { display: block; color: #43846a; font-family: Georgia, serif; font-size: 13px; font-weight: 800; letter-spacing: 1.65px; }
h1, h2, h3, p { margin: 0; }
.hero-copy h1 { max-width: 550px; margin: 12px 0 12px; font-size: clamp(40px, 5vw, 59px); line-height: .99; letter-spacing: -2px; }
.hero-copy p { max-width: 520px; color: #627d76; font-size: 17px; font-weight: 700; line-height: 1.52; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 28px; }
.primary-button, .secondary-button { border: 0; border-radius: 14px; padding: 14px 20px; font-size: 15px; font-weight: 900; transition: transform .16s ease, box-shadow .16s ease; }
.primary-button { color: white; background: #2d946c; box-shadow: 0 9px 18px rgba(33, 113, 77, .25); }
.primary-button span { margin-left: 7px; font-size: 18px; }
.primary-button:hover { transform: translateY(-2px); box-shadow: 0 12px 21px rgba(33, 113, 77, .28); }
.secondary-button { color: #27654e; border: 2px solid #9fd4b7; background: #f8fff8; }
.hero-progress { color: #608277; font-size: 13px; font-weight: 800; }

.dictionary-illustration { min-height: 280px; position: relative; margin: 0 auto; width: min(390px, 100%); transform: rotate(-2deg); }
.paper-sheet { position: absolute; width: 246px; height: 260px; border-radius: 19px; box-shadow: 0 17px 22px rgba(52, 68, 74, .19); }
.paper-back { top: 17px; left: 89px; transform: rotate(8deg); background: #f4d36e; }
.paper-front { top: 10px; left: 66px; padding: 31px 26px; border: 5px solid #fefdf6; background: #fffef8; color: #315f55; }
.paper-front::before { content: ""; position: absolute; inset: 62px 25px 27px; background: repeating-linear-gradient(to bottom, transparent 0 29px, #d9ede0 30px 32px); opacity: .9; }
.paper-front > * { position: relative; z-index: 1; display: block; }
.paper-front > span { color: #d28b3d; font-family: Georgia, serif; font-size: 12px; font-weight: 800; letter-spacing: 1.4px; }
.paper-front b { margin-top: 34px; font-family: Georgia, serif; font-size: 30px; }
.paper-front b span { display: inline-block; color: #ec6e60; transform: rotate(-5deg); text-decoration: underline 3px #ec6e60; }
.paper-front i { margin-top: 25px; color: #6d9082; font-size: 12px; font-weight: 700; font-style: normal; }
.paper-front em { margin-top: 6px; color: #e0a22e; font-size: 34px; font-style: normal; transform: rotate(-13deg); }
.pencil { position: absolute; z-index: 3; right: 2px; bottom: 22px; width: 195px; height: 28px; transform: rotate(-42deg); border-radius: 10px 4px 4px 10px; background: linear-gradient(to right, #e88a68 0 14%, #f4bd42 14% 85%, #d49335 85% 92%, #f1d49d 92%); box-shadow: 0 6px 9px rgba(65, 68, 52, .13); }
.pencil::after { content:""; position:absolute; right:-20px; top:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:20px solid #f1d49d; }
.pencil span { position: absolute; right: -20px; top: -4px; width: 8px; height: 8px; border-radius: 50%; background: #354e4b; z-index: 2; }
.spark { position:absolute; z-index:4; color:#e6b63d; font-size:34px; }.spark-one{left:20px;top:31px;}.spark-two{right:15px;top:17px;color:#63b687;font-size:24px;}

.how-section, .levels-section { margin-top: 48px; }
.section-heading { position: relative; }
.section-heading h2 { margin-top: 7px; font-size: clamp(31px, 4vw, 44px); line-height: 1.05; letter-spacing: -1.2px; }
.section-heading > p { margin-top: 7px; color: #6d8981; font-size: 14px; font-weight: 700; line-height: 1.45; }
.how-section .section-heading > p { position: absolute; right: 0; bottom: 4px; width: 340px; text-align: right; }
.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 20px; }
.step-card { position: relative; min-height: 143px; display: grid; grid-template-columns: 48px 40px 1fr; align-items: center; gap: 12px; padding: 22px 18px; border: 2px solid #e1ddc9; border-radius: 22px; background: rgba(255, 254, 249, .9); box-shadow: 0 8px 18px rgba(47, 77, 64, .05); }
.step-number { display: grid; place-items: center; width: 45px; height: 45px; padding-bottom: 1px; border: 3px solid var(--step-accent); border-radius: 50%; color: var(--step-accent); font-family: Georgia, serif; font-size: 26px; font-weight: 800; line-height: 1; }
.icon-tile { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#f1f7f0; font-size:21px; }
.step-card h3 { font-size: 18px; line-height: 1.13; }.step-card p { margin-top: 7px; color:#71877f; font-size:13px; font-weight:700; line-height:1.35; }
.row-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; }.row-heading > p { max-width: 260px; text-align: right; }
.levels-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; margin-top: 21px; }
.level-card { min-height: 260px; position: relative; display:flex; flex-direction:column; align-items:flex-start; width: 100%; overflow:hidden; padding: 23px; border: 3px solid color-mix(in srgb, var(--accent) 55%, white); border-radius: 25px; color:#244e4b; text-align:left; background: linear-gradient(140deg, color-mix(in srgb, var(--accent) 16%, white), #fffdf8 56%); box-shadow:0 12px 24px rgba(47,77,64,.06); transition:transform .16s ease, box-shadow .16s ease; }
.level-card:hover { transform: translateY(-4px); box-shadow:0 18px 28px rgba(47,77,64,.12); }
.level-card::after { content:""; position:absolute; right:-34px; bottom:-44px; width:132px; height:132px; border:16px solid color-mix(in srgb,var(--accent) 16%,white); border-radius:50%; }
.level-top,.level-bottom { width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; position:relative; z-index:1; }.level-icon { font-size:33px; }.age-tag { padding:6px 9px; border-radius:12px; color:var(--accent); background:rgba(255,255,255,.72); font-size:12px; font-weight:900; }.level-number{margin-top:18px;color:var(--accent);font-family:Georgia,serif;font-size:11px;font-weight:800;letter-spacing:1.3px;}.level-card strong{max-width:240px;margin-top:6px;font-size:23px;line-height:1.06;letter-spacing:-.4px;}.level-copy{margin-top:9px;max-width:260px;color:#708880;font-size:13px;font-weight:700;line-height:1.35;}.level-bottom{margin-top:auto;padding-top:14px;color:#5f8074;font-size:12px;font-weight:900;}.stars{color:#e9b83f;letter-spacing:1px;font-size:15px;}

.game-shell { padding-bottom: 50px; }.game-topline { min-height: 50px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; margin-bottom:13px; }.back-link,.text-button{border:0;padding:6px 0;color:#558277;background:transparent;font-size:13px;font-weight:900;text-align:left;}.back-link:hover,.text-button:hover{text-decoration:underline;}.game-level-name{text-align:center;}.game-level-name span{font-size:19px;vertical-align:middle;margin-right:5px;}.game-level-name strong{font-size:17px;}.game-level-name small{display:block;margin-top:3px;color:#7b928b;font-size:11px;font-weight:700;}.hint-button{justify-self:end;border:2px solid #ebd58a;border-radius:13px;padding:9px 13px;color:#9a7021;background:#fffbea;font-size:13px;font-weight:900;}.hint-button:disabled{opacity:.45;cursor:default;}.progress-track{height:10px;overflow:hidden;border-radius:10px;background:#e3ede3;box-shadow:inset 0 1px 2px rgba(50,75,60,.09);}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6fbf8e,#ecc956);transition:width .25s ease;}.training-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:22px;margin-top:22px;}.word-card,.answer-card{border:2px solid #dde5d8;border-radius:29px;background:rgba(255,254,249,.94);box-shadow:0 17px 30px rgba(48,76,64,.08);}.word-card{min-height:500px;display:flex;flex-direction:column;align-items:center;padding:30px;text-align:center;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 14%,white),#fffefa 52%);}.task-label{color:#538375;font-family:Georgia,serif;font-size:12px;font-weight:800;letter-spacing:1.45px;}.word-picture{display:grid;place-items:center;width:181px;height:181px;margin:33px 0 23px;border:11px solid rgba(255,255,255,.73);border-radius:50%;background:color-mix(in srgb,var(--accent) 19%,white);box-shadow:0 11px 19px rgba(48,76,64,.12);font-size:92px;line-height:1;}.word-card p{max-width:260px;color:#6a857d;font-size:15px;font-weight:700;line-height:1.45;}.word-note{margin-top:auto;width:100%;padding:12px;border-radius:13px;color:#457867;background:rgba(255,255,255,.65);font-size:13px;font-weight:800;}.word-note b{font-size:18px;}.answer-card{min-height:500px;padding:37px 43px;}.answer-card h1{max-width:650px;margin:9px 0 28px;font-size:clamp(28px,3.5vw,41px);line-height:1.08;letter-spacing:-1.1px;}.masked-word{display:flex;align-items:center;min-height:98px;padding:17px 25px;border:2px dashed #ceded0;border-radius:21px;background:#f6fbf5;text-align:center;}.word-display{display:inline-flex;align-items:baseline;justify-content:center;width:100%;color:#2b5d52;font-family:Georgia,serif;font-size:44px;font-weight:800;letter-spacing:1px;white-space:nowrap;}.word-display.word-medium{font-size:38px;}.word-display.word-long{font-size:32px;letter-spacing:.5px;}.word-letter{display:inline-grid;place-items:center;min-width:43px;height:50px;margin:0 3px;border-bottom:5px solid #e89a4d;color:#d78132;background:rgba(249,211,119,.2);line-height:1;}.word-letter.is-filled{border-radius:10px;border-bottom:0;color:#217254;background:#d9f2df;}.answer-prompt{margin:26px 0 12px;color:#607f75;font-size:14px;font-weight:800;}.options-row{display:flex;flex-wrap:wrap;gap:12px;}.option-button{position:relative;display:grid;place-items:center;width:72px;height:72px;border:3px solid #cfe3d5;border-radius:18px;color:#2d705a;background:#fff;box-shadow:0 6px 11px rgba(46,79,61,.07);font-family:Georgia,serif;font-size:34px;font-weight:800;transition:transform .15s ease,background .15s ease;}.option-button:hover:not(:disabled){transform:translateY(-3px);border-color:#77bf94;background:#effaf0;}.option-button small{position:absolute;right:7px;bottom:5px;color:#a0b5a8;font-family:"Trebuchet MS",sans-serif;font-size:10px;font-weight:800;}.option-button.is-wrong{border-color:#f0aaa0;color:#bb635d;background:#fff1ef;opacity:.75;}.option-button.is-correct{border-color:#5db884;color:#1f8055;background:#e5f7e9;}.option-button.is-hint{border-color:#e4b23f;background:#fff8d9;box-shadow:0 0 0 5px rgba(235,197,79,.17);}.feedback{min-height:75px;display:flex;align-items:flex-start;gap:11px;margin-top:23px;padding:13px 15px;border-radius:16px;font-size:13px;line-height:1.35;}.feedback>span{display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border-radius:50%;font-size:17px;font-weight:900;}.feedback strong{font-size:14px;}.feedback p{margin-top:2px;font-weight:700;}.feedback.good{color:#287655;background:#e7f6e9;}.feedback.good>span{color:white;background:#49ae76;}.feedback.hint{color:#8e6d20;background:#fff8dc;}.feedback.hint>span{background:#f6df83;}.feedback.try{color:#a05853;background:#fff0ed;}.feedback.try>span{color:white;background:#e9877e;}.feedback.quiet{color:#627f75;background:#f0f7f0;}.feedback.quiet>span{color:#4e9872;background:#dceee0;}.answer-actions{min-height:49px;display:flex;justify-content:flex-end;align-items:end;margin-top:18px;}.answer-actions .text-button{color:#a07a26;}

.result-panel{position:relative;overflow:hidden;max-width:820px;margin:42px auto 0;padding:53px 42px 45px;border:3px solid color-mix(in srgb,var(--accent) 48%,white);border-radius:35px;text-align:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,white),#fffdf7 60%);box-shadow:0 19px 36px rgba(48,76,64,.1);}.result-panel::before{content:"";position:absolute;left:-80px;bottom:-100px;width:250px;height:250px;border:20px solid color-mix(in srgb,var(--accent) 14%,white);border-radius:50%;}.result-panel>*{position:relative;z-index:1;}.result-confetti{position:absolute;top:23px;right:56px;color:#e8b445;font-size:24px;letter-spacing:16px;transform:rotate(15deg);}.result-icon{display:grid;place-items:center;width:98px;height:98px;margin:0 auto 16px;border:9px solid rgba(255,255,255,.8);border-radius:50%;background:color-mix(in srgb,var(--accent) 21%,white);font-size:47px;}.result-panel h1{margin:9px 0 11px;font-size:clamp(35px,5vw,51px);line-height:1.05;letter-spacing:-1.5px;}.result-stars{color:#e7b63d;font-size:43px;letter-spacing:7px;}.result-panel>p{max-width:580px;margin:13px auto;color:#668078;font-size:16px;font-weight:700;line-height:1.47;}.result-stats{display:flex;justify-content:center;gap:11px;margin:22px auto;}.result-stats span{display:flex;flex-direction:column;min-width:142px;padding:11px;border-radius:15px;background:rgba(255,255,255,.6);color:#638279;font-size:12px;font-weight:800;}.result-stats b{color:#2a6955;font-size:24px;}.result-stats small{margin-top:2px;color:#7d948b;font-size:10px;}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;}.result-actions .text-button{padding:13px;}

.collection-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:230px;padding:36px 50px;border:2px solid #e1e5d4;border-radius:30px;background:linear-gradient(120deg,#fffbeb,#edf8ef 70%,#edf7ff);box-shadow:0 14px 27px rgba(48,76,64,.07);}.collection-hero .back-link{display:block;margin-bottom:20px;}.collection-hero h1{margin:9px 0;font-size:clamp(34px,4.5vw,52px);letter-spacing:-1.5px;}.collection-hero p{max-width:600px;color:#688178;font-size:15px;font-weight:700;line-height:1.45;}.library-graphic{position:relative;display:grid;place-items:center;flex:0 0 auto;width:150px;height:150px;border:10px solid rgba(255,255,255,.76);border-radius:50%;background:#d9eedc;box-shadow:0 12px 18px rgba(47,77,64,.1);font-size:66px;}.library-graphic span{position:absolute;right:-8px;bottom:9px;display:grid;place-items:center;width:47px;height:47px;border:4px solid #fffdf7;border-radius:50%;color:white;background:#4ea476;font-size:14px;font-weight:900;}.collection-section{margin-top:37px;}.collection-group+.collection-group{margin-top:42px;}.collection-group-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px;}.collection-group-head h2{margin-top:5px;font-size:30px;letter-spacing:-.7px;}.collection-group-head>span{color:#668178;font-size:13px;font-weight:900;}.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}.collection-card{position:relative;min-height:196px;padding:14px 12px;border:2px solid #e1e1d8;border-radius:20px;background:#f9f8f3;text-align:center;overflow:hidden;}.collection-card.is-found{border-color:color-mix(in srgb,var(--accent) 52%,white);background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 11%,white),#fffdf8 70%);box-shadow:0 8px 15px rgba(46,76,59,.06);}.collection-number{position:absolute;top:9px;left:9px;display:grid;place-items:center;width:28px;height:28px;padding-bottom:1px;border:2px solid #d8d7cc;border-radius:50%;color:#737d7a;background:#fffefa;font-family:Georgia,serif;font-size:14px;font-weight:800;line-height:1;}.collection-image{display:grid;place-items:center;height:82px;color:#aeb8b1;font-size:47px;filter:grayscale(1);opacity:.55;}.is-found .collection-image{filter:none;opacity:1;}.collection-word{min-height:26px;color:#94a098;font-family:Georgia,serif;font-size:18px;font-weight:800;}.is-found .collection-word{color:#2b6253;}.collection-word mark{padding:1px 2px;border-radius:4px;color:#d27337;background:#ffe08d;}.collection-card p{min-height:31px;margin-top:5px;color:#9ca9a1;font-size:10px;font-weight:800;line-height:1.3;}.is-found p{color:#548473;}

@media (max-width: 900px) {
  .hero-panel { grid-template-columns: 1fr .78fr; padding: 42px 34px; }.hero-copy h1 { font-size: 45px; }.dictionary-illustration { transform: scale(.86) rotate(-2deg); transform-origin: center; margin-left: -17px; }.how-section .section-heading > p { position: static; width: auto; text-align:left; }.steps-grid{grid-template-columns:1fr;}.step-card{min-height:108px;}.levels-grid{grid-template-columns:repeat(2,1fr);}.training-layout{grid-template-columns:1fr;}.word-card{min-height:auto;display:grid;grid-template-columns:auto 155px 1fr;gap:20px;align-items:center;text-align:left;padding:24px;}.word-card .task-label{grid-column:1/-1;}.word-picture{width:130px;height:130px;margin:0;font-size:67px;}.word-note{margin-top:0;}.answer-card{min-height:0;}.collection-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width: 650px) {
  .app { width: min(1120px, calc(100% - 20px)); }.page-shell{padding:12px 0 44px;}.topbar{align-items:flex-start;margin-bottom:19px;}.brand-mark{width:43px;height:43px;border-radius:13px;font-size:17px;}.brand strong{font-size:18px;}.brand small{font-size:10px;}.top-actions{gap:6px;}.top-button,.sound-button{min-height:43px;padding:7px 9px;border-radius:12px;font-size:0;}.top-button small{display:none;}.top-button>span:first-child,.sound-button>span:first-child{font-size:18px;}.hero-panel{display:block;min-height:0;padding:34px 25px 22px;border-radius:27px;}.eyebrow{font-size:10px;letter-spacing:1.15px;}.hero-copy h1{margin-top:8px;font-size:38px;letter-spacing:-1.2px;}.hero-copy p{font-size:15px;}.hero-actions{margin-top:22px;gap:10px;}.dictionary-illustration{min-height:190px;width:290px;max-width:100%;margin:5px auto -13px;transform:scale(.68) rotate(-2deg);transform-origin:top center;}.how-section,.levels-section{margin-top:32px;}.section-heading h2{font-size:31px;}.steps-grid{gap:10px;margin-top:14px;}.step-card{grid-template-columns:41px 35px 1fr;gap:9px;padding:15px 12px;border-radius:18px;}.step-number{width:38px;height:38px;border-width:2px;font-size:22px;}.icon-tile{width:33px;height:33px;font-size:18px;}.step-card h3{font-size:16px;}.step-card p{margin-top:3px;font-size:12px;}.row-heading{display:block;}.row-heading>p{text-align:left;}.levels-grid{grid-template-columns:1fr;gap:12px;margin-top:16px;}.level-card{min-height:210px;padding:19px;border-radius:21px;}.level-number{margin-top:11px;}.level-card strong{font-size:21px;}.game-topline{grid-template-columns:1fr auto;gap:6px;}.game-level-name{grid-column:1/-1;grid-row:1;margin-bottom:7px;}.back-link{grid-column:1;grid-row:2;}.hint-button{grid-column:2;grid-row:2;padding:7px 9px;font-size:12px;}.training-layout{gap:14px;margin-top:14px;}.word-card{display:grid;grid-template-columns:75px 1fr;gap:12px;padding:18px;border-radius:22px;}.word-card .task-label{grid-column:1/-1;}.word-picture{width:73px;height:73px;border-width:5px;font-size:39px;}.word-card p{font-size:13px;}.word-note{grid-column:1/-1;font-size:12px;}.answer-card{padding:25px 18px;border-radius:22px;}.answer-card h1{margin:8px 0 20px;font-size:29px;}.masked-word{min-height:78px;padding:12px 8px;border-radius:16px;overflow-x:auto;}.word-display,.word-display.word-medium,.word-display.word-long{font-size:clamp(24px,8vw,32px)!important;}.word-letter{min-width:30px;height:38px;margin:0 1px;border-bottom-width:4px;}.options-row{gap:9px;}.option-button{width:58px;height:58px;border-radius:15px;font-size:27px;}.feedback{margin-top:18px;font-size:12px;}.answer-actions{margin-top:12px;}.result-panel{margin-top:24px;padding:38px 19px 30px;border-radius:26px;}.result-confetti{right:17px;top:14px;font-size:17px;letter-spacing:8px;}.result-icon{width:78px;height:78px;font-size:37px;}.result-panel h1{font-size:35px;}.result-stars{font-size:33px;}.result-panel>p{font-size:14px;}.result-stats span{min-width:120px;}.result-actions{gap:7px;}.collection-hero{min-height:0;padding:27px 22px;border-radius:24px;}.collection-hero h1{font-size:35px;}.collection-hero p{font-size:14px;}.library-graphic{display:none;}.collection-group-head{align-items:start;flex-direction:column;gap:5px;}.collection-group-head h2{font-size:25px;}.collection-grid{grid-template-columns:repeat(2,1fr);gap:10px;}.collection-card{min-height:174px;}.collection-image{height:70px;font-size:40px;}
}