.games-shell{--game-green:#4c6541;--game-plum:#634e68;padding-top:48px;padding-bottom:50px}.games-intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.games-intro h1{margin:16px 0;font-size:clamp(38px,4.2vw,62px)}.games-intro h1 em{color:var(--teal);font-weight:400}.games-intro p{color:var(--muted);font-size:18px}.preview-pill{letter-spacing:1px;border:1px solid var(--line);white-space:nowrap;border-radius:30px;padding:10px 14px;font-size:10px}.game-tabs{border-bottom:1px solid var(--line);gap:12px;margin-bottom:28px;padding-bottom:16px;display:flex}.game-tabs>a{border:1px solid var(--line);background:var(--white);border-radius:12px;align-items:center;gap:16px;padding:14px 22px;font-size:13px;display:flex}.game-tabs>a>span:first-child{font-size:17px;font-weight:600}.game-tabs>a[aria-current]{background:var(--teal-dark);color:var(--white);border-color:var(--teal-dark)}.game-tabs>a.all-practice{background:0 0;border:0;margin-left:auto;padding-right:0}.game-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;display:grid}.game-settings{border:1px solid var(--line);background:var(--white);border-radius:18px;padding:26px 24px}.game-settings h2{max-width:14ch;margin:12px 0 24px;font-size:25px;line-height:1.18}.game-settings form{gap:17px;display:grid}.game-settings label{gap:8px;font-size:13px;font-weight:600;display:grid}.game-settings select{border:1px solid var(--line);background:var(--white);width:100%;min-width:0;min-height:46px;color:var(--ink);border-radius:9px;padding:10px;font-size:14px}.game-settings button{min-height:44px}.game-start{justify-content:space-between;width:100%;font-size:15px}.settings-note{color:var(--muted);font-size:12px;line-height:1.7}.settings-note a{text-underline-offset:3px;text-decoration:underline}.game-audio{border-top:1px solid var(--line);gap:12px;margin:24px 0 16px;padding-top:22px;display:grid}.game-audio>button{border:1px solid var(--line);background:var(--pale);color:var(--ink);border-radius:8px;font-size:13px}.game-audio label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;font-weight:400}.game-audio input{width:100%;accent-color:var(--teal);min-height:32px}.game-stage{border:1px solid var(--line);background:var(--white);border-radius:18px;min-width:0;overflow:hidden}.stage-header{justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;display:flex}.stage-header h2{letter-spacing:-1px;margin-top:8px;font-size:30px}.stage-header .small-label{letter-spacing:1.2px;font-size:10px}.stage-actions{flex-shrink:0;gap:8px;display:flex}.stage-actions button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:8px;min-height:40px;padding:7px 10px;font-size:12px}.stage-actions button:disabled{opacity:.4}.game-stats{border-block:1px solid var(--line);background:#f4f1ed;grid-template-columns:repeat(4,minmax(0,1fr));padding:17px 24px;display:grid}.game-stats>div{border-left:1px solid var(--line);padding-left:16px}.game-stats>div:first-child{border:0;padding-left:0}.game-stats span{letter-spacing:1.1px;color:var(--muted);font-size:9px;display:block}.game-stats strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:21px;font-weight:500;display:block}.game-progress{background:#eee8e8;height:4px}.game-progress span{background:#7a906b;width:0;height:100%;transition:width .3s;display:block}.play-area{min-height:418px;position:relative}.game-welcome{text-align:center;padding:26px 32px}.game-welcome .game-art{width:100%;max-width:520px;height:auto;margin:0 auto 24px;display:block}.game-welcome h3{font-family:var(--serif);margin-bottom:10px;font-size:28px}.game-welcome p{color:var(--muted);max-width:46ch;margin:auto;font-size:15px}.welcome-note{color:var(--muted);margin-top:18px;font-size:12px;display:block}.game-prompt{text-align:center;background:#edf0e5;padding:22px 22px 16px}.game-prompt .small-label{color:var(--game-green);font-size:10px}.game-prompt h3{overflow-wrap:anywhere;max-width:37ch;margin:9px auto 0;font-size:clamp(19px,2vw,27px);font-weight:500;line-height:1.4}.hunter-board{background:radial-gradient(at 22% 60%,#e7eddc 0,#0000 60%),#dce6cf;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;padding:8px 28px 24px;display:grid;position:relative}.mole-hole{isolation:isolate;background:0 0;border:0;place-items:end center;min-width:0;height:116px;padding:0 4px 12px;display:grid;position:relative}.mole-hole:before{content:"";z-index:-1;background:#75876655;border-radius:50%;width:86%;height:25px;position:absolute;bottom:8px;left:7%}.mole{width:min(100%,125px);height:88px;animation:.4s both mole-pop;animation-delay:calc(var(--i)*25ms);background:#c6a184;border-radius:44px 44px 16px 16px;place-items:center;padding-top:26px;transition:transform .18s;display:grid;position:relative;box-shadow:inset 0 -7px #a2816544}.mole:before,.mole:after{content:"";z-index:-1;background:#c6a184;border-radius:50%;width:21px;height:21px;position:absolute;top:5px}.mole:before{left:6px}.mole:after{right:6px}.mole-face{background:#493c3a;border-radius:50%;width:4px;height:5px;position:absolute;top:20px;left:calc(50% - 16px);box-shadow:28px 0 #493c3a}.mole-face:after{content:"";background:#f4ddc7;border-radius:50%;width:12px;height:7px;position:absolute;top:6px;left:10px}.mole-word{font-family:var(--zh);background:var(--white);color:var(--ink);overflow-wrap:anywhere;word-break:break-all;border-radius:10px;width:calc(100% + 7px);padding:6px 4px;font-size:clamp(20px,2.4vw,31px);line-height:1.4;box-shadow:0 3px 4px #5b573212}.mole-hole:hover:not(:disabled) .mole{transform:translateY(-5px)}.mole-hole:active:not(:disabled) .mole{transform:translateY(2px)scale(.97)}.mole-hole:disabled{opacity:1;cursor:default}.answer-correct .mole-word{background:#dfeccf;border:2px solid #66864d}.answer-wrong .mole-word{background:#f8ddd5;border:2px solid #b96249}.answer-wrong{animation:.28s gentle-shake}.match-board{background:#eee6ed;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px;display:grid}.match-tile{background:var(--white);min-width:0;min-height:99px;color:var(--ink);overflow-wrap:anywhere;border:1px solid #d0bfd0;border-radius:14px;padding:12px 9px;font-size:15px;line-height:1.4;transition:background .15s,transform .15s,opacity .35s;position:relative;box-shadow:0 4px #ded3dc}.match-tile[data-side=zh]{font-family:var(--zh);font-size:27px}.match-tile:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #ded3dc}.match-tile.is-selected{background:#e2e9d8;border:2px solid #667d54;transform:translateY(-2px)}.match-tile.answer-wrong{background:#f7e0d9;border:2px solid #b96249}.match-tile.is-matched{opacity:0;pointer-events:none;box-shadow:none;animation:.35s pair-clear}.match-tile.is-matched:after{content:"✧";color:#a57d47;pointer-events:none;font-size:54px;animation:.4s spark;position:absolute;inset:0}.game-feedback{border-top:1px solid var(--line);color:var(--muted);min-height:60px;padding:18px 26px;font-size:14px}.game-feedback>strong{color:var(--ink);font-size:14px;font-weight:600;display:block}.game-feedback.is-correct{background:#f0f4e9}.game-feedback.is-incorrect{background:#fcf0e9}.feedback-word{flex-wrap:wrap;align-items:baseline;gap:7px 14px;margin-top:8px;font-size:14px;line-height:1.7;display:flex}.feedback-word>strong{font-family:var(--zh);font-size:22px;font-weight:500}.feedback-pinyin{color:var(--teal);font-size:16px}.feedback-word>a{font-size:11px;text-decoration:underline}.game-next{justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:10px 26px 20px;display:flex}.game-next>span{color:var(--muted);font-size:11px}.game-next .button{min-height:40px;padding:10px 16px;font-size:13px}.pause-overlay{z-index:4;text-align:center;background:#fffdf9f5;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:absolute;inset:0}.pause-overlay h3,.game-report h3{font-family:var(--serif);font-size:36px}.pause-overlay p{color:var(--muted);font-size:15px}.pause-overlay .button{font-size:14px}.game-report{background:#f0f2e7;padding:34px 28px}.game-report h3{margin:16px 0}.game-report>p{color:var(--muted);max-width:49ch;font-size:14px}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0;display:grid}.report-grid strong{font-size:26px;font-weight:500;display:block}.report-grid span{color:var(--muted);font-size:11px;display:block}.report-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.report-actions .button{padding:12px 16px;font-size:13px}.report-actions .button:disabled{opacity:.5}.report-actions>a{font-size:12px}.report-mistakes{border-top:1px solid var(--line);max-height:220px;margin-top:12px;overflow-y:auto}.game-report h4{font-size:14px;font-weight:600}.celebrate:before{content:"✧　✦　✧　✦　✧";letter-spacing:15px;color:#a77a48;animation:.6s celebrate;display:block}.game-bottom{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px;padding-top:56px;display:grid}.game-bottom h2{margin:12px 0 24px;font-size:29px}.game-rules p{color:var(--muted);margin-bottom:15px;font-size:14px;line-height:1.9}.game-rules strong{color:var(--ink)}.history-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.history-stats strong{font-size:24px;font-weight:500;display:block}.history-stats span{color:var(--muted);font-size:11px;display:block}.game-history>div>p{color:var(--muted);font-size:14px}.recent-row{border-top:1px solid var(--line);gap:5px;padding:13px 0;font-size:13px;display:grid}.recent-row strong{font-weight:500}.recent-row span{color:var(--muted);font-size:12px}.game-history>.settings-note{margin-top:22px}.game-history>button{background:0 0;border:0;padding:14px 0;font-size:13px}.game-source{border-top:1px solid var(--line);color:var(--muted);margin:40px 0 10px;padding-top:24px;font-size:12px;line-height:1.8}.game-source a{text-decoration:underline}.game-warning{border:1px solid var(--line);background:#fcf0e9;border-radius:10px;margin-bottom:20px;padding:16px;font-size:14px}.games-shell [hidden]{display:none!important}@keyframes mole-pop{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes gentle-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pair-clear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes spark{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.4)}}@keyframes celebrate{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.game-layout{grid-template-columns:245px minmax(0,1fr);gap:18px}.stage-header{padding:20px}.stage-header h2{font-size:25px}.stage-actions{gap:5px}.stage-actions button{padding:6px;font-size:11px}.game-settings{padding:22px 18px}.hunter-board{gap:10px;padding-inline:18px}.mole-word{font-size:25px}.match-board{gap:10px;padding:18px}.match-tile{min-height:95px;font-size:13px}.match-tile[data-side=zh]{font-size:24px}.preview-pill{font-size:9px}.game-bottom{gap:36px}}@media (width<=800px){.games-intro{align-items:flex-start}.preview-pill{display:none}.game-layout{grid-template-columns:1fr}.game-settings{padding:20px}.game-settings h2{max-width:none;margin-bottom:18px;font-size:23px}.game-settings form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.game-settings .settings-note,.game-start{grid-column:1/-1}.game-settings label{font-size:12px}.game-settings select{font-size:13px}.game-audio{align-items:center;margin-top:18px;margin-bottom:8px;padding-top:15px;display:flex}.game-audio>button{min-width:110px}.game-audio label{gap:14px;max-width:220px;margin-left:auto;display:flex}.game-audio input{min-width:0}.game-settings>p{font-size:11px}.play-area{min-height:390px}.mole-hole{height:112px}.mole-word{font-size:29px}.game-tabs>a{padding:12px 16px}.game-tabs>a>span:first-child{font-size:15px}.game-tabs>a.all-practice{font-size:11px}.game-welcome .game-art{max-height:260px}.game-bottom{grid-template-columns:1fr;gap:32px;padding-top:36px}}@media (width<=450px){.games-shell{padding-top:30px}.games-intro{margin-bottom:24px}.games-intro h1{font-size:39px}.games-intro p{font-size:15px}.games-intro .eyebrow{font-size:10px}.game-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px}.game-tabs>a{flex:1;gap:9px;padding:12px;font-size:11px}.game-tabs>a>span:first-child{font-size:14px}.game-tabs>a.all-practice{flex:none;justify-content:flex-end;width:100%;margin:0;padding:3px 0}.game-settings form{grid-template-columns:repeat(2,minmax(0,1fr))}.game-settings label:first-child{grid-column:1/-1}.game-settings h2{margin-top:8px}.stage-header{align-items:flex-start;gap:8px;padding:18px 14px}.stage-header h2{font-size:24px}.stage-header .small-label{font-size:8px}.stage-actions{flex-direction:column;gap:4px}.stage-actions button{min-height:32px;padding:5px 8px}.game-stats{padding:14px}.game-stats>div{padding-left:10px}.game-stats strong{font-size:18px}.game-stats span{letter-spacing:.6px;font-size:8px}.game-prompt{padding:18px 14px 12px}.game-prompt h3{font-size:20px}.hunter-board{gap:0 7px;padding:6px 10px 14px}.mole-hole{height:108px}.mole{height:80px}.mole-word{padding-inline:2px;font-size:23px;line-height:1.4}.match-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 12px}.match-tile{min-height:86px;font-size:14px}.match-tile[data-side=zh]{font-size:25px}.game-welcome{padding:20px 16px}.game-welcome h3{font-size:25px}.game-welcome p{font-size:14px}.play-area{min-height:365px}.game-feedback{padding:16px;font-size:13px}.game-next{padding:10px 16px 18px}.game-next .button{padding:10px 12px;font-size:12px}.game-next>span{font-size:10px}.game-report{padding:28px 18px}.game-report h3{font-size:32px}.report-grid{gap:18px 10px}.report-grid strong{font-size:23px}.report-grid span{font-size:10px}.report-actions{gap:8px}.report-actions .button{padding:10px;font-size:12px}.game-rules p{font-size:13px}}@media (prefers-reduced-motion:reduce){.games-shell *,.games-shell :before,.games-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.game-fireworks{z-index:100;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.firework-burst{left:calc(20% + var(--burst)*30%);top:calc(23% + var(--burst)*8%);color:#aa6b43;width:1px;height:1px;position:absolute}.firework-burst:nth-child(2){color:#7b648a}.firework-burst:nth-child(3){color:#789b61}.firework-spark{opacity:0;width:6px;height:15px;transform:rotate(var(--angle)) translateY(0);animation:1.05s cubic-bezier(.12,.5,.25,1) both firework-pop;animation-delay:calc(var(--burst)*.14s);will-change:transform,opacity;background:currentColor;border-radius:4px;display:block;position:absolute}@keyframes firework-pop{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.5)}12%{opacity:1}65%{opacity:.85}to{opacity:0;transform:rotate(var(--angle)) translateY(-140px) scale(.5)}}.game-start:disabled{opacity:.6}@media (width<=650px){@keyframes firework-pop{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.5)}12%{opacity:1}65%{opacity:.85}to{opacity:0;transform:rotate(var(--angle)) translateY(-85px) scale(.5)}}}@media (prefers-reduced-motion:reduce){.game-fireworks{display:none}.firework-spark{will-change:auto;animation:none}}