.yh-advanced-empty{max-width:680px;margin:10vh auto;padding:32px;text-align:center;color:#526071}.yh-advanced-empty strong{display:block;margin-bottom:8px;color:#263442;font-size:1.35rem}.yh-advanced-empty p{margin:0;line-height:1.6}.yh-advanced-kicker{margin-bottom:12px;color:#c96b54;font-size:.78rem;font-weight:900;text-transform:uppercase}.yh-advanced-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.yh-advanced-heading span{display:block;color:#c96b54;font-size:.78rem;font-weight:900;text-transform:uppercase}.yh-advanced-heading strong{display:block;margin-top:4px;color:#263442;font-size:1.18rem}.yh-advanced-heading small{color:#6c786f;font-weight:800;white-space:nowrap}.yh-inline-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.yh-icon-sound{width:42px;height:42px;border:1px solid #d9e2df;border-radius:50%;background:#fff;cursor:pointer}
.yh-fc-hanzi{display:grid!important;place-items:center;background:#f8eee9;color:#a95643;font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(4.5rem,10vw,7.5rem)!important;font-weight:800;line-height:1}

.yh-context,.yh-sentence,.yh-odd,.yh-triple,.yh-radical,.yh-strokes{max-width:1020px;margin:0 auto;padding:30px 28px}.yh-context{max-width:820px;padding-top:8vh}.yh-context-sentence{padding:28px 0;color:#263442;font-size:clamp(1.35rem,3vw,2.1rem);font-weight:750;line-height:1.55}.yh-context-blank{display:inline-block;min-width:100px;margin:0 5px;padding:0 7px;border-bottom:3px solid #d6a647;color:#b66a42;letter-spacing:3px}.yh-context-clue{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 22px;color:#68746e}.yh-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.yh-choice{min-height:62px;border:2px solid #dde5e3;border-radius:8px;background:#fff;color:#2d3b37;font-size:1.05rem;font-weight:850;cursor:pointer;box-shadow:0 3px 0 #d6dfdc;transition:transform .15s,border-color .15s,background .15s}.yh-choice:hover{transform:translateY(-1px);border-color:#7aa991}.yh-choice.is-correct{border-color:#58a16d;background:#edf8f0;color:#327247}.yh-choice.is-wrong{border-color:#df7a70;background:#fff0ee;color:#a8463f}

.yh-triple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.yh-triple-column{display:grid;align-content:start;gap:9px}.yh-triple-column h3{margin:0 0 4px;color:#69766f;font-size:.78rem;text-align:center;text-transform:uppercase}.yh-triple-tile{min-height:55px;padding:9px 11px;border:2px solid #e0e6e4;border-radius:8px;background:#fff;color:#2d3935;font-size:.92rem;font-weight:750;cursor:pointer}.yh-triple-tile.is-selected{border-color:#d6a647;background:#fff8e8;box-shadow:0 0 0 3px rgba(214,166,71,.14)}.yh-triple-tile.is-wrong{border-color:#df7a70;background:#fff0ee;animation:yh-advanced-shake .32s}.yh-triple-tile.is-matched{border-color:#66a879;background:#edf8f0;color:#357149;opacity:.74}

.yh-sentence{max-width:900px;padding-top:7vh}.yh-sentence-meaning{margin:0 0 18px;color:#68756f;font-size:1rem}.yh-sentence-answer{min-height:104px;display:flex;align-content:center;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:18px;border:2px dashed #bfd2cc;border-radius:8px;background:#fbfdfc}.yh-sentence-answer>span{color:#8a9691}.yh-sentence-answer button,.yh-sentence-pool button{min-height:42px;padding:8px 13px;border:1px solid #d8e1de;border-radius:7px;background:#fff;color:#2c3935;font-weight:800;cursor:pointer}.yh-sentence-answer button{border-color:#7cab96;background:#edf7f1}.yh-sentence-pool{min-height:84px;display:flex;align-content:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:20px 0}.yh-sentence-answer.is-correct{border-color:#5da773;background:#edf8f0}.yh-sentence-answer.is-wrong{border-color:#df7a70}

.yh-odd{max-width:820px;padding-top:7vh;text-align:center}.yh-odd h2{margin:0 0 24px;color:#27352f;font-size:1.25rem}.yh-odd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.yh-odd-grid button{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:2px solid #dfe6e4;border-radius:8px;background:#fff;cursor:pointer}.yh-odd-grid strong{color:#263530;font-size:1.25rem}.yh-odd-grid span{color:#75817c}.yh-odd-grid button:hover{border-color:#80ab97}.yh-odd-grid button.is-correct{border-color:#5da773;background:#edf8f0}.yh-odd-grid button.is-wrong{border-color:#df7a70;background:#fff0ee}.yh-odd-reveal{min-height:28px;margin:20px 0 0;color:#5b6963}

.yh-radical-pool{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:10px 0 28px}.yh-radical-pool button{min-width:95px;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid #dce4e2;border-radius:8px;background:#fff;cursor:pointer}.yh-radical-pool strong{font-size:1.65rem}.yh-radical-pool small{color:#75817d}.yh-radical-pool button.is-selected{border-color:#d6a647;background:#fff8e8}.yh-radical-pool button.is-matched{border-color:#68a87a;background:#edf8f0;opacity:.45}.yh-radical-buckets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.yh-radical-buckets button{min-height:130px;border:2px dashed #a9c2b7;border-radius:8px;background:#f8fbfa;color:#3e554b;cursor:pointer}.yh-radical-buckets strong{display:block;font-size:2.2rem}.yh-radical-buckets span{display:block;margin-top:8px;color:#7d8984;font-size:.8rem}.yh-radical-buckets button.is-correct{border-color:#59a56f;background:#edf8f0}.yh-radical-buckets button.is-wrong{border-color:#df7a70;background:#fff0ee}

.yh-strokes{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:center;max-width:900px}.yh-stroke-list{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.yh-stroke-list button{aspect-ratio:1;border:1px solid #d9e2df;border-radius:7px;background:#fff;color:#35433e;font-size:1.1rem;font-weight:800;cursor:pointer}.yh-stroke-list button.is-active{border-color:#c96b54;background:#fff2ec;color:#a95442}.yh-stroke-list button.is-done{box-shadow:inset 0 -4px #63a576}.yh-stroke-word{display:flex;flex-direction:column;margin-top:22px;padding-top:18px;border-top:1px solid #e0e6e3}.yh-stroke-word strong{font-size:1.55rem}.yh-stroke-word span{color:#b2654f}.yh-stroke-word small{margin-top:4px;color:#73807a}.yh-stroke-board{text-align:center}.yh-stroke-board #hanziCanvas{width:max-content;margin:0 auto;border:2px solid #d8e3df;border-radius:8px;background:#fff}.yh-stroke-board p{min-height:24px;margin:12px 0 0;color:#64726c;font-weight:750}

@keyframes yh-advanced-shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.yh-stroke-board #hanziCanvas{background:#fff!important;background-image:none!important}
@media(max-width:700px){.yh-context,.yh-sentence,.yh-odd,.yh-triple,.yh-radical,.yh-strokes{padding:20px 14px}.yh-option-grid,.yh-odd-grid{grid-template-columns:1fr}.yh-triple-grid{gap:6px}.yh-triple-tile{min-height:49px;padding:6px 4px;font-size:.72rem;overflow-wrap:anywhere}.yh-strokes{grid-template-columns:1fr;gap:18px}.yh-stroke-sidebar{order:2}.yh-stroke-list{grid-template-columns:repeat(8,1fr)}.yh-stroke-word{display:none}.yh-inline-actions{flex-wrap:wrap}.yh-advanced-heading{align-items:flex-start}.yh-advanced-heading strong{font-size:1rem}.yh-context-sentence{padding:16px 0}.yh-radical-pool button{min-width:74px}.yh-radical-buckets{grid-template-columns:repeat(2,1fr)}}

/* Memory2: image <-> term learning board */
body.mode-memory2{--memory-blue:#3768a8;--memory-blue-deep:#264d82;--memory-aqua:#eaf7fb;--memory-sun:#fff7df;--memory-green:#3f9469;--memory-ink:#20364d;--memory-muted:#687b8e;background:#eef7f7}
body.mode-memory2 #yhStage{min-height:0!important}
body.mode-memory2 .yhw-memory-card-wrapper{width:100%;max-width:980px;margin:0 auto;padding:clamp(16px,2.5vw,28px)!important;overflow:visible;background:rgba(255,255,255,.98)!important;border:1px solid #d8e6eb!important;border-bottom:4px solid #c5dbe2!important;border-radius:16px!important;box-shadow:0 20px 48px rgba(46,91,112,.12)!important}
.yhm-memory-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #e1ebef}
.yhm-memory-head h2{margin:2px 0 3px;color:var(--memory-ink);font-size:clamp(23px,3vw,32px);line-height:1.15}
.yhm-memory-head p{margin:0;color:var(--memory-muted);font-size:14px}
.yhm-memory-eyebrow{color:var(--memory-blue);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.yhm-memory-stats{display:flex;gap:9px;flex:0 0 auto}
.yhm-memory-stats>span{min-width:78px;display:grid;place-items:center;padding:8px 12px;background:#f4f8fb;border:1px solid #dbe6ee;border-radius:12px}
.yhm-memory-stats small{color:var(--memory-muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.yhm-memory-stats strong{color:var(--memory-blue-deep);font-size:24px;line-height:1.15}
.mode-memory2 .yhw-memory-grid{width:100%;max-width:880px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mode-memory2 .yhw-memory-card{aspect-ratio:1/1;border-radius:14px!important;outline:0}
.mode-memory2 .yhw-memory-card:focus-visible{box-shadow:0 0 0 4px rgba(55,104,168,.22)}
.mode-memory2 .yhw-memory-card-inner{transition:transform .42s cubic-bezier(.2,.72,.25,1)}
.mode-memory2 .yhw-memory-card-face{overflow:hidden;border-radius:14px!important;border:1px solid #cbdbe7!important;box-shadow:0 7px 0 #d8e1e8,0 14px 24px rgba(35,70,94,.11)!important}
.mode-memory2 .yhw-memory-card-front{display:grid;align-content:center;justify-items:center;gap:4px;color:#fff;background:linear-gradient(145deg,#4d7cbb,var(--memory-blue-deep))!important;border-color:#315a91!important}
.mode-memory2 .yhw-memory-card-front::after{content:"";position:absolute;width:86px;height:86px;border:1px solid rgba(255,255,255,.14);border-radius:50%}
.yhm-memory-cover-mark{position:relative;z-index:1;color:#dff4ff;font-size:20px;line-height:1}
.mode-memory2 .yhw-memory-card-front-number{position:relative;z-index:1;color:#fff;font-size:clamp(30px,4vw,42px);line-height:1;text-shadow:0 3px 10px rgba(14,36,66,.24)}
.mode-memory2 .yhw-memory-card-back{color:var(--memory-ink);background:#fff!important;border-color:#cbdbe7!important}
.mode-memory2 .yhw-memory-card--image .yhw-memory-card-back{background:var(--memory-aqua)!important}
.mode-memory2 .yhw-memory-card--term .yhw-memory-card-back{background:var(--memory-sun)!important}
.mode-memory2 .yhw-memory-card-text{width:100%;height:100%;display:grid;place-items:center;padding:12px!important;color:var(--memory-ink);font-size:clamp(22px,2.7vw,31px)!important;font-weight:900;line-height:1.12;overflow-wrap:anywhere}
.yhm-memory-image-frame{width:100%;height:100%;display:grid;place-items:center;padding:7px;background:rgba(255,255,255,.78);border:1px solid rgba(103,160,181,.24);border-radius:10px}
.mode-memory2 .yh-memory-thumb{display:block;width:100%;height:100%;max-height:none;margin:0;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(38,79,99,.13))}
.yhm-memory-term{display:block;text-align:center}
.mode-memory2 .yhw-memory-card--long .yhw-memory-card-text{font-size:clamp(19px,2.3vw,26px)!important}
.mode-memory2 .yhw-memory-card--very-long .yhw-memory-card-text{font-size:clamp(16px,1.9vw,22px)!important}
.mode-memory2 .yhw-memory-card.is-matched .yhw-memory-card-back{background:#e7f7ed!important;border-color:#70b68d!important;box-shadow:0 0 0 3px rgba(63,148,105,.16),0 7px 0 #b9dcc7!important}
.mode-memory2 .yhw-memory-card.is-matched .yhw-memory-card-back::after{content:"✓";position:absolute;top:7px;right:7px;width:26px;height:26px;display:grid;place-items:center;color:#fff;background:var(--memory-green);border-radius:50%;font-size:14px;font-weight:900;box-shadow:0 3px 8px rgba(40,111,74,.22)}
.mode-memory2 .yhw-memory-card.is-matched{cursor:default;opacity:.82}
.yhm-memory-image-missing{color:#7c8d98;font-size:13px;font-weight:800;text-align:center}
.yhm-memory-empty{max-width:520px;margin:5vh auto;padding:30px 18px;text-align:center}
.yhm-memory-empty>span{display:grid;width:58px;height:58px;margin:0 auto 12px;place-items:center;color:#fff;background:var(--memory-blue);border-radius:16px;font-size:30px}
.yhm-memory-empty h2{margin:0 0 7px;color:var(--memory-ink)}
.yhm-memory-empty p{margin:0;color:var(--memory-muted);line-height:1.55}
@media(max-width:720px){.yhm-memory-head{align-items:flex-start;flex-direction:column;margin-bottom:14px;padding-bottom:14px}.yhm-memory-stats{width:100%}.yhm-memory-stats>span{flex:1}.mode-memory2 .yhw-memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mode-memory2 .yhw-memory-card-face{box-shadow:0 4px 0 #d8e1e8,0 8px 14px rgba(35,70,94,.1)!important}.mode-memory2 .yhw-memory-card-text{padding:7px!important;font-size:clamp(18px,5.5vw,25px)!important}.mode-memory2 .yhw-memory-card--long .yhw-memory-card-text{font-size:clamp(15px,4.6vw,21px)!important}.mode-memory2 .yhw-memory-card--very-long .yhw-memory-card-text{font-size:clamp(13px,4vw,18px)!important}}
@media(max-width:410px){body.mode-memory2 .yhw-memory-card-wrapper{padding:12px!important}.mode-memory2 .yhw-memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.yhm-memory-head p{font-size:12px}}

/* Memory2 fullscreen controls and expanded board */
.yhm-memory-head-actions{display:flex;align-items:stretch;gap:10px;flex:0 0 auto}
.yhm-memory-fullscreen{display:grid;width:50px;min-width:50px;place-items:center;padding:0;color:var(--memory-blue-deep);background:#f4f8fb;border:1px solid #d5e2eb;border-bottom:4px solid #bfd0dc;border-radius:12px;cursor:pointer;box-shadow:0 7px 15px rgba(35,70,94,.08);transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}
.yhm-memory-fullscreen:hover,.yhm-memory-fullscreen.is-active{color:#fff;background:linear-gradient(145deg,#4d7cbb,var(--memory-blue-deep));border-color:#315a91;border-bottom-color:#1f426e;transform:translateY(-2px);box-shadow:0 10px 19px rgba(35,70,94,.17)}
.yhm-memory-fullscreen svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.yhm-memory-fullscreen[hidden]{display:none!important}
body.mode-memory2 .yhw-memory-card-wrapper:fullscreen,
body.mode-memory2 .yhw-memory-card-wrapper:-webkit-full-screen{display:flex;width:100vw;max-width:none;height:100vh;max-height:none;box-sizing:border-box;flex-direction:column;margin:0;padding:clamp(14px,2vw,24px)!important;overflow:hidden;background:#eef7f7!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.mode-memory2 .yhw-memory-card-wrapper:fullscreen .yhm-memory-head,
body.mode-memory2 .yhw-memory-card-wrapper:-webkit-full-screen .yhm-memory-head{flex:0 0 auto;margin-bottom:12px;padding-bottom:12px}
body.mode-memory2 .yhw-memory-card-wrapper:fullscreen .yhw-memory-grid-wrapper,
body.mode-memory2 .yhw-memory-card-wrapper:-webkit-full-screen .yhw-memory-grid-wrapper{display:grid;min-height:0;flex:1;place-items:stretch;overflow:hidden}
body.mode-memory2 .yhw-memory-card-wrapper:fullscreen .yhw-memory-grid,
body.mode-memory2 .yhw-memory-card-wrapper:-webkit-full-screen .yhw-memory-grid{width:100%;max-width:none;height:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin:0}
body.mode-memory2 .yhw-memory-card-wrapper:fullscreen .yhw-memory-card,
body.mode-memory2 .yhw-memory-card-wrapper:-webkit-full-screen .yhw-memory-card{width:100%;height:100%;min-height:0;aspect-ratio:auto}
body.mode-memory2 .yhw-memory-card-wrapper:fullscreen .yhw-memory-card-face,
body.mode-memory2 .yhw-memory-card-wrapper:-webkit-full-screen .yhw-memory-card-face{box-shadow:0 5px 0 #d8e1e8,0 10px 20px rgba(35,70,94,.1)!important}
@media(max-width:720px){.yhm-memory-head-actions{width:100%}.yhm-memory-head-actions .yhm-memory-stats{flex:1}.yhm-memory-fullscreen{width:48px;min-width:48px}.yhw-memory-card-wrapper:fullscreen .yhm-memory-head,.yhw-memory-card-wrapper:-webkit-full-screen .yhm-memory-head{flex-direction:row;align-items:center}.yhw-memory-card-wrapper:fullscreen .yhm-memory-head-actions,.yhw-memory-card-wrapper:-webkit-full-screen .yhm-memory-head-actions{width:auto;margin-left:auto}.yhw-memory-card-wrapper:fullscreen .yhm-memory-head>div:first-child p,.yhw-memory-card-wrapper:-webkit-full-screen .yhm-memory-head>div:first-child p{display:none}body.mode-memory2 .yhw-memory-card-wrapper:fullscreen .yhw-memory-grid,body.mode-memory2 .yhw-memory-card-wrapper:-webkit-full-screen .yhw-memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:8px}}
@media(max-width:410px){body.mode-memory2 .yhw-memory-card-wrapper:fullscreen,body.mode-memory2 .yhw-memory-card-wrapper:-webkit-full-screen{padding:9px!important}.yhw-memory-card-wrapper:fullscreen .yhm-memory-head,.yhw-memory-card-wrapper:-webkit-full-screen .yhm-memory-head{gap:8px;margin-bottom:8px;padding-bottom:8px}.yhw-memory-card-wrapper:fullscreen .yhm-memory-head>div:first-child,.yhw-memory-card-wrapper:-webkit-full-screen .yhm-memory-head>div:first-child{display:none}.yhm-memory-fullscreen{width:44px;min-width:44px}body.mode-memory2 .yhw-memory-card-wrapper:fullscreen .yhw-memory-grid,body.mode-memory2 .yhw-memory-card-wrapper:-webkit-full-screen .yhw-memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:6px}}

/* Quiz 3: balanced viewport layout and persistent fullscreen control */
body.mode-game.mode-quiz3 .yh-game-main{display:flex;min-height:calc(100vh - 61px);min-height:calc(100dvh - 61px);box-sizing:border-box;flex-direction:column;justify-content:center;padding-top:clamp(16px,3vh,32px);padding-bottom:clamp(16px,3vh,32px)}
body.mode-game.mode-quiz3 #yhStage{width:100%;min-height:0!important}
body.mode-game.mode-quiz3 .yhw-quiz-page{width:100%;max-width:980px;margin:auto}
body.mode-game.mode-quiz3 .yhw-quiz-card{width:100%}
body.mode-game.mode-quiz3 .yhw-quiz-prompt.yhq-has-fullscreen{padding-right:76px}
body.mode-game.mode-quiz3 .yhw-quiz-prompt.yhq-has-fullscreen:after{display:none}
.yhq-fullscreen{position:absolute;z-index:5;top:15px;right:15px;display:grid;width:48px;height:48px;place-items:center;padding:0;color:#356a9c;background:rgba(255,255,255,.92);border:1px solid #c9d9e7;border-bottom:4px solid #b7cbdc;border-radius:14px;cursor:pointer;box-shadow:0 8px 18px rgba(35,70,94,.12);transition:transform .16s,background .16s,color .16s,border-color .16s,box-shadow .16s}
.yhq-fullscreen:hover,.yhq-fullscreen.is-active{color:#fff;background:linear-gradient(145deg,#4f86bd,#315f98);border-color:#315f98;border-bottom-color:#244a79;transform:translateY(-2px);box-shadow:0 11px 22px rgba(35,70,94,.2)}
.yhq-fullscreen svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.yhq-fullscreen[hidden]{display:none!important}
body.mode-game.mode-quiz3 .yh-game-main:fullscreen,body.mode-game.mode-quiz3 .yh-game-main:-webkit-full-screen{display:flex;width:100vw;max-width:none!important;height:100vh;min-height:100vh;box-sizing:border-box;justify-content:center;margin:0;padding:clamp(18px,3vw,38px)!important;overflow:auto;background:linear-gradient(145deg,#edf8f6 0%,#eef4ff 58%,#fff7e8 100%)}
body.mode-game.mode-quiz3 .yh-game-main:fullscreen #yhStage,body.mode-game.mode-quiz3 .yh-game-main:-webkit-full-screen #yhStage{width:min(1120px,100%);margin:auto}
body.mode-game.mode-quiz3 .yh-game-main:fullscreen .yhw-quiz-page,body.mode-game.mode-quiz3 .yh-game-main:-webkit-full-screen .yhw-quiz-page{max-width:1120px}
body.mode-game.mode-quiz3 .yh-game-main:fullscreen .yhw-quiz-prompt,body.mode-game.mode-quiz3 .yh-game-main:-webkit-full-screen .yhw-quiz-prompt{min-height:clamp(160px,25vh,250px)}
body.mode-game.mode-quiz3 .yh-game-main:fullscreen .yhw-quiz-option,body.mode-game.mode-quiz3 .yh-game-main:-webkit-full-screen .yhw-quiz-option{min-height:clamp(105px,17vh,165px)}
@media(max-width:620px),(max-height:700px){body.mode-game.mode-quiz3 .yh-game-main{min-height:auto;justify-content:flex-start;padding-top:14px;padding-bottom:24px}body.mode-game.mode-quiz3 .yhw-quiz-prompt.yhq-has-fullscreen{padding-right:64px}.yhq-fullscreen{top:11px;right:11px;width:42px;height:42px;border-radius:12px}body.mode-game.mode-quiz3 .yh-game-main:fullscreen,body.mode-game.mode-quiz3 .yh-game-main:-webkit-full-screen{min-height:100vh;justify-content:flex-start;padding:12px!important}body.mode-game.mode-quiz3 .yh-game-main:fullscreen .yhw-quiz-prompt,body.mode-game.mode-quiz3 .yh-game-main:-webkit-full-screen .yhw-quiz-prompt{min-height:112px}body.mode-game.mode-quiz3 .yh-game-main:fullscreen .yhw-quiz-option,body.mode-game.mode-quiz3 .yh-game-main:-webkit-full-screen .yhw-quiz-option{min-height:72px}}

/* Quiz 7: fullscreen audio quiz without A/B/C/D labels */
body.mode-game.mode-quiz7 .yh-game-main{display:flex;min-height:calc(100vh - 61px);min-height:calc(100dvh - 61px);box-sizing:border-box;flex-direction:column;justify-content:center;padding-top:clamp(16px,3vh,32px);padding-bottom:clamp(16px,3vh,32px)}
body.mode-game.mode-quiz7 #yhStage{width:100%;min-height:0!important}
body.mode-game.mode-quiz7 .yhw-quiz-page{width:100%;max-width:980px;margin:auto}
body.mode-game.mode-quiz7 .yhw-quiz-card{width:100%}
body.mode-game.mode-quiz7 .yhw-quiz-prompt.yhq-has-fullscreen{padding-right:76px}
body.mode-game.mode-quiz7 .yhw-quiz-prompt.yhq-has-fullscreen:after{display:none}
body.mode-game.mode-quiz7 .yhq-no-letters .yhw-quiz-option,body.mode-game.mode-quiz5 .yhq-no-letters .yhw-quiz-option{display:flex;align-items:center;justify-content:center;padding:16px 20px;text-align:center}
body.mode-game.mode-quiz7 .yhq-no-letters .yhw-quiz-option-body,body.mode-game.mode-quiz5 .yhq-no-letters .yhw-quiz-option-body{display:flex;width:100%;min-width:0;flex:1;align-items:center;justify-content:center}
body.mode-game.mode-quiz7 .yhq-no-letters .yhw-quiz-option-text,body.mode-game.mode-quiz5 .yhq-no-letters .yhw-quiz-option-text{width:100%;padding:0;text-align:center}
body.mode-game.mode-quiz7 .yh-game-main:fullscreen,body.mode-game.mode-quiz7 .yh-game-main:-webkit-full-screen{display:flex;width:100vw;max-width:none!important;height:100vh;min-height:100vh;box-sizing:border-box;justify-content:center;margin:0;padding:clamp(18px,3vw,38px)!important;overflow:auto;background:linear-gradient(145deg,#edf8f6 0%,#eef4ff 58%,#fff7e8 100%)}
body.mode-game.mode-quiz7 .yh-game-main:fullscreen #yhStage,body.mode-game.mode-quiz7 .yh-game-main:-webkit-full-screen #yhStage{width:min(1120px,100%);margin:auto}
body.mode-game.mode-quiz7 .yh-game-main:fullscreen .yhw-quiz-page,body.mode-game.mode-quiz7 .yh-game-main:-webkit-full-screen .yhw-quiz-page{max-width:1120px}
body.mode-game.mode-quiz7 .yh-game-main:fullscreen .yhw-quiz-prompt,body.mode-game.mode-quiz7 .yh-game-main:-webkit-full-screen .yhw-quiz-prompt{min-height:clamp(160px,25vh,250px)}
body.mode-game.mode-quiz7 .yh-game-main:fullscreen .yhw-quiz-option,body.mode-game.mode-quiz7 .yh-game-main:-webkit-full-screen .yhw-quiz-option{min-height:clamp(105px,17vh,165px)}
@media(max-width:620px),(max-height:700px){body.mode-game.mode-quiz7 .yh-game-main{min-height:auto;justify-content:flex-start;padding-top:14px;padding-bottom:24px}body.mode-game.mode-quiz7 .yhw-quiz-prompt.yhq-has-fullscreen{padding-right:64px}body.mode-game.mode-quiz7 .yh-game-main:fullscreen,body.mode-game.mode-quiz7 .yh-game-main:-webkit-full-screen{min-height:100vh;justify-content:flex-start;padding:12px!important}body.mode-game.mode-quiz7 .yh-game-main:fullscreen .yhw-quiz-prompt,body.mode-game.mode-quiz7 .yh-game-main:-webkit-full-screen .yhw-quiz-prompt{min-height:112px}body.mode-game.mode-quiz7 .yh-game-main:fullscreen .yhw-quiz-option,body.mode-game.mode-quiz7 .yh-game-main:-webkit-full-screen .yhw-quiz-option{min-height:72px}}

/* Unscramble 1/2: focused spelling studio */
body.mode-unscramble1,body.mode-unscramble2{--yhu-indigo:#5368c9;--yhu-indigo-deep:#354993;--yhu-sky:#edf3ff;--yhu-teal:#26958c;--yhu-ink:#24344d;--yhu-muted:#6d7b8f;--yhu-line:#dbe4f1;background:linear-gradient(150deg,#edf8f5 0%,#eef3ff 52%,#fff8ea 100%)}
body.mode-unscramble1 #yhStage,body.mode-unscramble2 #yhStage{min-height:0!important}
body.mode-unscramble1 .yhw-quiz-card,body.mode-unscramble2 .yhw-quiz-card{width:100%;max-width:980px;margin:0 auto;overflow:visible!important;border:1px solid #d8e3ef!important;border-bottom:5px solid #cbd8e8!important;border-radius:22px!important;box-shadow:0 24px 60px rgba(54,83,118,.14)!important}
body.mode-unscramble1 .yhw-quiz-card>.ant-card-body,body.mode-unscramble2 .yhw-quiz-card>.ant-card-body{padding:clamp(14px,2.4vw,26px)!important}
.yhu-game{gap:18px!important;color:var(--yhu-ink)}
.yhu-prompt-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:28px;min-height:196px;padding:clamp(22px,4vw,38px);overflow:hidden;background:linear-gradient(135deg,#f0f4ff 0%,#f7f1ff 48%,#effaf7 100%);border:1px solid #d9e2f2;border-radius:18px}
.yhu-prompt-card:before,.yhu-prompt-card:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.yhu-prompt-card:before{width:190px;height:190px;top:-92px;right:92px;background:rgba(83,104,201,.08)}
.yhu-prompt-card:after{width:130px;height:130px;right:-38px;bottom:-56px;background:rgba(38,149,140,.09)}
.yhu-prompt-copy{min-width:0}
.yhu-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--yhu-indigo-deep);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.yhu-kicker:before{content:"";width:22px;height:3px;background:var(--yhu-teal);border-radius:99px}
.yhu-prompt-copy h2{margin:0;color:var(--yhu-ink);font-size:clamp(34px,5.2vw,58px);font-weight:900;line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}
.yhu-prompt-copy p{margin:10px 0 0;color:var(--yhu-muted);font-size:15px;font-weight:650;line-height:1.5}
.yhu-image-frame{position:relative;display:grid;width:150px;height:150px;place-items:center;overflow:hidden;background:rgba(255,255,255,.82);border:1px solid rgba(98,121,160,.22);border-radius:28px;box-shadow:0 14px 30px rgba(55,78,115,.13),inset 0 0 0 7px rgba(255,255,255,.54);transform:rotate(2deg)}
.yhu-image-frame img{display:block;width:100%;height:100%;padding:12px;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(38,58,87,.12))}
.yhu-image-frame--empty{color:var(--yhu-indigo);font-size:42px;font-weight:900}
.yhu-workbench{padding:clamp(18px,3vw,28px);background:#fff;border:1px solid var(--yhu-line);border-radius:18px}
.yhu-section-head{display:flex;align-items:center;gap:12px;text-align:left}
.yhu-section-head>span:last-child{display:grid;gap:2px}
.yhu-section-head strong{color:var(--yhu-ink);font-size:16px;line-height:1.25}
.yhu-section-head small{color:var(--yhu-muted);font-size:13px;line-height:1.35}
.yhu-step{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;color:#fff;background:linear-gradient(145deg,var(--yhu-indigo),var(--yhu-indigo-deep));border-radius:11px;font-size:14px;font-weight:900;box-shadow:0 7px 14px rgba(65,84,160,.2)}
.yhu-letter-bank{display:flex;min-height:96px;align-items:center;justify-content:center;gap:11px;margin-top:15px;padding:18px;flex-wrap:wrap;background:var(--yhu-sky);border:2px dashed #c7d4ed;border-radius:16px}
.yhu-letter-chip{display:grid;width:60px;height:64px;place-items:center;color:var(--yhu-indigo-deep);background:#fff;border:2px solid #bfcbea;border-bottom:6px solid #9aabda;border-radius:13px;font-size:34px;font-weight:950;text-transform:uppercase;box-shadow:0 9px 17px rgba(56,76,125,.1)}
.yhu-letter-chip--0{transform:rotate(-2deg)}.yhu-letter-chip--1{transform:rotate(1.5deg)}.yhu-letter-chip--2{transform:rotate(-1deg)}.yhu-letter-chip--3{transform:rotate(2deg)}
.yhu-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#8a98a9;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.yhu-divider:before,.yhu-divider:after{content:"";height:1px;flex:1;background:#e4eaf2}
.yhw-unscramble-answer{margin-top:13px!important;padding:0!important}
body.mode-unscramble1 .yhw-unscramble-answer .yhw-fillin-slots{display:flex;justify-content:center;gap:10px;margin:0;flex-wrap:wrap;cursor:text}
body.mode-unscramble1 .yhw-unscramble-answer .yhw-fillin-slot{width:58px;min-width:58px;height:66px;color:var(--yhu-ink);background:#fff;border:2px solid #bdcbe0;border-bottom:6px solid #92a5c3;border-radius:13px;font-size:34px;font-weight:950;text-transform:uppercase;transition:border-color .16s,box-shadow .16s,transform .16s}
body.mode-unscramble1 .yhw-unscramble-answer .yhw-fillin-slot--filled{border-color:#788bd0;border-bottom-color:#5368c9;box-shadow:0 0 0 4px rgba(83,104,201,.1);transform:translateY(-2px)}
body.mode-unscramble1 .yhw-unscramble-answer .yhw-fillin-slot--correct{color:#26774f;background:#eaf8ef;border-color:#65ac80;border-bottom-color:#3c8e5d;box-shadow:none}
body.mode-unscramble1 .yhw-unscramble-answer .yhw-fillin-slot--wrong{color:#a8424a;background:#fff0f1;border-color:#df7f85;border-bottom-color:#bd555e;box-shadow:none}
.yhw-unscramble-tiles{display:flex;min-height:104px;align-items:center;justify-content:center;gap:12px;padding:18px;flex-wrap:wrap;background:#f7f9fd;border:2px dashed #ccd7e7;border-radius:16px}
body.mode-unscramble2 .yhw-unscramble-tile{display:grid;width:68px;min-width:68px;height:72px;place-items:center;padding:0;color:#fff;background:linear-gradient(145deg,#6f82db,var(--yhu-indigo));border:2px solid #4459af;border-bottom:7px solid #354993;border-radius:15px;box-shadow:0 9px 18px rgba(53,73,147,.18);font-size:36px;font-weight:950;text-transform:uppercase;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}
body.mode-unscramble2 .yhw-unscramble-tile:hover{transform:translateY(-4px);box-shadow:0 14px 22px rgba(53,73,147,.22)}
body.mode-unscramble2 .yhw-unscramble-tile.sel{color:var(--yhu-indigo-deep);background:#fff6d9;border-color:#efbd45;border-bottom-color:#cf9324;outline:4px solid rgba(239,189,69,.2);transform:translateY(-5px)}
body.mode-unscramble2 .yhw-unscramble-tile.is-swapped{animation:yhu-swap .28s ease}
body.mode-unscramble2 .yhw-unscramble-tile--correct{color:#fff;background:#3e9b68;border-color:#2f8053;border-bottom-color:#267047;box-shadow:0 9px 18px rgba(47,128,83,.18)}
body.mode-unscramble2 .yhw-unscramble-tile--wrong{color:#fff;background:#cf5b65;border-color:#a9444d;border-bottom-color:#913740;box-shadow:0 9px 18px rgba(169,68,77,.17);animation:yh-advanced-shake .32s}
.yhu-swap-status{min-height:22px;margin:10px 0 0;color:var(--yhu-muted);font-size:13px;font-weight:750;text-align:center}
.yhw-quiz-feedback{margin-top:18px}
body.mode-unscramble1 .yhu-check,body.mode-unscramble2 .yhu-check{min-width:230px;min-height:54px;gap:18px;padding:12px 18px!important;background:linear-gradient(135deg,var(--yhu-indigo),var(--yhu-indigo-deep))!important;border:0!important;border-radius:14px!important;box-shadow:0 9px 0 #293c82,0 16px 26px rgba(53,73,147,.2)!important;font-size:16px!important}
body.mode-unscramble1 .yhu-check:hover,body.mode-unscramble2 .yhu-check:hover{transform:translateY(-2px)!important;box-shadow:0 11px 0 #293c82,0 19px 30px rgba(53,73,147,.23)!important}
body.mode-unscramble1 .yhu-check:disabled{background:#aeb8ca!important;box-shadow:0 6px 0 #8f9aad!important;opacity:.72}
.yhu-check b{display:grid;width:27px;height:27px;place-items:center;background:rgba(255,255,255,.16);border-radius:50%;font-size:17px}
body.mode-unscramble1 .yhw-quiz-progress-bar,body.mode-unscramble2 .yhw-quiz-progress-bar{margin-top:20px}
body.mode-unscramble1 .yh-prog-fill,body.mode-unscramble2 .yh-prog-fill{background:linear-gradient(90deg,var(--yhu-teal),#62b99a)}
body.mode-unscramble1 .yhw-quiz-progress-text,body.mode-unscramble2 .yhw-quiz-progress-text{color:var(--yhu-muted);font-weight:800}
@keyframes yhu-swap{50%{transform:translateY(-8px) scale(1.05)}}
@media(max-width:700px){body.mode-unscramble1 .yhw-quiz-card,body.mode-unscramble2 .yhw-quiz-card{border-radius:16px!important}.yhu-game{gap:12px!important}.yhu-prompt-card{grid-template-columns:minmax(0,1fr) 100px;gap:14px;min-height:148px;padding:18px;border-radius:14px}.yhu-prompt-copy h2{font-size:clamp(29px,9vw,42px)}.yhu-prompt-copy p{font-size:13px}.yhu-image-frame{width:96px;height:96px;border-radius:20px}.yhu-image-frame img{padding:7px}.yhu-workbench{padding:15px;border-radius:14px}.yhu-letter-bank,.yhw-unscramble-tiles{min-height:82px;gap:7px;padding:12px}.yhu-letter-chip{width:48px;height:54px;border-bottom-width:5px;border-radius:10px;font-size:28px}body.mode-unscramble1 .yhw-unscramble-answer .yhw-fillin-slots{gap:7px}body.mode-unscramble1 .yhw-unscramble-answer .yhw-fillin-slot{width:48px;min-width:48px;height:56px;border-bottom-width:5px;border-radius:10px;font-size:28px}body.mode-unscramble2 .yhw-unscramble-tile{width:56px;min-width:56px;height:62px;border-bottom-width:6px;border-radius:12px;font-size:31px}.yhu-divider{margin:14px 0}.yhw-quiz-feedback{margin-top:14px}}
@media(max-width:430px){.yhu-prompt-card{grid-template-columns:1fr;text-align:center}.yhu-kicker{justify-content:center}.yhu-image-frame{grid-row:1;margin:0 auto}.yhu-prompt-copy p{display:none}.yhu-section-head small{font-size:12px}body.mode-unscramble1 .yhu-check,body.mode-unscramble2 .yhu-check{width:100%;min-width:0}.yhu-letter-chip{width:44px;height:50px;font-size:25px}body.mode-unscramble1 .yhw-unscramble-answer .yhw-fillin-slot{width:43px;min-width:43px;height:52px;font-size:25px}body.mode-unscramble2 .yhw-unscramble-tile{width:52px;min-width:52px;height:58px;font-size:28px}}

/* Vowel 1/2: compact vowel workshop */
body.mode-vowel1,body.mode-vowel2{--yhv-coral:#d66162;--yhv-coral-deep:#aa4149;--yhv-navy:#263b59;--yhv-cream:#fff8e7;--yhv-sky:#eef7fb;--yhv-line:#d9e5eb;--yhv-muted:#728090;background:linear-gradient(145deg,#eef8f6 0%,#eef5fb 54%,#fff8e8 100%)}
body.mode-game.mode-vowel1 .yh-game-main,body.mode-game.mode-vowel2 .yh-game-main,body.mode-game.mode-fillin3 .yh-game-main,body.mode-game.mode-quiz4 .yh-game-main{display:flex;min-height:calc(100vh - 61px);min-height:calc(100dvh - 61px);box-sizing:border-box;flex-direction:column;justify-content:center;padding-top:clamp(18px,3vh,34px);padding-bottom:clamp(18px,3vh,34px)}
body.mode-game.mode-vowel1 #yhStage,body.mode-game.mode-vowel2 #yhStage,body.mode-game.mode-fillin3 #yhStage,body.mode-game.mode-quiz4 #yhStage{width:100%}
body.mode-vowel1 #yhStage,body.mode-vowel2 #yhStage{min-height:0!important}
body.mode-vowel1 .yhw-vowel-card,body.mode-vowel2 .yhw-vowel-card{width:100%;max-width:980px;margin:0 auto;padding:clamp(16px,2.5vw,27px)!important;overflow:visible!important;background:#fff!important;border:1px solid #d7e3eb!important;border-bottom:5px solid #c6d7e2!important;border-radius:22px!important;box-shadow:0 24px 60px rgba(50,83,105,.14)!important}
body.mode-vowel1 .yhw-vowel-main,body.mode-vowel2 .yhw-vowel-main{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:stretch;gap:18px 22px}
body.mode-vowel1 .yhw-vowel-hint,body.mode-vowel2 .yhw-vowel-hint{position:relative;grid-column:1;grid-row:1/3;display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;gap:11px;margin:0!important;padding:25px 20px!important;overflow:hidden;background:linear-gradient(155deg,var(--yhv-cream),#fffdf7)!important;border:1px solid #eedcad!important;border-top:0!important;border-radius:18px!important;box-shadow:inset 0 0 0 6px rgba(255,255,255,.45)}
body.mode-vowel1 .yhw-vowel-hint:before,body.mode-vowel2 .yhw-vowel-hint:before{content:"Gợi ý";position:absolute;top:0;left:0;padding:8px 14px;color:#fff;background:#d39a2b;border-radius:0 0 12px 0;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
body.mode-vowel1 .yhw-vowel-hint:after,body.mode-vowel2 .yhw-vowel-hint:after{content:"";position:absolute;width:120px;height:120px;right:-56px;bottom:-56px;background:rgba(224,173,61,.1);border-radius:50%}
body.mode-vowel1 .yhw-vowel-hint .yh-mini-prompt-image,body.mode-vowel2 .yhw-vowel-hint .yh-mini-prompt-image{width:164px;height:164px;margin:0;padding:10px;object-fit:contain;background:#fff;border:1px solid #ecdba9;border-radius:26px;box-shadow:0 13px 26px rgba(111,83,32,.12);filter:none}
body.mode-vowel1 .yhw-vowel-hint-meaning h2,body.mode-vowel2 .yhw-vowel-hint-meaning h2{margin:2px 0 0!important;color:var(--yhv-navy)!important;font-size:clamp(26px,3vw,34px)!important;font-weight:900;letter-spacing:-.02em!important}
body.mode-vowel1 .yh-inline-sound,body.mode-vowel2 .yh-inline-sound{display:grid;width:52px;height:52px;place-items:center;margin-top:3px;color:#fff;background:linear-gradient(145deg,#4e86b7,#326b9f);border:0;border-bottom:5px solid #285985;border-radius:15px;font-size:21px;cursor:pointer;box-shadow:0 9px 18px rgba(50,107,159,.18);transition:transform .16s}
body.mode-vowel1 .yh-inline-sound:hover,body.mode-vowel2 .yh-inline-sound:hover{transform:translateY(-3px)}
body.mode-vowel1 .yhw-vowel-word-wrapper,body.mode-vowel2 .yhw-vowel-word-wrapper{position:relative;grid-column:2;grid-row:1;display:grid;min-height:210px;place-items:center;margin:0!important;padding:54px 24px 25px;background:linear-gradient(135deg,#f1f5ff,#f9f2ff);border:1px solid #d9e0f2;border-radius:18px}
body.mode-vowel1 .yhw-vowel-word-wrapper:before,body.mode-vowel2 .yhw-vowel-word-wrapper:before{content:"Điền nguyên âm còn thiếu";position:absolute;top:20px;left:22px;color:var(--yhv-coral-deep);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
body.mode-vowel1 .yhw-vowel-word,body.mode-vowel2 .yhw-vowel-word{display:flex;align-items:center;justify-content:center;gap:5px;margin:0!important;color:var(--yhv-navy)!important;font-size:clamp(44px,6vw,68px)!important;font-weight:950;line-height:1;letter-spacing:0!important;flex-wrap:wrap}
body.mode-vowel1 .yhw-vowel-word-char,body.mode-vowel2 .yhw-vowel-word-char{min-width:30px!important;color:var(--yhv-navy)}
body.mode-vowel1 .yhw-vowel-word-char--blank,body.mode-vowel2 .yhw-vowel-word-char--blank{display:grid;width:64px;min-width:64px!important;height:78px;place-items:center;color:var(--yhv-coral)!important;background:#fff;border:3px solid #efb0af!important;border-bottom:7px solid var(--yhv-coral)!important;border-radius:16px;line-height:1;cursor:pointer;box-shadow:0 8px 18px rgba(170,65,73,.1);transition:transform .16s,border-color .16s}
body.mode-vowel1 .yhw-vowel-word-char--blank:hover,body.mode-vowel2 .yhw-vowel-word-char--blank:hover{transform:translateY(-3px);border-color:var(--yhv-coral)!important}
body.mode-vowel1 .yhw-vowel-letters,body.mode-vowel2 .yhw-vowel-letters{position:relative;grid-column:2;grid-row:2;display:grid;align-content:end;min-height:132px;margin:0!important;padding:44px 18px 17px;background:var(--yhv-sky);border:1px solid var(--yhv-line);border-radius:18px}
body.mode-vowel1 .yhw-vowel-letters:before,body.mode-vowel2 .yhw-vowel-letters:before{content:"Chọn một nguyên âm";position:absolute;top:15px;left:20px;color:#39738a;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
body.mode-vowel1 .yhw-vowel-letters-row,body.mode-vowel2 .yhw-vowel-letters-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
body.mode-vowel1 .yhw-vowel-letter,body.mode-vowel2 .yhw-vowel-letter{display:grid;width:58px;min-width:58px;height:58px;place-items:center;padding:0!important;color:#fff!important;background:linear-gradient(145deg,#e87475,var(--yhv-coral))!important;border:2px solid #b84a52!important;border-bottom:6px solid var(--yhv-coral-deep)!important;border-radius:13px!important;box-shadow:0 8px 15px rgba(170,65,73,.15)!important;font-size:28px!important;font-weight:950!important;text-transform:uppercase;cursor:pointer;transition:transform .14s,box-shadow .14s}
body.mode-vowel1 .yhw-vowel-letter:hover,body.mode-vowel2 .yhw-vowel-letter:hover{transform:translateY(-4px)!important;box-shadow:0 12px 20px rgba(170,65,73,.2)!important}
body.mode-vowel1 .yhw-vowel-letter.is-picked,body.mode-vowel2 .yhw-vowel-letter.is-picked{transform:translateY(2px) scale(.96)!important;box-shadow:0 3px 8px rgba(170,65,73,.13)!important}
body.mode-vowel1 .yhw-vowel-controls,body.mode-vowel2 .yhw-vowel-controls{grid-column:1/3;grid-row:3;display:flex;align-items:center;justify-content:flex-end;gap:11px;margin:0!important;padding-top:2px}
body.mode-vowel1 .yhw-vowel-controls .btn,body.mode-vowel2 .yhw-vowel-controls .btn{min-width:150px;min-height:52px;border-radius:13px!important;font-size:15px!important}
body.mode-vowel1 .yhw-vowel-controls #chk,body.mode-vowel2 .yhw-vowel-controls #chk{background:linear-gradient(135deg,var(--yhv-coral),var(--yhv-coral-deep))!important;border:0!important;box-shadow:0 7px 0 #84323a,0 13px 22px rgba(170,65,73,.18)!important}
body.mode-vowel1 .yhw-vowel-controls #rst,body.mode-vowel2 .yhw-vowel-controls #rst{color:#52657a!important;background:#fff!important;border:2px solid #cfdbe5!important;box-shadow:0 5px 0 #bbc9d4!important}
@media(max-width:760px){body.mode-vowel1 .yhw-vowel-card,body.mode-vowel2 .yhw-vowel-card{border-radius:16px!important}body.mode-vowel1 .yhw-vowel-main,body.mode-vowel2 .yhw-vowel-main{grid-template-columns:1fr;gap:12px}body.mode-vowel1 .yhw-vowel-hint,body.mode-vowel2 .yhw-vowel-hint{grid-column:1;grid-row:1;min-height:150px;display:grid;grid-template-columns:105px minmax(0,1fr) 50px;align-items:center;gap:12px;padding:17px!important}body.mode-vowel1 .yhw-vowel-hint .yh-mini-prompt-image,body.mode-vowel2 .yhw-vowel-hint .yh-mini-prompt-image{width:98px;height:98px;border-radius:18px}body.mode-vowel1 .yhw-vowel-hint-meaning h2,body.mode-vowel2 .yhw-vowel-hint-meaning h2{text-align:left}body.mode-vowel1 .yhw-vowel-word-wrapper,body.mode-vowel2 .yhw-vowel-word-wrapper{grid-column:1;grid-row:2;min-height:170px}body.mode-vowel1 .yhw-vowel-letters,body.mode-vowel2 .yhw-vowel-letters{grid-column:1;grid-row:3;min-height:118px}body.mode-vowel1 .yhw-vowel-controls,body.mode-vowel2 .yhw-vowel-controls{grid-column:1;grid-row:4}.yhw-vowel-main .yhw-vowel-controls{justify-content:center!important}}
@media(max-width:450px){body.mode-vowel1 .yhw-vowel-hint,body.mode-vowel2 .yhw-vowel-hint{grid-template-columns:82px minmax(0,1fr) 44px;min-height:122px}body.mode-vowel1 .yhw-vowel-hint .yh-mini-prompt-image,body.mode-vowel2 .yhw-vowel-hint .yh-mini-prompt-image{width:76px;height:76px;padding:5px}body.mode-vowel1 .yh-inline-sound,body.mode-vowel2 .yh-inline-sound{width:43px;height:43px;border-radius:12px}body.mode-vowel1 .yhw-vowel-word,body.mode-vowel2 .yhw-vowel-word{font-size:clamp(36px,12vw,50px)!important}body.mode-vowel1 .yhw-vowel-word-char--blank,body.mode-vowel2 .yhw-vowel-word-char--blank{width:53px;min-width:53px!important;height:65px;border-radius:13px}body.mode-vowel1 .yhw-vowel-letter,body.mode-vowel2 .yhw-vowel-letter{width:47px;min-width:47px;height:51px;font-size:24px!important}body.mode-vowel1 .yhw-vowel-controls .btn,body.mode-vowel2 .yhw-vowel-controls .btn{min-width:0;flex:1}}

/* Triple match: three-column link board */
body.mode-triplematch1{--yht-blue:#496cc8;--yht-purple:#8464bb;--yht-teal:#268d80;--yht-ink:#263950;--yht-muted:#6d7c8e;--yht-line:#d9e3ed;background:linear-gradient(145deg,#edf7f5 0%,#eef3ff 52%,#faf0ff 100%)}
body.mode-triplematch1 #yhStage{min-height:0!important}
.yht-triple{width:100%;max-width:1120px;margin:0 auto;padding:clamp(16px,2.5vw,27px);color:var(--yht-ink);background:rgba(255,255,255,.98);border:1px solid #d7e2ec;border-bottom:5px solid #c6d5e2;border-radius:22px;box-shadow:0 24px 60px rgba(47,76,105,.14)}
.yht-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:5px 4px 20px;border-bottom:1px solid #e2e9f0}
.yht-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--yht-blue);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.yht-kicker:before{content:"";width:22px;height:3px;background:var(--yht-teal);border-radius:99px}
.yht-head h2{margin:5px 0 3px;color:var(--yht-ink);font-size:clamp(25px,3.4vw,36px);line-height:1.1;letter-spacing:-.025em}
.yht-head p{margin:0;color:var(--yht-muted);font-size:14px;line-height:1.45}
.yht-progress{display:grid;width:92px;height:92px;flex:0 0 92px;place-content:center;color:var(--yht-blue);text-align:center;background:linear-gradient(#fff,#f2f6ff);border:7px solid #dce5f8;border-radius:50%;box-shadow:inset 0 0 0 1px #bdccec,0 10px 22px rgba(66,91,151,.12)}
.yht-progress strong{font-size:29px;line-height:1}.yht-progress span{margin-top:3px;color:var(--yht-muted);font-size:10px;font-weight:850;text-transform:uppercase}
.yht-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:18px 0}
.yht-selection-slot{display:grid;grid-template-columns:36px auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:0;padding:10px 12px;color:#7b8794;background:#f6f8fb;border:1px dashed #cbd6e2;border-radius:13px;transition:transform .18s,border-color .18s,background .18s}
.yht-selection-slot>span{grid-row:1/3;display:grid;width:36px;height:36px;place-items:center;color:#fff;background:#9aa7b7;border-radius:10px;font-size:13px;font-weight:900}
.yht-selection-slot small{font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.yht-selection-slot strong{min-width:0;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.yht-selection-slot.has-value{transform:translateY(-2px);background:#fff;border-style:solid;box-shadow:0 8px 18px rgba(53,76,103,.09)}
.yht-selection-slot--word.has-value{color:#3558b0;border-color:#a9bae9;background:#f2f5ff}.yht-selection-slot--word.has-value>span{background:var(--yht-blue)}
.yht-selection-slot--phonetic.has-value{color:#68499f;border-color:#c4b1e2;background:#f7f2ff}.yht-selection-slot--phonetic.has-value>span{background:var(--yht-purple)}
.yht-selection-slot--meaning.has-value{color:#197266;border-color:#9ed2cb;background:#effaf7}.yht-selection-slot--meaning.has-value>span{background:var(--yht-teal)}
.yht-board{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.yht-links{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none}
.yht-link-halo,.yht-link{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.yht-link-halo{stroke:rgba(255,255,255,.94);stroke-width:11;filter:drop-shadow(0 3px 4px rgba(44,62,84,.16))}
.yht-link{stroke:#7656b3;stroke-width:5;stroke-dasharray:10 7;animation:yht-link-flow .75s linear infinite}
.yht-link--matched{stroke:#3d9665;stroke-dasharray:none;animation:yht-link-draw .38s ease both}
.yht-link--wrong{stroke:#cf4f59;stroke-dasharray:7 6;animation:yht-link-flow .38s linear infinite}
.yht-column{position:relative;z-index:2;min-width:0;padding:13px;background:#f8fafc;border:1px solid var(--yht-line);border-radius:17px}
.yht-column--word{background:#f4f6ff;border-color:#dce3f7}.yht-column--phonetic{background:#f8f4ff;border-color:#e5daf4}.yht-column--meaning{background:#f1faf8;border-color:#d5ece7}
.yht-column-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:4px 3px 12px;border-bottom:1px solid rgba(118,139,163,.17)}
.yht-column-head>span{display:grid;width:35px;height:35px;place-items:center;color:#fff;background:var(--yht-blue);border-radius:10px;font-size:12px;font-weight:900;box-shadow:0 6px 12px rgba(57,83,151,.16)}
.yht-column--phonetic .yht-column-head>span{background:var(--yht-purple)}.yht-column--meaning .yht-column-head>span{background:var(--yht-teal)}
.yht-column-head div{display:grid;gap:1px}.yht-column-head strong{color:var(--yht-ink);font-size:15px}.yht-column-head small{color:var(--yht-muted);font-size:11px}
.yht-column-list{display:grid;gap:9px}
body.mode-triplematch1 .yh-triple-tile{position:relative;z-index:4;display:flex;width:100%;min-height:60px;align-items:center;justify-content:center;padding:10px 34px 10px 12px;overflow:hidden;color:#314257;background:#fff;border:2px solid #d8e1ea;border-bottom:5px solid #c1ceda;border-radius:12px;font:inherit;font-size:15px;font-weight:800;line-height:1.25;overflow-wrap:anywhere;cursor:pointer;box-shadow:0 6px 12px rgba(55,76,101,.06);transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}
body.mode-triplematch1 .yh-triple-tile>b{position:absolute;right:9px;display:grid;width:22px;height:22px;place-items:center;color:#fff;background:#4b9d70;border-radius:50%;font-size:12px;opacity:0;transform:scale(.5);transition:opacity .18s,transform .18s}
body.mode-triplematch1 .yh-triple-tile:hover{transform:translateY(-3px);box-shadow:0 11px 18px rgba(55,76,101,.11)}
.yht-column--word .yh-triple-tile:hover{border-color:#859bdd}.yht-column--phonetic .yh-triple-tile:hover{border-color:#ad91d4}.yht-column--meaning .yh-triple-tile:hover{border-color:#72b9ae}
body.mode-triplematch1 .yh-triple-tile.is-selected{transform:translateY(-4px);box-shadow:0 0 0 4px rgba(73,108,200,.12),0 13px 22px rgba(55,76,101,.12)}
.yht-column--word .yh-triple-tile.is-selected{color:#294ba5;background:#edf2ff;border-color:var(--yht-blue);border-bottom-color:#3553a4}.yht-column--phonetic .yh-triple-tile.is-selected{color:#65449a;background:#f4edff;border-color:var(--yht-purple);border-bottom-color:#664795}.yht-column--meaning .yh-triple-tile.is-selected{color:#176f63;background:#e9f8f4;border-color:var(--yht-teal);border-bottom-color:#1d6f67}
body.mode-triplematch1 .yh-triple-tile.is-wrong{color:#a5424a;background:#fff0f1;border-color:#d9656e;border-bottom-color:#b54851;animation:yht-shake .42s}
body.mode-triplematch1 .yh-triple-tile.is-matched{color:#28724e;background:#e9f8ef;border-color:#62ac7d;border-bottom-color:#3c8b5a;opacity:.72;transform:none;box-shadow:none}
body.mode-triplematch1 .yh-triple-tile.is-matched>b{opacity:1;transform:scale(1)}
.yht-feedback{display:flex;align-items:center;gap:11px;min-height:50px;margin-top:17px;padding:10px 13px;color:#53677c;background:#f3f7fb;border:1px solid #d9e3ed;border-radius:13px;font-size:13px;font-weight:750}
.yht-feedback-icon{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;color:#fff;background:#6f84a0;border-radius:9px;font-size:13px;font-weight:950}
.yht-feedback[data-tone="select"]{color:#4d4595;background:#f5f2ff;border-color:#d8cff0}.yht-feedback[data-tone="select"] .yht-feedback-icon{background:var(--yht-purple)}
.yht-feedback[data-tone="error"]{color:#9d4148;background:#fff0f1;border-color:#efbcc0}.yht-feedback[data-tone="error"] .yht-feedback-icon{background:#c74d57}
.yht-feedback[data-tone="success"]{color:#276d4b;background:#edf8f1;border-color:#b9dfc7}.yht-feedback[data-tone="success"] .yht-feedback-icon{background:#3b9564}
@keyframes yht-shake{20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@keyframes yht-link-flow{to{stroke-dashoffset:-17}}
@keyframes yht-link-draw{from{opacity:0;stroke-dasharray:1 180;stroke-dashoffset:180}to{opacity:1;stroke-dasharray:180 0;stroke-dashoffset:0}}
@media(max-width:760px){.yht-triple{padding:14px;border-radius:16px}.yht-head{align-items:flex-start}.yht-head p{font-size:12px}.yht-progress{width:70px;height:70px;flex-basis:70px;border-width:5px}.yht-progress strong{font-size:23px}.yht-selection{gap:6px}.yht-selection-slot{grid-template-columns:27px minmax(0,1fr);column-gap:6px;padding:7px}.yht-selection-slot>span{width:27px;height:27px;border-radius:8px}.yht-selection-slot strong{font-size:11px}.yht-board{grid-template-columns:repeat(3,minmax(172px,1fr));gap:9px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity}.yht-column{padding:9px;border-radius:13px;scroll-snap-align:start}body.mode-triplematch1 .yh-triple-tile{min-height:54px;padding:8px 28px 8px 8px;font-size:13px}.yht-feedback{margin-top:10px}}
@media(max-width:430px){.yht-head h2{font-size:24px}.yht-head p{display:none}.yht-selection-slot small{display:none}.yht-selection-slot{grid-template-rows:1fr}.yht-selection-slot>span{grid-row:1}.yht-progress{width:62px;height:62px;flex-basis:62px}.yht-progress span{font-size:8px}}
@media(max-width:760px),(max-height:760px){body.mode-game.mode-vowel1 .yh-game-main,body.mode-game.mode-vowel2 .yh-game-main,body.mode-game.mode-fillin3 .yh-game-main,body.mode-game.mode-quiz4 .yh-game-main{min-height:auto;justify-content:flex-start;padding-top:16px;padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.yht-link{animation:none}}

/* Sentence 1: sentence-building desk */
body.mode-sentence1{--yhs-blue:#3c73b8;--yhs-blue-deep:#28578e;--yhs-green:#3c9270;--yhs-ink:#263a52;--yhs-muted:#718094;--yhs-line:#d8e4ee;background:linear-gradient(145deg,#edf8f6 0%,#eef4ff 58%,#fff7e8 100%)}
body.mode-sentence1 #yhStage{min-height:0!important}
.yhs-sentence{width:100%;max-width:980px;margin:0 auto;padding:clamp(15px,2.5vw,26px);color:var(--yhs-ink);background:#fff;border:1px solid #d7e3ec;border-bottom:5px solid #c5d5e2;border-radius:22px;box-shadow:0 24px 60px rgba(47,78,105,.14)}
.yhs-prompt{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:24px;min-height:178px;padding:clamp(22px,3.5vw,34px);overflow:hidden;background:linear-gradient(135deg,#eff5ff,#f4f1ff 52%,#eefaf6);border:1px solid #d9e3f1;border-radius:18px}
.yhs-prompt:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;right:-50px;bottom:-95px;background:rgba(60,146,112,.1);border-radius:50%}
.yhs-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--yhs-blue);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.yhs-kicker:before{content:"";width:22px;height:3px;background:var(--yhs-green);border-radius:99px}
.yhs-prompt h2{margin:6px 0 5px;color:var(--yhs-ink);font-size:clamp(25px,3.6vw,38px);line-height:1.12;letter-spacing:-.025em}.yhs-prompt p{margin:0;color:#586b80;font-size:clamp(16px,2vw,20px);font-weight:750;line-height:1.4}
.yhs-prompt-visual{position:relative;display:grid;width:140px;height:140px;place-items:center;background:rgba(255,255,255,.82);border:1px solid #cad9e6;border-radius:26px;box-shadow:0 13px 27px rgba(47,75,105,.12);transform:rotate(2deg)}
.yhs-prompt-visual>img{display:block;width:100%;height:100%;padding:10px;object-fit:contain;border-radius:inherit}.yhs-prompt-visual>span{color:var(--yhs-blue);font-size:42px;font-weight:950}
.yhs-prompt-visual>button{position:absolute;right:-7px;bottom:-7px;display:grid;width:47px;height:47px;place-items:center;color:#fff;background:linear-gradient(145deg,#5291c6,var(--yhs-blue));border:4px solid #fff;border-radius:15px;font-size:18px;cursor:pointer;box-shadow:0 8px 15px rgba(40,87,142,.2)}
.yhs-workbench{margin-top:17px;padding:clamp(17px,2.8vw,25px);background:#fff;border:1px solid var(--yhs-line);border-radius:18px}
.yhs-zone-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.yhs-zone-head>div{display:flex;align-items:center;gap:10px}.yhs-zone-head strong{font-size:15px}.yhs-zone-head>small{color:var(--yhs-muted);font-size:12px;font-weight:800}
.yhs-step{display:grid;width:31px;height:31px;place-items:center;color:#fff;background:linear-gradient(145deg,var(--yhs-blue),var(--yhs-blue-deep));border-radius:10px;font-size:13px;font-weight:900;box-shadow:0 6px 12px rgba(40,87,142,.18)}
body.mode-sentence1 .yh-sentence-answer{display:flex;min-height:122px;align-content:center;align-items:center;justify-content:center;gap:9px;margin:0;padding:19px;flex-wrap:wrap;color:#8390a0;background:#f7faff;border:2px dashed #b9cbe0;border-radius:16px;transition:border-color .18s,background .18s,box-shadow .18s}
body.mode-sentence1 .yh-sentence-answer.is-correct{background:#edf9f1;border-color:#64ad7f;box-shadow:0 0 0 4px rgba(60,146,112,.12)}
.yhs-divider{display:flex;align-items:center;gap:11px;margin:16px 0;color:#8c99a8;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.yhs-divider:before,.yhs-divider:after{content:"";height:1px;flex:1;background:#e2e9f0}
body.mode-sentence1 .yh-sentence-pool{display:flex;min-height:102px;align-content:center;align-items:center;justify-content:center;gap:9px;margin:0;padding:17px;flex-wrap:wrap;background:#eef7fb;border:1px solid #d4e5ed;border-radius:16px}
.yhs-token{min-height:48px;padding:9px 15px;color:#2d4960;background:#fff;border:2px solid #bcd3df;border-bottom:5px solid #8fb4c6;border-radius:11px;font:inherit;font-size:15px;font-weight:850;cursor:pointer;box-shadow:0 7px 13px rgba(52,92,113,.08);transition:transform .15s,box-shadow .15s}
.yhs-token:hover{transform:translateY(-3px);box-shadow:0 11px 18px rgba(52,92,113,.13)}
.yhs-token--answer{position:relative;display:inline-flex;align-items:center;gap:7px;color:#315b50;background:#eef9f5;border-color:#83bdae;border-bottom-color:#559582}.yhs-token--answer small{display:grid;width:21px;height:21px;place-items:center;color:#fff;background:var(--yhs-green);border-radius:50%;font-size:10px;font-weight:900}
.yhs-pool-empty{color:#698295;font-size:13px;font-weight:750}
.yhs-feedback{display:flex;align-items:center;gap:10px;min-height:47px;margin-top:14px;padding:9px 12px;color:#586d82;background:#f3f7fb;border:1px solid #d8e3ed;border-radius:12px;font-size:13px}.yhs-feedback>span{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;color:#fff;background:#7189a3;border-radius:9px;font-size:12px;font-weight:950}.yhs-feedback strong{font-weight:750}
.yhs-feedback[data-tone="select"],.yhs-feedback[data-tone="ready"]{color:#355e8e;background:#eff5ff;border-color:#c8d9ef}.yhs-feedback[data-tone="select"]>span,.yhs-feedback[data-tone="ready"]>span{background:var(--yhs-blue)}
.yhs-feedback[data-tone="error"]{color:#9d4148;background:#fff0f1;border-color:#edbcc0}.yhs-feedback[data-tone="error"]>span{background:#c74d57}
.yhs-feedback[data-tone="success"]{color:#276d4b;background:#edf8f1;border-color:#b9dfc7}.yhs-feedback[data-tone="success"]>span{background:var(--yhs-green)}
.yhs-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:15px}.yhs-actions .btn{min-width:145px;min-height:50px;border-radius:13px!important}.yhs-actions #sentenceCheck{gap:15px;background:linear-gradient(135deg,var(--yhs-blue),var(--yhs-blue-deep))!important;border:0!important;box-shadow:0 7px 0 #204874,0 13px 22px rgba(40,87,142,.18)!important}.yhs-actions #sentenceCheck:disabled{background:#aeb9c7!important;box-shadow:0 5px 0 #8f9aa8!important}.yhs-actions #sentenceCheck b{display:grid;width:25px;height:25px;place-items:center;background:rgba(255,255,255,.16);border-radius:50%}
@media(max-width:700px){.yhs-sentence{padding:13px;border-radius:16px}.yhs-prompt{grid-template-columns:minmax(0,1fr) 94px;gap:13px;min-height:140px;padding:17px;border-radius:14px}.yhs-prompt h2{font-size:25px}.yhs-prompt p{font-size:14px}.yhs-prompt-visual{width:89px;height:89px;border-radius:18px}.yhs-prompt-visual>button{width:39px;height:39px;border-width:3px;border-radius:12px}.yhs-workbench{margin-top:11px;padding:14px;border-radius:14px}body.mode-sentence1 .yh-sentence-answer{min-height:105px;padding:13px}body.mode-sentence1 .yh-sentence-pool{min-height:90px;padding:12px}.yhs-token{min-height:44px;padding:8px 11px;font-size:14px}.yhs-actions{justify-content:stretch}.yhs-actions .btn{min-width:0;flex:1}}
@media(max-width:430px){.yhs-prompt h2{font-size:22px}.yhs-prompt p{max-height:42px;overflow:hidden}.yhs-zone-head{align-items:flex-start}.yhs-zone-head>small{font-size:10px;text-align:right}.yhs-token{padding:7px 9px;font-size:13px}.yhs-actions{gap:7px}.yhs-actions .btn{padding:9px!important;font-size:13px!important}}

/* Unscramble 1: show only the illustration and keep it centered. */
body.mode-unscramble1 .yhu-prompt-card.yhu-prompt-card--image-only{grid-template-columns:1fr!important;place-items:center!important;text-align:center!important}
body.mode-unscramble1 .yhu-prompt-card--image-only .yhu-image-frame{grid-column:1!important;grid-row:1!important;margin:0 auto!important;transform:none!important}

/* Live vocabulary session: compact leaderboard on each learner device. */
.yh-live-mini{width:min(720px,calc(100% - 24px));margin:10px auto 14px;overflow:hidden;border:1px solid #c8d9ec;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(33,70,113,.1)}
.yh-live-mini header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;color:#fff;background:linear-gradient(135deg,#254f8f,#327d83);font-size:12px}.yh-live-mini header span,.yh-live-mini header strong{display:flex;align-items:center;gap:7px}.yh-live-mini header i{width:8px;height:8px;border-radius:50%;background:#83e4aa;box-shadow:0 0 0 4px rgba(131,228,170,.18);animation:yhLivePulse 1.4s infinite}.yh-live-mini[data-status="finished"] header i{background:#ffd166;animation:none}@keyframes yhLivePulse{50%{box-shadow:0 0 0 8px rgba(131,228,170,0)}}
.yh-live-mini ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;padding:0;background:#e7eef6;list-style:none}.yh-live-mini li{display:grid;min-width:0;gap:2px;padding:8px 10px;background:#f8fbff;font-size:11px}.yh-live-mini li.is-me{background:#e5f4ff}.yh-live-mini li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.yh-live-mini li b{color:#527e9c}.yh-live-mini li strong{color:#213d69}.yh-live-mini>a{display:block;padding:7px 12px;color:#28559d;text-align:center;text-decoration:none;font-size:11px;font-weight:900}
@media(max-width:720px){.yh-live-mini{width:calc(100% - 16px);margin-top:6px}.yh-live-mini ol{grid-template-columns:repeat(3,minmax(0,1fr))}.yh-live-mini li:nth-child(n+4){display:none}}