/* Shared palette and elevation for every route. Nature stays natural. */
.site-theme { --page-bg:#f5f3e9; --text-main:#344b49; --text-task:#344b49; --text-soft:#6f8079; --text-muted:#6f8079; --accent:#e98458; --accent-strong:#d77249; --sun:#ffdc8b; --mint:#d4e9d4; --surface:#fffdf5; --surface-strong:#fffdf5; --surface-border:#e9e4d6; --shadow-soft:0 6px 18px #5260480d; --shadow-lift:0 10px 24px #52604818; background:#f5f3e9; color:#344b49; }
.site-theme .home { --ink:#344b49; --leaf:#347b6e; --scene:#dcebd7; }.site-theme .home[data-slide="1"] { --leaf:#9a7140; --scene:#f6e6bd; }.site-theme .home[data-slide="2"] { --leaf:#467f87; --scene:#dcecef; }
.site-theme .home-brand { color:#344b49; }.site-theme .home-topbar,.site-theme .catalog-heading,.site-theme .learning-heading { color:#344b49; }
.site-theme .home-hero,.site-theme .catalog-card,.site-theme .info-hero,.site-theme .info-card,.site-theme .info-section,.site-theme .settings-group,.site-theme .account-page .access-code-block,.site-theme .access-plan,.site-theme .admin-card,.site-theme .learning-week,.site-theme .learning-subjects,.site-theme .learning-summary>div { background:#fffdf5; border:1px solid #e8e4d7; box-shadow:0 7px 22px #5260480c; border-radius:26px; }
.site-theme .home .home-start,.site-theme .ui-primary,.site-theme .victory-btn,.site-theme .info-action,.site-theme .settings-submit,.site-theme .access-code-form button,.site-theme .account-primary-link,.site-theme .feedback-submit { background:linear-gradient(#ef956a,#e98458); color:white; border:1px solid #dc7b52; box-shadow:inset 0 1px 0 #ffc4a1,0 3px 0 #c86b47; border-radius:17px; font-weight:800; }
.site-theme .home .home-start:hover,.site-theme .ui-primary:hover,.site-theme .victory-btn:hover { background:#e98458; box-shadow:inset 0 1px 0 #ffc4a1,0 3px 0 #c86b47; }.site-theme .home .home-start:active,.site-theme .ui-primary:active,.site-theme .victory-btn:active { transform:translateY(2px); box-shadow:0 1px 0 #c86b47; }
.site-theme .menu-button,.site-theme .pause-button,.site-theme .play-timer { background:#fffdf5; border:1px solid #e7e2d4; box-shadow:0 2px 4px #52604809; color:#42615a; }.site-theme .menu-dropdown { background:#fffdf5; border:1px solid #e7e2d4; box-shadow:0 12px 28px #344b491c; }.site-theme .menu-item { color:#344b49; }.site-theme .menu-item:hover { background:#edf3e6; }.site-theme .menu-access { background:#faedce; }
.site-theme .catalog-heading h1,.site-theme .catalog-card h3,.site-theme .learning-heading h1 { color:#344b49; }.site-theme .catalog-card h3 span,.site-theme .catalog-progress-link { color:#347b6e; }.site-theme .catalog-progress-link { background:#e4efda; border-color:#d4e1c9; }.site-theme .catalog-categories a { background:#fffdf5; border:1px solid #e7e2d4; color:#526b61; box-shadow:none; }.site-theme .catalog-categories a:hover { background:#e4efda; }.site-theme .catalog-personal h2,.site-theme .catalog-section h2,.site-theme .catalog-brand { color:#607a6e; }.site-theme .favorites-empty { color:#7e8b7e; border-color:#d7decf; }.site-theme .favorite-toggle { border-color:#e7e2d4; box-shadow:0 2px 4px #5260480b; color:#9b8c7f; }.site-theme .favorite-toggle[aria-pressed="true"] { color:#c66d73; background:#fff0e8; border-color:#efc6b5; }
.site-theme .header-help-button,.site-theme .pause-symbol { color:#347b6e; background:#deebd7; }.site-theme .pause-dialog,.site-theme .feedback-card,.site-theme .help-card { background:#fffdf5; color:#344b49; box-shadow:0 16px 46px #233f2e30; border:1px solid #fff; }.site-theme .sound-state { color:#347b6e; background:#deebd7; }.site-theme .ui-secondary { background:#eef1e5; border-color:#dde4d3; color:#526b61; }
.site-theme .victory-card { background:linear-gradient(#e3f0dc 0%,#fff5da 55%,#fffdf5 55%); box-shadow:0 16px 46px #233f2e30; border:1px solid #fff; }.site-theme .victory-title { color:#347b6e; }.site-theme .victory-text { color:#7b8c7e; }.site-theme .victory-links a { background:#faedce; color:#95723e; border:1px solid #e7d7b2; box-shadow:0 3px 0 #ddcda9; }.site-theme .victory-links a:nth-child(2) { background:#e4efda; color:#527a4e; border-color:#d1dfc5; box-shadow:0 3px 0 #c6d6b9; }
.site-theme .today-card { background:#e4efda; border-color:#d1dfc5; box-shadow:0 6px 18px #5260480d; }.site-theme .learning-summary strong { color:#347b6e; }.site-theme .learning-subject.attention>span:first-child { background:#dfedf0; color:#467f87; }.site-theme .learning-day.today strong { outline-color:#e98458; }
.site-theme .info-hero,.site-theme .info-card,.site-theme .info-section,.site-theme .settings-group { padding:clamp(20px,3vw,32px); }.site-theme .info-badge,.site-theme .account-badge { border-radius:12px; background:#faedce; color:#95723e; box-shadow:none; }.site-theme .info-steps>div,.site-theme .info-link-grid a,.site-theme .info-age-guide article,.site-theme .info-levels>div { border:1px solid #e7e2d4; border-radius:20px; background:#fffdf5; box-shadow:none; }.site-theme .setting-option { background:#f7f7ed; border-color:#e3e8da; border-radius:17px; }.site-theme .setting-option:has(input:checked) { background:#e4efda; border-color:#aecaab; }.site-theme .access-plan:has(input:checked) { background:#f2f8e9; border-color:#aecaab; }.site-theme input,.site-theme textarea,.site-theme select { accent-color:#478a76; }.site-theme .form-note,.site-theme .info-page p { color:#748477; }
/* Restored journey: an actual road, vehicle, scenery and finish line. */
.site-theme.playing { background:linear-gradient(150deg,#f8f3e4,#edf5ee); color:#344b49; }.site-theme.playing .header { border:0; }.site-theme.playing .text-header h1 { color:#344b49; }




/* One soft contact shadow per panel; one shallow bevel per toy. */
.site-theme.playing .choice-layout,.site-theme.word-game .word-layout { background:#fffdf5; border:1px solid #e6e6d7; box-shadow:0 7px 20px #5260480c; border-radius:30px; }
.site-theme.playing .choice-question,.site-theme.playing .word,.site-theme.playing .reading-word-area .word { color:#344b49; }
.site-theme.playing .choice-big-text { background:linear-gradient(#ffe3a0,#ffda83); color:#745a32; border:1px solid #ffeabd; box-shadow:inset 0 2px 0 #fff0c7,0 3px 0 #d8b36a; }
.site-theme.playing .choice-main-card { background:#edf4e6; border-color:#dde5d4; box-shadow:0 4px 12px #5260480c; }
.site-theme.playing .choice-options .choice-answer,.site-theme.playing .reading-answers .object,.site-theme.playing .pair-card { background:linear-gradient(#fffef9,#fbf6e8); color:#526b61; border:1px solid #e8dfcb; box-shadow:inset 0 2px 0 #fff,0 3px 0 #ded3bc; }
.site-theme.playing .choice-options .choice-answer:hover { border-color:#d7bf89; background:#fff3cf; }.site-theme.playing .choice-options .choice-answer.answer-correct { background:#e5efd9; border-color:#acc89a; box-shadow:0 3px 0 #b6cba3; }.site-theme.playing .choice-options .choice-answer.answer-wrong { background:#fff0e5; border-color:#e1b99d; }
.site-theme.word-game .word-visual { background:radial-gradient(circle at 76% 20%,#ffdc88 0 7%,transparent 7.2%),linear-gradient(#d4eee6,#edf5dc); }.site-theme.word-game .word-visual::before { background:#c3dcb0; }.site-theme.word-game .word-visual::after { background:#fffdf5; box-shadow:28px -8px 0 3px #fffdf5,180px 45px 0 -3px #fffdf5c0; }.site-theme.word-game #objects { box-sizing:border-box; align-items:flex-end; padding-bottom:8%; }.site-theme.word-game #objects .object img { filter:drop-shadow(0 4px 2px #4c633c15); }
.site-theme.word-game .syllable,.site-theme .syllable.dragging { background:linear-gradient(#ffe7af,#ffda83); color:#745a32; border:1px solid #ffeabd; box-shadow:inset 0 2px 0 #fff0c7,0 3px 0 #d8b36a; text-shadow:none; }.site-theme.word-game .slot { border:2px dashed #b3c7a5; background:#f0f6e680; }.site-theme.word-game .slot:has(.syllable) { border-color:transparent; background:transparent; }
.site-theme.word-game .word-actions>button { background:linear-gradient(#ef956a,#e98458); color:#fff; border:1px solid #dc7b52; box-shadow:inset 0 1px 0 #ffc4a1,0 3px 0 #c86b47; }.site-theme.word-game .word-actions>button:hover { background:#e98458; box-shadow:0 3px 0 #c86b47; }.site-theme.word-game:has(.answer-success) .word-visual { background:linear-gradient(#d6eddf,#fff0c8); }
.site-theme.playing .memory-card { background:linear-gradient(#92b6a1,#76a38a); border-color:#b8d2bd; box-shadow:inset 0 2px 0 #cce1ce,0 3px 0 #638e75; }.site-theme.playing .memory-card.open,.site-theme.playing .memory-card.matched { background:#fffdf5; border-color:#e4dcc8; box-shadow:0 3px 0 #ded3bc; }.site-theme.playing .pair-card.selected { background:#ffe5a5; border-color:#dfb76b; box-shadow:0 0 0 3px #f3db9e,0 4px 10px #8c73451a; }
.site-theme.word-game .word-layout { height:clamp(360px,calc(100svh - 300px),660px); }.site-theme.playing .reading-answers { width:min(86vw,calc((100svh - 420px)*.8),600px); }
@media(orientation:portrait) { .site-theme.word-game .word-layout { height:clamp(350px,calc(100svh - 290px),1040px); }.site-theme.word-game #objects .object { width:min(52vw,25svh,330px); height:min(52vw,25svh,330px); } }
@media(max-width:600px) { .site-theme.word-game .word-layout { height:clamp(330px,calc(100svh - 280px),700px); padding:16px; border-radius:26px; }.site-theme.word-game .word-actions { padding-bottom:12px; }.site-theme.playing .choice-layout { border-radius:26px; }.site-theme.word-game #objects { padding-bottom:7%; }.site-theme .info-hero,.site-theme .info-card,.site-theme .info-section,.site-theme .settings-group { padding:20px; border-radius:22px; } }
@media(max-height:680px) and (orientation:portrait) { .site-theme.word-game .word-layout { height:auto; min-height:300px; grid-template-rows:minmax(100px,1fr) auto auto; }.site-theme.word-game #objects .object { height:115px; width:115px; } }
@media(max-height:520px) and (orientation:landscape) { .site-theme.word-game .word-layout { height:auto; min-height:215px; margin-top:12px; }.site-theme.word-game #objects .object { width:130px; height:130px; }.site-theme.playing .reading-answers { width:min(60vw,640px); }.site-theme .pause-shortcuts { grid-column:1 / 3; } }
.site-theme.playing .pair-card.selected { border-width:3px; }
.site-theme.playing #objects.count-objects.count { height:clamp(190px,46svh,460px); }
.site-theme .settings-save,.site-theme .landing-start { background:linear-gradient(#ef956a,#e98458); color:#fff; border:1px solid #dc7b52; border-radius:17px; box-shadow:inset 0 1px 0 #ffc4a1,0 3px 0 #c86b47; }
.site-theme .settings-save:hover,.site-theme .landing-start:hover { background:#e98458; box-shadow:0 3px 0 #c86b47; }
.site-theme .landing-card { border-radius:30px; background:#fffdf5; border:1px solid #e8e4d7; box-shadow:0 7px 22px #5260480c; }
.site-theme .landing h2,.site-theme .landing-word,.site-theme .landing-match-card { color:#344b49; }.site-theme .landing-kicker { color:#347b6e; background:#e4efda; border-radius:12px; box-shadow:none; }.site-theme .landing-small-word,.site-theme .landing-word-card,.site-theme .landing-picture,.site-theme .landing-match-card,.site-theme .landing-memory-card { border-radius:20px; box-shadow:0 4px 12px #52604810; }.site-theme .landing-memory-card.closed { background:#7fa98e; color:#fff; border:1px solid #b8d2bd; }
.site-theme .account-shell,.site-theme.account-shell { background:#f5f3e9; }.site-theme .admin-page button { border-radius:12px; }.site-theme .feedback-card,.site-theme .help-card { border-radius:26px; }.site-theme .feedback-close,.site-theme .help-close { border-radius:12px; background:#edf3e6; color:#526b61; }
@media(max-height:520px) and (orientation:landscape) { .site-theme.playing #objects.count-objects.count { height:140px; min-height:0; } }
/* The same play board also wraps reading, arithmetic, pairs and memory. */
.site-theme.playing .reading-layout,.site-theme.playing .math-layout,.site-theme.playing .pairs-layout,.site-theme.playing .memory-layout { background:#fffdf5; border:1px solid #e6e6d7; box-shadow:0 7px 20px #5260480c; border-radius:30px; box-sizing:border-box; padding:24px; width:min(92vw,960px); flex:0 0 auto; margin:22px auto 0; }
.site-theme.playing .math-layout { display:flex; flex-direction:column; align-items:center; gap:20px; }
.site-theme.playing .math-layout #objects.count-objects { width:100%; height:clamp(160px,36svh,360px); margin:0; }
.site-theme.playing .math-layout .answers { height:auto; margin:0 0 8px; width:min(100%,580px); }
.site-theme.playing .math-layout .answers>button { background:linear-gradient(#fffef9,#fbf6e8); border:1px solid #e8dfcb; box-shadow:inset 0 2px 0 #fff,0 3px 0 #ded3bc; color:#526b61; border-radius:17px; }
.site-theme.playing .memory-layout .memory-board { width:100%; max-width:660px; }
.site-theme.playing .reading-answers { width:min(100%,calc((100svh - 490px)*.8),550px); }
.site-theme.playing .reading-word-area { min-height:90px; }.site-theme.playing .reading-layout { gap:22px; }.site-theme.playing .memory-attempts { margin-top:10px; color:#748477; }
@media(max-width:600px) { .site-theme.playing .reading-layout,.site-theme.playing .math-layout,.site-theme.playing .pairs-layout,.site-theme.playing .memory-layout { padding:18px 16px 22px; border-radius:26px; margin-top:16px; }.site-theme.playing .math-layout .answers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.site-theme.playing .math-layout .answers:has(>button:nth-child(3)):not(:has(>button:nth-child(4))) { grid-template-columns:repeat(3,minmax(0,1fr)); }.site-theme.playing .math-layout .answers>button { min-width:0; min-height:50px; padding:10px; }.site-theme.playing .reading-answers { width:min(100%,300px); }.site-theme.playing .reading-word-area { min-height:70px; }.site-theme.playing .reading-word-area .word { font-size:clamp(40px,13vw,64px); margin:0; } }
@media(max-height:680px) and (orientation:portrait) { .site-theme.playing .math-layout #objects.count-objects { height:170px; }.site-theme.playing .math-layout { gap:16px; }.site-theme.playing .reading-answers { width:min(100%,220px); } }
@media(max-height:520px) and (orientation:landscape) { .site-theme.playing .math-layout #objects.count-objects { height:150px; }.site-theme.playing .math-layout { margin-top:12px; gap:14px; padding:16px; }.site-theme.playing .reading-answers { width:100%; max-width:620px; }.site-theme.playing .reading-layout { padding:16px; }.site-theme.playing .memory-layout,.site-theme.playing .pairs-layout { padding:16px; } }
.site-theme.word-game .syllable-row,.site-theme.word-game .slot-row { box-sizing:border-box; padding:4px 4px 8px; }
.site-theme.word-game #syllables.sentence-mode .syllable-row,.site-theme.word-game #dropzone.sentence-mode .slot-row { width:min(100%,640px); }
.site-theme .admin-page,.site-theme .admin-card,.site-theme .admin-form,.site-theme .admin-table-wrap { min-width:0; max-width:100%; box-sizing:border-box; }
.site-theme .admin-fields { grid-template-columns:repeat(5,minmax(0,1fr)); }.site-theme .admin-fields label { min-width:0; }.site-theme .admin-page input,.site-theme .admin-page select { min-width:0; max-width:100%; }.site-theme .admin-inline-form { grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.4fr) auto; }
@media(max-width:1000px) and (min-width:761px) { .site-theme .admin-fields,.site-theme .admin-inline-form { grid-template-columns:repeat(2,minmax(0,1fr)); }.site-theme .admin-heading { flex-wrap:wrap; } }
@media(max-width:760px) { .site-theme .admin-fields,.site-theme .admin-inline-form { grid-template-columns:minmax(0,1fr); } }
.site-theme .admin-games { min-width:0; max-width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); box-sizing:border-box; }.site-theme .admin-games label { min-width:0; overflow-wrap:anywhere; }.site-theme .admin-games legend { box-sizing:border-box; }
@media(max-width:760px) { .site-theme .admin-games { grid-template-columns:minmax(0,1fr); } }
.site-theme.word-game .word-visual::before { height:48%; }



.site-theme .settings-group .settings-note { margin:0 0 16px; font-size:16px; line-height:1.55; font-weight:400; }
.site-theme .settings-access { display:inline-flex; min-height:52px; max-width:100%; padding:12px 20px; box-sizing:border-box; text-align:center; text-decoration:none; white-space:normal; font-size:16px; line-height:1.35; }

/* The task occupies the available play area instead of a fixed-size island. */
.site-theme.playing { background:var(--page-bg); }
.site-theme.playing .choice-answer span { color:var(--text-main); }
@media(min-height:681px) {
 .site-theme.playing :is(.choice-layout,.reading-layout,.math-layout,.pairs-layout,.memory-layout),
 .site-theme.word-game .word-layout { height:var(--play-area-height,calc(100svh - 270px)); min-height:360px; width:min(92vw,1100px); margin-top:18px; }
 .site-theme.playing .choice-layout { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(140px,1fr) auto minmax(140px,.65fr); align-items:stretch; gap:20px; }
 .site-theme.playing .choice-visual { width:100%; height:100%; min-height:0; }
 .site-theme.playing .choice-main-card { width:min(100%,32svh,360px); height:100%; max-height:360px; aspect-ratio:1; box-sizing:border-box; }
 .site-theme.playing .choice-big-text { width:clamp(120px,24svh,300px); height:clamp(120px,24svh,300px); box-sizing:border-box; display:flex; align-items:center; justify-content:center; font-size:clamp(80px,16svh,190px); }
 .site-theme.playing .choice-question { margin:0 auto; align-self:center; }
 .site-theme.playing .choice-options { width:100%; max-width:none; height:100%; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(0,1fr); align-self:stretch; }
 .site-theme.playing .choice-options .choice-answer { min-width:0; min-height:0; width:100%; height:100%; padding:12px; }
 .site-theme.playing .choice-answer img { height:100%; max-height:18svh; width:80%; max-width:220px; object-fit:contain; }
 .site-theme.playing .reading-layout { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(70px,.35fr) minmax(0,1fr); gap:20px; }
 .site-theme.playing .reading-answers { width:100%; max-width:none; height:100%; min-height:0; padding:0; }
 .site-theme.playing .reading-answers .object { min-height:0; height:100%; aspect-ratio:auto; }
 .site-theme.playing .reading-answers .object img { width:82%; height:82%; max-height:25svh; }
 .site-theme.playing .math-layout { justify-content:space-between; }
 .site-theme.playing .math-layout #objects.count-objects { flex:1; min-height:0; height:auto; }
 .site-theme.playing .math-layout .answers { width:100%; min-height:100px; }
 .site-theme.playing .pairs-layout { align-items:stretch; }
 .site-theme.playing .pair-column { grid-auto-rows:minmax(0,1fr); }
 .site-theme.playing .pair-card img { height:75%; max-height:150px; }
 .site-theme.playing .memory-layout { display:flex; flex-direction:column; }
 .site-theme.playing .memory-layout .memory-board { flex:1; min-height:0; max-width:none; grid-auto-rows:minmax(0,1fr); }
 .site-theme.playing .memory-card { aspect-ratio:auto; min-height:0; }
 .site-theme.word-game #objects .object { width:min(60vw,34svh,420px); height:min(60vw,34svh,420px); }
}
@media(min-width:1000px) and (min-height:681px) and (orientation:landscape) {
 .site-theme.playing .choice-layout { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); grid-template-rows:auto minmax(0,1fr); gap:24px 40px; padding:32px; }
 .site-theme.playing .choice-visual { grid-row:1 / 3; grid-column:1; }
 .site-theme.playing .choice-main-card { width:100%; height:min(100%,440px); max-height:none; }
 .site-theme.playing .choice-question { grid-column:2; grid-row:1; font-size:22px; }
 .site-theme.playing .choice-options { grid-column:2; grid-row:2; }
 .site-theme.playing .choice-answer img { max-height:24svh; }
 .site-theme.playing .reading-layout { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); grid-template-rows:minmax(0,1fr); gap:36px; }
 .site-theme.playing .reading-word-area .word { font-size:clamp(48px,6vw,100px); }
}
@media(orientation:portrait) and (min-height:681px) {
 .site-theme.playing .choice-layout { grid-template-rows:minmax(140px,1fr) auto minmax(160px,1fr); }
 .site-theme.playing .choice-main-card { width:100%; height:100%; max-height:none; aspect-ratio:auto; }
 .site-theme.playing .choice-main-card img { width:86%; height:86%; max-height:48svh; object-fit:contain; }
}
@media(orientation:portrait) and (min-height:681px) {
 .site-theme.playing .reading-layout { grid-template-rows:minmax(70px,140px) minmax(0,1fr); }
 .site-theme.playing .reading-word-area { align-self:stretch; }
}
/* Game templates have no footer content; do not reserve a legacy 10vh row. */
.site-theme.playing .footer { display:none; }
/* Keep both tile rows present, even after the source row is emptied. */
.site-theme.word-game { --unit-height:clamp(50px,8dvh,88px); }
.site-theme.word-game #syllables .syllable-row,
.site-theme.word-game #dropzone .slot-row { min-height:calc(var(--unit-height) + 12px); box-sizing:border-box; overflow:visible; }
.site-theme.word-game #syllables .syllable,
.site-theme.word-game #dropzone .slot { height:var(--unit-height); min-width:0; flex:1 1 0; }
.site-theme.word-game #dropzone .slot .syllable { min-width:0; max-width:100%; }
@media(max-width:430px) and (orientation:portrait) {
 .site-theme.word-game { --unit-height:clamp(42px,7dvh,56px); }
}
@media(max-height:520px) and (orientation:landscape) {
 .site-theme.word-game { --unit-height:clamp(44px,11dvh,58px); }
}
/* The source tray stays visible as the return target when all tiles are placed. */
.site-theme.word-game #syllables {
 background:#eef3e5;
 border:2px dashed #bdcdb0;
 border-radius:20px;
 padding:10px;
 box-sizing:border-box;
 min-height:calc(var(--unit-height) + 36px);
 transition:background .15s,border-color .15s;
}
.site-theme.word-game.moving-tile #syllables { background:#e4eed9; border-color:#89a875; }

/* Words and pictures remain opposite each other on every screen. */
.site-theme.playing .pairs-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(14px,3vw,36px); align-items:stretch; }
.site-theme.playing .pairs-layout .pair-column { display:grid; grid-template-columns:minmax(0,1fr); grid-auto-rows:minmax(64px,1fr); gap:12px; width:100%; min-width:0; }
.site-theme.playing .pair-word span { width:100%; min-width:0; }
.site-theme.playing .pair-card.matched { background:#e2eed9; border:2px solid #a8c494; box-shadow:inset 0 1px #f4f9ed; color:#42615a; opacity:1; }
.site-theme.playing .pair-card.matched::after { content:'✓'; position:absolute; right:8px; top:6px; color:#527a4e; font-size:16px; }
.site-theme.playing .pair-card.wrong { background:#fff0e5; border-color:#d99a7e; }
@media(max-width:600px) { .site-theme.playing .pairs-layout { gap:14px; }.site-theme.playing .pairs-layout .pair-column { gap:12px; }.site-theme.playing .pair-card { border-radius:18px; }.site-theme.playing .pair-picture img { width:85%; max-width:130px; } }

.site-theme .home-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; }.site-theme .home-footer .home-legal { font-size:13px; font-weight:400; color:#748477; }.parents-requisites { display:inline-block; margin-top:24px; font-size:14px; color:#607a6e; }

.site-theme .catalog-access-link { background:#faedce; border-color:#e7d7b2; color:#876b3e; }
/* Reading words must stay within their grid column at every vocabulary length. */
.site-theme.playing .reading-word-area { min-width:0; max-width:100%; }
.site-theme.playing .reading-word-area .word {
 width:100%; min-width:0; max-width:100%; box-sizing:border-box;
 text-align:center; white-space:normal; overflow-wrap:normal; line-height:1.12;
}
.site-theme.playing .reading-answers { min-width:0; max-width:100%; }
/* Sentences have more tiles than single words: reserve room for both rows and picture. */
.site-theme.sentence-game #objects { padding:0; align-items:center; justify-content:center; }
.site-theme.sentence-game #objects .object { width:min(70%,280px); height:85%; max-height:100%; }
.site-theme.sentence-game #objects .object img { width:100%; height:100%; object-fit:contain; }
@media(orientation:portrait) {
 .site-theme.sentence-game .word-layout { grid-template-rows:minmax(150px,1fr) auto auto; gap:12px; }
 .site-theme.sentence-game #syllables.sentence-mode .syllable,
 .site-theme.sentence-game #dropzone.sentence-mode .slot { height:44px; min-height:44px; }
 .site-theme.sentence-game #syllables.sentence-mode .syllable,
 .site-theme.sentence-game #dropzone.sentence-mode .slot .syllable { font-size:clamp(16px,3.4vw,24px); }
 .site-theme.sentence-game #syllables.sentence-mode { padding:8px; }
 .site-theme.sentence-game .word-puzzle { gap:12px; }
 .site-theme.sentence-game .word-actions { padding:0; }
}
/* Long and multiword puzzles may leave a shorter picture area. Keep the full sprite inside it. */
.site-theme.word-game #objects .object { max-width:100%; max-height:100%; }
.site-theme.word-game .word-visual #objects { min-width:0; min-height:0; max-height:100%; }