/* Shared tactile controls. Keep the game layouts and their responsive sizing. */
.menu-dropdown { border-radius: 22px; background: #fffdf7; border: 1px solid #e6e3d8; box-shadow: 0 12px 32px #293d4220; padding: 8px; min-width: 250px; box-sizing: border-box; }
.menu-item { min-height: 46px; border-radius: 12px; font-size: 16px; color: #34483f; }
.menu-item:hover { background: #e4eddb; }.menu-access { background: #f6e9ca; }.menu-separator { margin: 6px 8px; }
.ui-primary, .ui-secondary { display: flex; align-items: center; justify-content: center; gap: 22px; min-height: 54px; padding: 0 22px; border-radius: 17px; font: 800 17px Arial,sans-serif; text-decoration: none; cursor: pointer; box-sizing: border-box; }
.ui-primary { background: #ee8059; color: white; border: 2px solid #e67750; box-shadow: 0 5px 0 #c75b39, inset 0 2px 0 #ffba9b; }.ui-primary:active { transform: translateY(3px); box-shadow: 0 2px 0 #c75b39; }
.ui-secondary { background: #f2f1e8; color: #34483f; border: 1px solid #e6e3d8; }
.playing { background: #f4f1e9; }.playing .header { background: transparent; }
.playing .game-menu { display: flex; align-items: center; gap: 8px; }
.playing .menu-button, .pause-button { border: 1px solid #dddcd4; border-radius: 14px; width: 42px; height: 42px; display: inline-grid; place-items: center; font: 800 24px Arial,sans-serif; padding: 0; color: #34483f; background: #fffdf7; box-shadow: 0 3px 0 #e2dfd6; cursor: pointer; }
.pause-button { font-size: 22px; }.playing .play-timer { border-radius: 14px; box-shadow: none; background: #fffdf7; }
.playing .text-header h1 { color: #34483f; }.playing .header-help-button { background: #e2ebd9; color: #37796b; box-shadow: none; border-radius: 11px; }
.playing .choice-options .choice-answer, .playing .reading-answers .object, .playing .answers > button { border-radius: 20px; background: #fffdf7; color: #34483f; box-shadow: 0 5px 0 #deded1; border: 2px solid #e3e5d8; }
.playing .choice-options .choice-answer:hover, .playing .reading-answers .object:hover, .playing .answers > button:hover { background: #e9f0de; transform: translateY(-2px); }
.playing .choice-options .choice-answer:active, .playing .answers > button:active { transform: translateY(3px); box-shadow: 0 2px 0 #deded1; }
.playing .choice-main-card, .playing .choice-big-text { border-radius: 25px; box-shadow: 0 6px 0 #e6dec5; }.playing .choice-big-text { background: #f7df9a; }
.playing .memory-card { border-radius: 18px; background: #9c83bf; box-shadow: 0 5px 0 #7f65a4; }.playing .memory-card.open,.playing .memory-card.matched { background: #fffdf7; }
.playing .pair-card { border-radius: 18px; }
.pause-dialog { border: 0; border-radius: 30px; padding: 0; width: min(420px,calc(100% - 32px)); max-height: calc(100svh - 32px); color: #34483f; background: #fffdf7; box-shadow: 0 10px 0 #dedbcf; overflow: auto; }
.pause-dialog::backdrop { background: #23372f80; backdrop-filter: blur(4px); }
.pause-card { position: relative; padding: 32px; display: grid; gap: 16px; text-align: center; }
.pause-symbol { display: grid; place-items: center; margin: 0 auto; height: 64px; width: 64px; background: #e3edd8; border-radius: 23px; color: #37796b; font-size: 32px; font-weight: 800; }
.pause-card h2 { font-size: 30px; margin: 0 0 8px; }.pause-close { position: absolute; right: 14px; top: 14px; width: 40px; height: 40px; border: 0; background: transparent; color: #788578; font-size: 28px; cursor: pointer; }
.sound-toggle { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 16px; border: 1px solid #e6e3d8; border-radius: 16px; background: #f5f4eb; color: #34483f; font: 700 16px Arial,sans-serif; cursor: pointer; margin-bottom: 8px; }
.sound-state { padding: 7px 12px; border-radius: 20px; font-size: 13px; background: #dceacd; color: #37796b; }.sound-toggle[aria-pressed="false"] .sound-state { background: #e5e3d9; color: #7b8278; }.pause-parents { color: #7b8278; font-size: 13px; font-weight: 700; text-decoration: none; padding: 8px; }
#victory-screen { background: #23372f80; backdrop-filter: blur(4px); padding: 18px; box-sizing: border-box; }
.victory-card { padding: 30px; width: min(420px,100%); max-height: calc(100svh - 36px); overflow: auto; box-sizing: border-box; border-radius: 30px; background: #fffdf7; box-shadow: 0 10px 0 #dedbcf; }
.victory-emoji { background: #f7e9ba; border-radius: 50%; width: 160px; height: 160px; margin: 0 auto 22px; display: grid; place-items: center; }.victory-emoji img { width: 140px; height: 140px; animation: trophy-arrive .6s ease both; }
.victory-title { color: #34483f; font-size: 36px; }.victory-text { font-size: 16px; color: #7b8278; margin-top: 10px; }.victory-btn { width: 100%; background: #ee8059; border: 2px solid #e67750; border-radius: 17px; box-shadow: 0 5px 0 #c75b39; font-size: 17px; padding: 16px; }.victory-btn:hover { transform: none; background: #e67750; box-shadow: 0 5px 0 #c75b39; }.victory-links { display: flex; justify-content: center; gap: 26px; margin-top: 28px; }.victory-links a { color: #677569; font-size: 14px; font-weight: 700; text-decoration: none; }
.progress-shell { background: #f4f1e9; }.progress-shell .header { height: 0; border: 0; }.progress-shell .play-timer,.progress-shell .track,.progress-shell .footer { display: none; }.progress-shell .game-menu { position: absolute; top: 24px; right: 28px; }.progress-shell .game.board { height: auto; max-height: none; min-height: 100svh; border: 0; padding: 28px 24px 48px; box-sizing: border-box; }
.learning-page { width: min(920px,100%); text-align: left; color: #34483f; }.learning-back { color: #677569; font-size: 15px; font-weight: 700; text-decoration: none; display: inline-block; margin: 12px 60px 32px 0; }.learning-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 24px; }.learning-heading h1 { font-size: clamp(30px,4vw,44px); margin: 0; letter-spacing: -.035em; }.learning-heading > span { color: #879082; font-size: 13px; }
.today-card { display: grid; grid-template-columns: .9fr 1.1fr; gap: 30px; align-items: center; padding: 32px; border-radius: 30px; background: #e3edd8; border: 1px solid #fff; box-shadow: 0 6px 0 #d2ddc4; }.today-art { display: grid; place-items: center; }.today-art img { height: 200px; width: 200px; object-fit: contain; }.learning-label { font-size: 13px; color: #5e805d; font-weight: 700; }.today-copy h2 { font-size: clamp(23px,3vw,32px); margin: 12px 0 18px; }.learning-steps { display: flex; gap: 8px; margin-bottom: 26px; }.learning-steps > span { height: 12px; border-radius: 8px; flex: 1; background: #cddbc1; }.learning-steps > span.done { background: #578b67; }.today-copy .ui-primary { width: min(100%,280px); justify-content: space-between; }
.learning-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 26px 0; }.learning-summary > div { padding: 24px; border-radius: 23px; background: #fffdf7; display: flex; align-items: center; gap: 18px; border: 1px solid #e6e3d8; }.learning-summary strong { font-size: 38px; color: #37796b; }.learning-summary span { font-size: 15px; color: #7b8278; }
.learning-week,.learning-subjects { padding: 28px; background: #fffdf7; border: 1px solid #e6e3d8; border-radius: 26px; margin-bottom: 22px; }.learning-page section > h2 { font-size: 20px; margin: 0 0 22px; }.learning-days { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 10px; }.learning-day { display: grid; justify-items: center; gap: 10px; font-size: 13px; color: #879082; }.learning-day strong { display: grid; place-items: center; height: 44px; width: 44px; border: 1px solid #e6e3d8; border-radius: 50%; background: #f4f1e9; color: #a6aa9c; }.learning-day.done strong { background: #e3edd8; border-color: #e3edd8; color: #37796b; }.learning-day.today strong { outline: 2px solid #ee8059; outline-offset: 3px; }
.learning-subject { display: flex; align-items: center; gap: 16px; min-height: 66px; }.learning-subject > span:first-child { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: #e3edd8; color: #37796b; font-size: 13px; font-weight: 800; }.learning-subject.math > span:first-child { background: #f7e1b7; color: #96622a; }.learning-subject.attention > span:first-child { background: #e3ddf2; color: #785aa0; }.learning-subject > span:last-child { margin-left: auto; font-size: 14px; color: #879082; }.learning-note { color: #879082; font-size: 12px; line-height: 1.5; margin: 18px 0 0; }
@keyframes trophy-arrive { from { transform: translateY(12px) scale(.85) rotate(-8deg); } to { transform: none; } }
@media(max-width:600px) {
    .playing .game-menu { gap: 6px; }.playing .menu-button,.pause-button { width: 34px; height: 36px; font-size: 21px; border-radius: 12px; }.playing .text-header { gap: 5px; }.playing .text-header h1 { font-size: clamp(14px,4vw,21px); }.playing .header { column-gap: 6px; padding-left: 10px; padding-right: 10px; }.playing .play-timer { min-width: 0; padding: 8px; font-size: 14px; }
    .playing .choice-options .choice-answer,.playing .reading-answers .object,.playing .answers > button { border-radius: 16px; }
    .pause-card { padding: 26px; }.pause-card h2 { font-size: 27px; }.pause-symbol { height: 52px; width: 52px; font-size: 27px; }.victory-card { padding: 24px; }.victory-emoji { width: 130px; height: 130px; }.victory-emoji img { width: 116px; height: 116px; }.victory-title { font-size: 30px; }
    .progress-shell .game.board { padding: 22px 18px 30px; }.learning-heading { align-items: flex-start; flex-direction: column; gap: 8px; }.today-card { grid-template-columns: 100px 1fr; gap: 12px; padding: 20px 16px; border-radius: 24px; }.today-art img { width: 100px; height: 120px; }.today-copy h2 { font-size: 20px; }.today-copy .ui-primary { min-height: 48px; padding: 0 14px; font-size: 15px; }.learning-steps { gap: 5px; margin-bottom: 18px; }.learning-steps > span { height: 8px; }.learning-summary { gap: 10px; }.learning-summary > div { display: grid; gap: 8px; padding: 18px; border-radius: 19px; }.learning-summary strong { font-size: 32px; }.learning-summary span { font-size: 12px; }.learning-week,.learning-subjects { padding: 20px 16px; border-radius: 22px; }.learning-days { gap: 5px; }.learning-day strong { width: 30px; height: 30px; font-size: 12px; }.learning-day { font-size: 11px; }.learning-subject { gap: 10px; }.learning-subject strong { font-size: 15px; }.learning-subject > span:last-child { font-size: 12px; }
}
@media(max-height:500px) and (orientation:landscape) { .pause-card { padding: 22px; grid-template-columns: 1fr 1fr; align-items: center; gap: 14px; }.pause-symbol { display: none; }.pause-card h2 { grid-column: 1 / 3; font-size: 23px; }.sound-toggle { grid-column: 1 / 3; margin: 0; }.pause-parents { grid-column: 1 / 3; }.victory-card { max-width: 520px; padding: 20px; }.victory-emoji { width: 70px; height: 70px; margin-bottom: 10px; }.victory-emoji img { width: 68px; height: 68px; }.victory-title { font-size: 26px; }.victory-btn { margin-top: 16px; padding: 12px; }.victory-links { margin-top: 20px; } }
@media(prefers-reduced-motion:reduce) { .playing *, .learning-page *, .pause-dialog *, #victory-screen * { animation: none !important; transition: none !important; } }

.menu-button { border: 1px solid #dddcd4; font-family: Arial,sans-serif; }
.playing .choice-options .choice-answer.answer-correct { background: #e0edcf; border-color: #86aa73; box-shadow: 0 5px 0 #a2bd8d; }
.playing .choice-options .choice-answer.answer-wrong { border-color: #dba88a; background: #f9ede0; }
.victory-emoji img { animation: none; }#victory-screen.show .victory-emoji img { animation: trophy-arrive .6s ease both; }
@media(prefers-reduced-motion:reduce) { #victory-screen.show .victory-emoji img { animation: none; } }
.ui-primary:focus-visible,.ui-secondary:focus-visible,.victory-btn:focus-visible,.pause-card button:focus-visible,.menu-button:focus-visible,.pause-button:focus-visible { outline: 3px solid #37796b; outline-offset: 4px; }
/* One game control opens both pause and navigation. */
.playing .pause-button { width: 44px; height: 44px; background: #fffdf7; border-radius: 15px; }
.pause-shortcuts { display: flex; justify-content: center; gap: 10px 18px; flex-wrap: wrap; margin-top: 6px; }
.pause-shortcuts a,.pause-shortcuts button { color: #64796d; background: transparent; border: 0; padding: 5px 0; font: 700 12px Arial,sans-serif; text-decoration: none; cursor: pointer; }
/* Color belongs to the play space and to actions, rather than to every surface. */
.word-game { background: linear-gradient(155deg,#eef7f3,#f8f1de); }
.word-game .game.board { height: calc(100svh - clamp(64px,10dvh,88px)); max-height: none; padding-bottom: 22px; box-sizing: border-box; }
.word-game .footer { display: none; }
.word-game .word-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-rows: 1fr auto; grid-template-areas: 'visual puzzle' 'visual actions'; gap: 24px 40px; flex: 1; min-height: 0; width: min(94vw,1100px); padding: clamp(18px,3svh,34px) 0 0; box-sizing: border-box; align-items: center; }
.word-game .word-visual { grid-area: visual; display: grid; place-items: center; position: relative; isolation: isolate; align-self: stretch; border-radius: 42px; overflow: hidden; background: radial-gradient(circle at 70% 18%,#fff1ac 0 6%,transparent 6.2%),linear-gradient(#d5eee6 0%,#e5f3dd 75%); min-height: 180px; }
.word-game .word-visual::before { content: ''; position: absolute; bottom: -12%; left: -15%; width: 140%; height: 35%; border-radius: 50%; background: #bddcaf; z-index: -1; }
.word-game .word-visual::after { content: ''; position: absolute; top: 16%; left: 12%; width: 70px; height: 24px; border-radius: 40px; background: #ffffffa0; box-shadow: 28px -8px 0 3px #ffffffa0,180px 45px 0 -3px #ffffff90; z-index: -1; animation: scene-cloud-drift 12s ease-in-out infinite alternate; }
.word-game #objects { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; }
.word-game #objects .object { background: transparent; border: 0; border-radius: 0; box-shadow: none; width: min(32vw,38svh,360px); height: min(32vw,38svh,360px); transform: none; }
.word-game #objects .object img { width: 100%; height: 100%; animation: character-arrive .55s ease both; transform: translateX(var(--look-x,0px)) rotate(var(--look-tilt,0deg)); transition: transform .2s ease-out; filter: drop-shadow(0 16px 8px #41653b18); }
.word-game .word-puzzle { grid-area: puzzle; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; width: 100%; min-width: 0; }
.word-game #syllables,.word-game #dropzone { width: 100%; margin: 0; min-height: 66px; }
.word-game .syllable,.word-game .slot { border-radius: 17px; }
.word-game .syllable { background: #ffe1a0; color: #725324; box-shadow: 0 5px 0 #d5b36f,inset 0 2px 0 #fff3cb; border: 2px solid #ffedbc; }
.word-game .slot { border: 2px dashed #90b7a0; background: #ffffff90; }
.word-game .slot:has(.syllable) { border-color: transparent; background: transparent; }
.syllable.dragging { background: #ffe1a0; color: #725324; border-radius: 17px; box-shadow: 0 16px 24px #53644030,0 5px 0 #d5b36f; border: 2px solid #fff3cb; }
.word-game .word-actions { grid-area: actions; display: flex; align-items: center; justify-content: center; width: 100%; margin: 0; }
.word-game .word-actions > button { background: #ee8059; color: white; border: 2px solid #e67750; border-radius: 20px; box-shadow: 0 6px 0 #c75b39,inset 0 2px 0 #ffba9b; min-height: 58px; font-size: 22px; width: min(100%,360px); padding: 12px 24px; }
.word-game .word-actions > button:hover { background: #eb754e; box-shadow: 0 6px 0 #c75b39; transform: translateY(-1px); }.word-game .word-actions > button:active { transform: translateY(4px); box-shadow: 0 2px 0 #c75b39; }
.word-game .word-actions > button:focus-visible { outline: 3px solid #37796b; outline-offset: 5px; }
.word-game.moving-tile .slot { border-color: #609f87; }
.word-game:has(.word-layout.answer-success) .word-visual { background: linear-gradient(#d9f1dd,#f4ebbe); }
.word-game .answer-success #objects .object img { animation: character-cheer .7s ease both; }
.word-game .answer-error #objects .object img { animation: character-think .4s ease both; }
.word-game .slot.just-filled { animation: tile-settle .4s ease; }
/* The reward is a character scene, with three distinct destinations. */
.victory-card { position: relative; padding: 24px 28px 28px; width: min(480px,100%); background: linear-gradient(#e2f1e6 0%,#fffbeb 56%,#fffdf7 56%); border: 1px solid #ffffff; box-shadow: 0 10px 0 #c7d4c7,0 22px 60px #153c2c35; overflow-x: hidden; }
.victory-emoji { position: relative; isolation: isolate; width: 220px; height: 210px; background: transparent; border-radius: 0; margin: 0 auto 12px; }
.victory-emoji img { width: 230px; height: 230px; z-index: 1; object-fit: contain; filter: drop-shadow(0 12px 10px #44694b15); }
.victory-ray { position: absolute; inset: 8px; background: repeating-conic-gradient(from 0deg,#ffdb6a30 0deg 15deg,transparent 15deg 30deg); border-radius: 50%; z-index: -1; animation: reward-rays 24s linear infinite; }
.victory-title { color: #28594e; font-size: 34px; }.victory-text { color: #6c8576; }
.victory-btn { font-weight: 800; min-height: 58px; }
.victory-links { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
.victory-links a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; min-height: 92px; padding: 12px 8px; border-radius: 18px; background: #e2eee0; border: 1px solid #c7dbc8; color: #356c5b; font-weight: 800; font-size: 13px; box-shadow: 0 4px 0 #c7dbc8; }
.victory-links a:nth-child(2) { background: #e9e1f2; border-color: #d6c6e5; color: #77579a; box-shadow: 0 4px 0 #d6c6e5; }
.victory-links a:active { transform: translateY(3px); box-shadow: 0 1px 0 #c7dbc8; }.victory-link-icon { font-size: 29px; line-height: 1; }
@keyframes character-arrive { from { opacity: 0; transform: translateY(18px) scale(.9); } to { opacity: 1; } }
@keyframes character-cheer { 0%,100% { transform: translateY(0); } 35% { transform: translateY(-20px) rotate(-5deg) scale(1.04); } 70% { transform: translateY(-4px) rotate(4deg); } }
@keyframes character-think { 25% { transform: rotate(-5deg); } 75% { transform: rotate(4deg); } }
@keyframes scene-cloud-drift { to { transform: translateX(30px); } }
@keyframes tile-settle { 50% { transform: scale(1.08); } }
@keyframes reward-rays { to { transform: rotate(360deg); } }
@media(orientation:portrait) {
    .word-game .word-layout { grid-template-columns: 1fr; grid-template-rows: minmax(150px,1fr) auto auto; grid-template-areas: 'visual' 'puzzle' 'actions'; gap: clamp(16px,2.5svh,30px); width: min(90vw,720px); }
    .word-game .word-visual { min-height: 0; border-radius: 32px; }
    .word-game #objects .object { width: min(52vw,27svh,340px); height: min(52vw,27svh,340px); }
    .word-game .word-puzzle { gap: 12px; }
    .word-game .word-actions > button { min-height: 58px; max-width: 420px; }
}
@media(max-width:600px) {
    .playing .pause-button { width: 38px; height: 38px; }.word-game .game.board { padding-bottom: 20px; }.word-game .word-layout { padding-top: 16px; gap: 18px; }.word-game #syllables,.word-game #dropzone { min-height: 48px; }.word-game .syllable,.word-game .slot { border-radius: 13px; }.word-game .word-actions > button { font-size: 20px; min-height: 54px; }.word-game .word-visual { border-radius: 27px; }
    .victory-card { padding: 20px 22px 24px; }.victory-emoji { width: 190px; height: 180px; }.victory-emoji img { width: 200px; height: 200px; }.victory-title { font-size: 30px; }.victory-links a { min-height: 82px; font-size: 12px; }.victory-link-icon { font-size: 26px; }
}
@media(max-height:680px) and (orientation:portrait) { .word-game .word-layout { gap: 12px; padding-top: 12px; grid-template-rows: minmax(100px,1fr) auto auto; }.word-game .word-actions > button { min-height: 46px; }.word-game #syllables,.word-game #dropzone { min-height: 42px; }.word-game .word-puzzle { gap: 6px; }.victory-emoji { width: 135px; height: 126px; }.victory-emoji img { width: 150px; height: 150px; }.victory-card { padding-top: 16px; }.victory-title { font-size: 26px; }.victory-btn { margin-top: 18px; min-height: 50px; }.victory-links a { min-height: 66px; gap: 5px; }.victory-link-icon { font-size: 24px; } }
@media(max-height:520px) and (orientation:landscape) {
    .word-game .word-layout { gap: 14px 24px; padding-top: 8px; }.word-game #objects .object { width: 30svh; height: 30svh; }.word-game #syllables,.word-game #dropzone { min-height: 44px; }.word-game .word-puzzle { gap: 8px; }.word-game .word-actions > button { min-height: 44px; padding: 8px 16px; font-size: 18px; }.word-game .game.board { padding-bottom: 12px; }
    .victory-card { width: min(650px,100%); display: grid; grid-template-columns: .8fr 1.2fr; gap: 8px 24px; align-items: center; padding: 22px; }.victory-emoji { grid-column: 1; grid-row: 1 / 5; width: 180px; height: 180px; margin: auto; }.victory-emoji img { width: 200px; height: 200px; }.victory-title { grid-column: 2; font-size: 26px; }.victory-text { grid-column: 2; margin: 0; font-size: 13px; }.victory-btn { grid-column: 2; margin-top: 8px; min-height: 44px; padding: 10px; }.victory-links { grid-column: 2; margin-top: 6px; }.victory-links a { min-height: 60px; padding: 8px; font-size: 11px; }.victory-link-icon { font-size: 22px; }
    .pause-shortcuts { grid-column: 1 / 3; }
}
@media(prefers-reduced-motion:reduce) { .word-game *, .victory-ray, #victory-screen.show .victory-emoji img { animation: none !important; transition: none !important; } }

@media(max-width:600px) { .word-game .word-actions > button { max-width: 340px; } }
/* Shared palette across the entrance, library and game controls. */
.home { --ink:#343953; --leaf:#7965c5; --scene:#e7e0f3; }.home[data-slide="1"] { --leaf:#927044; --scene:#f8e3b9; }.home[data-slide="2"] { --leaf:#7965c5; --scene:#e7e0f3; }
.home .home-start,.ui-primary,.victory-btn { background:linear-gradient(#9882d9,#8067c7); border-color:#a390db; box-shadow:inset 0 2px 0 #bda9ed,0 6px 0 #6550a3; }.home .home-start:active,.ui-primary:active { box-shadow:0 2px 0 #6550a3; }.victory-btn:hover { background:#8d74cf; box-shadow:0 6px 0 #6550a3; }
.pause-symbol { background:#e7e0f3; color:#7965c5; }.sound-state { color:#7965c5; background:#e7e0f3; }.victory-card { background:linear-gradient(#e8e1f6 0%,#fffbeb 56%,#fffdf7 56%); box-shadow:0 10px 0 #d1c8df,0 22px 60px #45355625; }.victory-title { color:#55516e; }.victory-text { color:#858095; }.victory-links a { background:#f7e6bb; border-color:#e4cca0; color:#907047; box-shadow:0 4px 0 #e4cca0; }
.home .home-age { margin-left: 0; }

/* Public buyer information stays readable without competing with play controls. */
.legal-links { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 24px; padding:18px 8px; font-size:14px; line-height:1.5; }
.legal-links a { color:#526d65; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.home-shell .legal-links { flex-shrink:0; }
.legal-contents { display:flex; flex-wrap:wrap; gap:12px 20px; margin:24px 0; }
.legal-document ol, .legal-document ul { padding-left:24px; margin:18px 0; }
.legal-document li { margin:0 0 16px; font-size:16px; line-height:1.75; overflow-wrap:anywhere; }
.legal-document a { color:#287466; text-underline-offset:3px; }
.legal-tariffs { background:#edf3e5; padding:18px 20px 4px; border-radius:18px; }
.feedback-card .feedback-privacy { font-size:13px; line-height:1.4; margin:0; }
.feedback-privacy a { color:#526d65; }