/* Lolobook — warm paper, clear learning hierarchy, tactile controls. */
:root{
 --paper:#faf8f2;--surface:#fff;--ink:#243f40;--ink-secondary:#667675;
 --accent:#187b6c;--accent-dark:#105d52;--mint:#e8f3ed;--sky:#edf4fa;
 --line:#e2e8e3;--sun:#f6c85f;--radius-card:24px;--radius-control:14px;
 --shadow-card:0 5px 20px #253d3710;--shadow-button:0 3px 0 #dce5e4;
 --green:var(--accent);--dark:var(--ink);--muted:var(--ink-secondary);
 color:var(--ink);background:var(--paper);
 font-family:ui-rounded,'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;
}
body{background:var(--paper);color:var(--ink);background-image:none;-webkit-font-smoothing:antialiased}
button{transition:background-color .16s,box-shadow .16s,transform .16s;color:inherit}
button:focus-visible,a:focus-visible{outline:3px solid #278dbe;outline-offset:3px}
h1,h2,h3{letter-spacing:-.045em;color:var(--ink)}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.site-header .home-header{max-width:1040px;padding:10px 20px}
.site-header .home-brand{color:var(--ink);gap:7px}
.site-header .home-brand>span{font-weight:850;letter-spacing:-1px}
.site-header .home-brand img{width:38px;height:42px;filter:none}
.site-header .header-nickname{color:var(--ink-secondary);font-size:14px;font-weight:750}
.site-header .header-icon{border:1px solid #e7e5dc;border-radius:15px;box-shadow:0 2px 0 #e5e4da;background:var(--surface)}
.site-header .stickers-icon{background:#fff0bb;border-color:#ead899;box-shadow:0 2px 0 #e5d397}
.site-header .tree-icon{background:var(--mint);border-color:#d6e7dc;box-shadow:0 2px 0 #d6e4db;font-size:23px}
.site-header .header-gold-count{font-size:11px;line-height:12px}
/* Navigation, shared on English and Hanja. */
.subject-tabs,.home-screen.fit-game .subject-tabs,.hanja-home .subject-tabs{background:#edeFE9;border:1px solid #e4e7df;border-radius:18px;padding:5px;gap:5px}
.subject-tabs button,.home-screen.fit-game .subject-tabs button,.hanja-home .subject-tabs button{border-radius:13px;font-size:19px;font-weight:800;min-height:40px;color:#71807b}
.subject-tabs button[aria-pressed=true]{background:white;color:var(--accent-dark);box-shadow:0 2px 5px #1b403916}
.page-title,.fit-game .page-title{font-size:18px;font-weight:800;color:var(--ink)}
.back,.fit-game .back{border:1px solid var(--line);border-radius:var(--radius-control);background:white;color:var(--ink);box-shadow:var(--shadow-button);width:40px;height:40px}
.back svg{width:20px;height:20px}
/* Containers are paper surfaces; only actions receive a raised edge. */
.home-screen.fit-game .daily-panel{background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.home-screen.fit-game .daily-heading h2,.home-screen.fit-game .daily-song h2{font-size:22px;font-weight:850;color:var(--ink);line-height:1.3}
.daily-review-link{background:none;border:0;color:var(--accent);font-size:12px;font-weight:750;padding:4px 0;min-height:36px}
.daily-review-link:hover{text-decoration:underline;text-underline-offset:4px}
.home-screen.fit-game .daily-slots{margin-top:14px;gap:10px}
.home-screen.fit-game .daily-topic-card{background:white;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:14px 10px;gap:10px;justify-content:space-between}
.home-screen.fit-game .daily-topic-start{color:var(--ink);gap:10px;flex:1;justify-content:center}
.home-screen.fit-game .daily-topic-start strong{font-size:21px;font-weight:800}
.daily-topic-icon{display:grid;place-items:center;background:var(--mint);width:52px;height:52px;border-radius:18px;font-size:31px;flex:none}
.home-screen.fit-game .daily-topic-card:nth-child(2) .daily-topic-icon{background:#fff1d9}
.home-screen .daily-stars,.review-grid .daily-stars{gap:5px;justify-content:space-between}
.daily-stage-star,.home-screen .daily-stage-star{border:1px solid #e1e7e3;background:#f7f9f6;border-radius:12px;box-shadow:0 2px 0 #dfe7e1;height:44px;max-width:50px;transition:background .15s,box-shadow .15s}
.daily-stars .daily-stage-star .grade-star{width:33px;height:33px;flex-basis:33px}
.daily-stage-star>b{font-size:13px;color:#3c5856;text-shadow:0 1px 1px #fff9}
.home-screen .daily-stage-star:hover,.daily-stage-star:focus-visible{background:#edf5ee;box-shadow:0 3px 0 #bcd6c5}
.home-screen .daily-stage-star:active{background:#e4eee6}
.next{background:var(--accent);border:1px solid #136a5d;border-radius:var(--radius-control);box-shadow:0 3px 0 var(--accent-dark);font-weight:800;color:white}
.next:hover{background:#116f60}
.secondary,.daily-memory.secondary,.home-screen.fit-game .daily-memory,.hanja-home .hanja-memory-start{background:var(--sky);border:1px solid #dbe7ef;border-radius:var(--radius-control);color:#386074;box-shadow:0 2px 0 #dae4e9;font-weight:750}
.home-screen.fit-game .daily-memory{font-size:14px;min-height:40px;padding:8px 5px}
.home-screen.fit-game .daily-song-group{background:white;border:1px solid var(--line);border-radius:var(--radius-card);padding:14px;box-shadow:var(--shadow-card)}
.home-screen.fit-game .daily-song-card{background:none;border:0;border-radius:0;box-shadow:none;padding:0;gap:14px}
.home-screen.fit-game .daily-song-title{color:var(--ink);gap:12px}
.daily-song-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#fff1d9;font-size:32px}
.home-screen.fit-game .daily-song-card strong{font-size:20px;line-height:1.2;font-weight:800;letter-spacing:-.5px}
.home-screen.fit-game .daily-song-card small{font-size:13px;color:var(--ink-secondary);margin-top:5px}
.home-screen.fit-game .daily-song-card>.daily-stars{max-width:none;justify-content:center;gap:10px;width:100%}
.home-screen.fit-game .daily-song-group>.daily-memory{margin-top:12px}
/* Same chapter level, same surface and actions. */
.hanja-home .hanja-chapter,.topic-shell .stage,.review-grid article{background:white;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.hanja-home .hanja-chapter{padding:20px;gap:14px;max-height:420px}
.hanja-home .hanja-chapter-top strong{font-size:14px;color:var(--ink-secondary);font-weight:700}
.hanja-chapter-top .grade-star{filter:none}
.hanja-home .hanja-chapter-readings{margin:10px 0 14px;gap:10px;font-size:20px;color:var(--ink);font-weight:800}
.hanja-chapter-readings>span{padding:16px 3px;background:var(--mint);border-radius:14px}
.hanja-home .hanja-chapter:nth-child(even) .hanja-chapter-readings>span{background:#fff3df}
.hanja-home .hanja-sources{color:var(--ink-secondary)}
.sub-hero h1,.topic-shell .sub-hero h1{color:var(--ink);font-weight:800}
.big-topic-icon,.topic-shell .big-topic-icon{border:0;box-shadow:none;transform:none;background:var(--mint);border-radius:16px}
.topic-shell .stage{padding:20px;box-shadow:var(--shadow-card)}
.stage-number,.stage:nth-child(2n) .stage-number{border-radius:15px;background:var(--mint);box-shadow:none;transform:none;color:var(--accent);font-weight:800}
.topic-shell .stage strong{font-weight:800;color:var(--ink)}
.vocabulary-open,.stage-start{border-radius:14px}
/* Shared question surface and neutral answer choices. */
.fit-game .quiz-card,.fit-game .hanja-prompt{background:white;border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:var(--radius-card)}
.fit-game .quiz-card h1{font-family:inherit;font-weight:800;letter-spacing:-.7px;color:var(--ink)}
.fit-game .question-meta>span:first-child{background:var(--mint);border:0;color:var(--accent-dark);font-weight:750}
.quiz-restart,.fit-game .quiz-restart{background:transparent;border:1px solid var(--line);box-shadow:none;color:var(--ink-secondary);border-radius:12px;font-weight:650}
.qcount,.fit-game .qcount{background:white;color:var(--ink-secondary);border:1px solid var(--line);box-shadow:none;border-radius:12px;font-weight:750}
.listen,.fit-game .listen{background:var(--mint);color:var(--accent-dark);border:1px solid #cee4d6;box-shadow:0 2px 0 #c5dbce;border-radius:12px;font-weight:750}
.listen.slow,.fit-game .listen.slow{background:var(--sky);color:#386074;border-color:#dbe7ef;box-shadow:0 2px 0 #dae4e9}
.listen.hint,.fit-game .listen.hint{background:#fff3cd;color:#765a23;border-color:#eddfa9;box-shadow:0 2px 0 #e8dca9}
.answer,.answer:nth-child(2),.fit-game .answer{background:var(--sky);color:#345569;border:1px solid #d4e2eb;box-shadow:0 3px 0 #cfdee6;border-radius:16px;font-weight:750}
.answer .letter,.answer:nth-child(2) .letter{background:white;color:#668698;box-shadow:none;border:1px solid #e1e9ee;transform:none;border-radius:10px;font-size:16px}
.answer.correct,.answer:nth-child(2).correct{background:#dff3e7;border-color:#96cbb1;color:#245b41;box-shadow:0 3px 0 #abd2b9}
.answer.wrong,.answer:nth-child(2).wrong{background:#fff0da;border-color:#e7c697;color:#805324;box-shadow:0 3px 0 #ead3ae}
.hanja-option{border:1px solid #d4e2eb;background:var(--sky);box-shadow:0 3px 0 #cfdee6;border-radius:16px}
.hanja-answer{font-weight:800;color:#345569}.hanja-option-sound{color:#52788b;border-left-color:#d2e0e9}
.hanja-question-char{color:var(--accent-dark)}
.fit-game .hanja-reveal{border:1px solid #cee4d6;background:white;box-shadow:var(--shadow-card);border-radius:var(--radius-card)}
.hanja-example{background:#f0f7f1;border-radius:14px}
/* Flashcards and vocabulary are paper cards, not miniature outer panels. */
.fit-game .memory-card{background:#e4eff3;border:1px solid #d0e0e6;box-shadow:0 3px 0 #ccdde3;border-radius:18px;color:#7c9aa4;font-weight:800}
.fit-game .memory-card.is-open{background:white;border-color:#e0e7e2;box-shadow:0 3px 0 #dce5dd;color:var(--ink)}
.fit-game .memory-card.is-selected{background:#ffe49a;border-color:#e9c567;box-shadow:0 3px 0 #ddc075;color:#69521c}
.fit-game .memory-card.is-matched{background:var(--pair-fill);border-color:var(--pair-shadow);box-shadow:0 3px 0 var(--pair-shadow);color:#294b5b}
.vocabulary-popup{background:#193e3f55;backdrop-filter:blur(8px)}
.vocabulary-popup>.vocabulary-shell.fit-game{background:var(--paper);border:1px solid #fff;border-radius:28px;box-shadow:0 20px 80px #183a3830;padding:14px;gap:14px}
.vocabulary-shell.fit-game .vocabulary-entry{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-card);padding:18px}
.vocabulary-entry header{border-bottom:1px solid var(--line)}
.vocabulary-entry .vocabulary-word{color:var(--accent-dark);font-weight:800}
.vocabulary-entry .vocabulary-meaning{background:#f0f5f1;border:1px dashed #b7cdc0;border-radius:12px;color:var(--accent-dark)}
.vocabulary-shell.fit-game .vocabulary-sentence{font-weight:750;color:var(--ink)}
.vocabulary-examples p,.topic-label{color:var(--ink-secondary)}
/* Collections, rewards, account and dialogs share the same surface language. */
.topic,.sticker,.student-card,.account-profile-card,.exit-card,.auth-card{border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:white;transform:none}
.topic:hover{transform:translateY(-2px);box-shadow:0 8px 24px #253d3718;border-color:#c7d9cf}
.topic-icon{box-shadow:none;transform:none!important;background:color-mix(in srgb,var(--topic),white 45%);border-radius:18px}
.topic-bottom{background:#f2f6f3}.topic h3{color:var(--ink)}
.sticker-grid{background:none;border:0;box-shadow:none;padding:10px 0;border-radius:0}
.sticker:nth-child(2n){transform:none}.sticker.locked{background:#eeeee8;border:1px dashed #d2d8cf}
.reward{background:#fff3cb;border:1px solid #e9d798;border-radius:24px;box-shadow:0 5px 20px #b2974b15;transform:none}
.reward strong{color:#705622}.complete h1{color:var(--ink);font-weight:850}
.complete>img{filter:none}.complete .eyebrow{letter-spacing:.6px}
.account-profile-backdrop,.exit-backdrop{background:#193e3f55;backdrop-filter:blur(6px)}
.account-profile-card,.exit-card{padding:26px;box-shadow:0 20px 60px #193e3f26;color:var(--ink)}
.account-profile-card h2,.exit-card h2{color:var(--ink)}
.screen-pager button{border:1px solid #dbe7ef;background:var(--sky);box-shadow:0 2px 0 #dae4e9;color:#386074;font-weight:750;border-radius:12px}
/* The tree is the night edition of the same book. */
body.tree-mode{background:#080f16;color:#e9f2ef}
.tree-mode .site-header{background:#0c151d;border-color:#24313b}
.tree-mode .home-brand,.tree-mode .header-nickname{color:#e5efeb}
.tree-mode .tree-shell{background:#080f16}
.tree-mode h1{color:#e5efeb}
.tree-mode .tree-control{background:#14232d;border:1px solid #30424b;border-radius:14px;color:#dfede7;box-shadow:none}
.tree-mode .tree-control[aria-pressed=true]{background:#245348;border-color:#417065}
.tree-tray{background:#111e27;border:1px solid #2b3a44;box-shadow:none;border-radius:24px}
.tree-star-choice{border-radius:12px}.tree-star-choice.selected{background:#f4d79017;border-color:#d6bd7c}
@media(max-width:380px){
 .home-screen.fit-game .daily-topic-card{padding:12px 8px}
 .home-screen.fit-game .daily-heading h2,.home-screen.fit-game .daily-song h2{font-size:20px}
 .daily-review-link{font-size:12px}.site-header .home-brand>span{font-size:21px}
}
@container daily-learning (max-height:260px){
 .home-screen.fit-game .daily-topic-start{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}
 .home-screen.fit-game .daily-topic-start strong{font-size:19px}
 .daily-topic-icon{width:40px;height:40px;border-radius:14px;font-size:25px}
}
@media(orientation:landscape){
 .home-screen.fit-game .daily-song{align-self:stretch;display:flex;flex-direction:column}
 .home-screen.fit-game .daily-song-group{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between}
 .home-screen.fit-game .daily-song-card{flex:1;align-content:center}
 .home-screen.fit-game .daily-topic-start{display:flex;flex-direction:column}
 .home-screen.fit-game .daily-panel{grid-row:2}
 .hanja-home .hanja-chapter-readings>span{padding:8px 3px}
}
@media(max-height:650px){
 .home-screen.fit-game .daily-topic-card{padding:10px 8px}
 .home-screen.fit-game .daily-song-group{padding:10px}
 .home-screen.fit-game .daily-song-card{gap:10px}
 .daily-topic-icon,.daily-song-icon{width:38px;height:38px;font-size:25px;border-radius:13px}
 .home-screen.fit-game .daily-song-card strong{font-size:18px}
}
@media(orientation:landscape) and (max-height:450px){
 .site-header .home-header{padding-top:5px;padding-bottom:5px}
 .home-screen.fit-game .subject-tabs,.hanja-home .subject-tabs{padding:3px}
 .home-screen.fit-game .subject-tabs button,.hanja-home .subject-tabs button{min-height:30px;font-size:17px}
 .home-screen.fit-game .daily-heading h2,.home-screen.fit-game .daily-song h2{font-size:18px}
 .home-screen.fit-game .daily-topic-card{padding:8px;gap:7px}
 .home-screen.fit-game .daily-topic-start{flex-direction:row;gap:7px}
 .home-screen.fit-game .daily-topic-start strong{font-size:17px}
 .home-screen.fit-game .daily-memory{min-height:32px;font-size:13px;padding:5px}
 .daily-stage-star,.home-screen .daily-stage-star{height:36px}
 .daily-stars .daily-stage-star .grade-star{width:29px;height:29px}
 .hanja-home .hanja-chapter{padding:10px;gap:8px}
 .hanja-home .hanja-chapter-readings{font-size:16px;margin:0;gap:5px}
 .hanja-home .hanja-chapter-readings>span{padding:5px 3px}
 .vocabulary-shell.fit-game .vocabulary-entry{padding:12px}
}
.home-screen.fit-game .subject-tabs button[aria-pressed=true],.hanja-home .subject-tabs button[aria-pressed=true]{color:var(--accent-dark);background:white;box-shadow:0 2px 5px #1b403916}
.auth-card h1{color:var(--ink);font-weight:850}.auth-card label{color:var(--ink-secondary);font-weight:700}.auth-card input{border:1px solid var(--line);border-radius:14px;background:#fafcf9;color:var(--ink)}
.fit-game .hanja-quiz-top>strong{font-size:15px;color:var(--ink-secondary);font-weight:750}
.fit-game .answer:not(.correct):not(.wrong),.fit-game .answer:nth-child(2):not(.correct):not(.wrong){background:var(--sky);color:#345569;border-color:#d4e2eb;box-shadow:0 3px 0 #cfdee6}
.fit-game .answer:not(.correct) .letter,.fit-game .answer:nth-child(2):not(.correct) .letter{color:#668698;box-shadow:none;border:1px solid #e1e9ee;transform:none}
.hanja-home .hanja-chapter{height:100%;justify-content:center}
.hanja-home .hanja-chapter-top{flex:none}
.hanja-home .hanja-day-label{font-size:12px;color:var(--ink-secondary)}
/* Controlled vocabulary gestures: no momentum skipping across cards. */
.vocabulary-shell.fit-game .vocabulary-list{touch-action:pan-y pinch-zoom;scroll-snap-type:none;scroll-behavior:auto;overflow-x:hidden;user-select:none;cursor:grab}
.vocabulary-shell.fit-game .vocabulary-list:active{cursor:grabbing}
.vocabulary-shell.fit-game .vocabulary-entry{scroll-snap-stop:always}
.hanja-home>.resume{display:flex;align-items:center;justify-content:center;text-align:center}
/* Exploration controls retain their hit area, with only the star and number visible. */
.daily-stage-star,.home-screen .daily-stage-star,
.daily-stage-star:hover,.daily-stage-star:focus-visible,.daily-stage-star:active,
.home-screen .daily-stage-star:hover,.home-screen .daily-stage-star:focus-visible,.home-screen .daily-stage-star:active{background:transparent;border:0;box-shadow:none}
.home-screen.fit-game .daily-song>.daily-heading{margin-bottom:10px}
.home-screen.fit-game .daily-song>.daily-heading h2{margin:0}
/* Chapter selection starts directly below the subject tabs. */
.hanja-home .hanja-chapter{align-self:flex-start}
/* The glyph, reading and audio action share the prompt's available height. */
.fit-game .hanja-prompt{container-type:size;container-name:hanja-question;gap:8px;padding:12px}
.fit-game .hanja-prompt .hanja-question-char{font-size:clamp(32px,32cqh,80px);line-height:1.05;flex:none;margin:0}
.fit-game .hanja-prompt .hanja-fill{font-size:clamp(18px,13cqh,25px);line-height:1.2;flex:none;margin:0}
.fit-game .hanja-prompt .listen{flex:none;min-height:34px;padding:5px 10px}
.fit-game .hanja-prompt .hanja-blank{min-height:0}
@container hanja-question (max-height:160px){
 .hanja-prompt p{font-size:14px!important;line-height:1.25}
 .hanja-prompt .listen{min-height:30px!important;font-size:13px}
}
@media(orientation:portrait){
 .hanja-quiz.fit-game:has(.hanja-reveal){gap:10px}
}
#app>.hanja-quiz.fit-game:has(.hanja-reveal){gap:8px}
.fit-game .hanja-prompt{min-height:140px}
@media(orientation:portrait) and (max-height:700px){
 #app>.hanja-quiz.fit-game:has(.hanja-reveal){padding-top:10px;padding-bottom:10px;gap:6px}
 .hanja-quiz.fit-game:has(.hanja-reveal) .hanja-prompt{min-height:118px;padding:6px;gap:4px}
 .hanja-quiz.fit-game:has(.hanja-reveal) .hanja-quiz-top>div span{margin-top:2px;font-size:12px}
 .hanja-quiz.fit-game:has(.hanja-reveal) .quiz-restart{min-height:28px;padding:3px 8px;font-size:12px}
 .hanja-quiz.fit-game:has(.hanja-reveal) .hanja-reveal{padding:6px}
 .hanja-quiz.fit-game:has(.hanja-reveal) .hanja-example{padding:6px 8px}
 .hanja-quiz.fit-game:has(.hanja-reveal) .hanja-example h3{font-size:18px;margin:0 0 3px}
 .hanja-quiz.fit-game:has(.hanja-reveal) .hanja-example p{font-size:14px;line-height:1.25;margin:3px 0}
 .hanja-quiz.fit-game:has(.hanja-reveal) .hanja-reveal .listen{margin-top:5px;min-height:32px;padding:4px 8px}
 .hanja-quiz.fit-game:has(.hanja-reveal) .sound-error{font-size:12px;line-height:1.25}
}
/* Graded Hanja uses the same chapter surface, with only four upcoming groups. */
.hanja-list-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-content);flex:none}
.hanja-list-heading h2{font-size:clamp(19px,4.5vw,25px);margin:0}
.hanja-home .hanja-chapter.is-today{border-color:#87bcb0}
.hanja-home .hanja-group-title{font-size:18px;line-height:1.3;margin:0;color:var(--ink)}
.hanja-home .hanja-chapter-readings>span{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;word-break:keep-all}
.hanja-home .hanja-chapter-readings small{font-size:12px;font-weight:500;color:#6b7d78}
.hanja-home .hanja-empty{align-self:flex-start;font-size:16px;color:#6b7d78}
@media(orientation:landscape) and (max-height:500px){
 .hanja-home.fit-game{gap:10px}
 .hanja-list-heading h2{font-size:17px}
 .hanja-home .hanja-chapter{gap:5px!important}
 .hanja-home .hanja-group-title{font-size:14px}
 .hanja-home .hanja-chapter-readings>span{padding:3px!important;gap:1px}
 .hanja-home .hanja-chapter-readings small{font-size:12px}
 .hanja-home .hanja-sources{display:none}
}
@media(orientation:landscape) and (max-height:500px){
 .hanja-home.fit-game .hanja-chapters{padding-bottom:6px;align-items:stretch}
 .hanja-home.fit-game .hanja-chapter{align-self:stretch;justify-content:flex-start;max-height:none;padding:6px 9px;gap:4px!important}
 .hanja-home.fit-game .hanja-chapter-top{flex:none;height:22px;min-height:0;margin:0}
 .hanja-home.fit-game .hanja-chapter-top .grade-star{width:22px;height:22px}
 .hanja-home.fit-game .hanja-group-title{flex:none;line-height:1.2;font-size:14px}
 .hanja-home.fit-game .hanja-chapter-readings{flex:1;min-height:0;margin:0;gap:4px;font-size:15px}
 .hanja-home.fit-game .hanja-chapter-readings>span{justify-content:center;padding:2px!important;gap:0;line-height:1.1}
 .hanja-home.fit-game .hanja-chapter .next,.hanja-home.fit-game .hanja-chapter .secondary{flex:none;min-height:27px;padding:3px;font-size:14px}
}

/* Chapter contents fit the slider without clipping at either edge. */
.hanja-home.fit-game .hanja-chapter{justify-content:flex-start;gap:10px}
.hanja-home.fit-game .hanja-chapter-readings{flex:1;min-height:0;margin:0;align-content:stretch}
.hanja-home.fit-game .hanja-chapter-readings>span{justify-content:center;padding:8px 3px}
.hanja-home.fit-game .hanja-chapter>.next,.hanja-home.fit-game .hanja-chapter>.secondary{flex:none;margin:0}
@media(orientation:portrait) and (max-height:740px){
 .hanja-home.fit-game .hanja-chapter{padding:14px;gap:8px}
 .hanja-home.fit-game .hanja-chapter-top .grade-star{width:30px;height:30px}
 .hanja-home.fit-game .hanja-chapter>.next,.hanja-home.fit-game .hanja-chapter>.secondary{min-height:40px;padding:8px}
}