.stage-eight-shell{--navy:#233a42;--navy2:#182d34;--paper:#fffaf1;--cream:#f6ead5;--line:#dfc9a6;--gold:#f3be48;--coral:#ef6d61;--mint:#8fcfb6;--green:#28765f;--muted:#746a62;width:min(1260px,100% - 58px);color:var(--navy);margin:0 auto;padding-bottom:30px;font-family:Avenir Next Rounded,Yuanti TC,PingFang TC,system-ui,sans-serif}.stage-eight-shell *,.stage-eight-shell :before,.stage-eight-shell :after{box-sizing:border-box}.stage-eight-shell h1,.stage-eight-shell h2,.stage-eight-shell h3,.stage-eight-shell p{margin:0}.stage-eight-shell button,.stage-eight-shell a{font:inherit}.stage-eight-shell button{color:inherit;cursor:pointer}.stage-eight-shell button:disabled{cursor:not-allowed;opacity:.45}.s8-header{border-bottom:1px dashed #d5b77f;justify-content:space-between;align-items:center;gap:18px;min-height:98px;display:flex}.s8-brand{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.s8-brand>span{color:#fff;background:var(--green);border-radius:18px;place-items:center;width:64px;height:58px;font:900 25px/1 Arial Rounded MT Bold,sans-serif;display:grid;transform:rotate(-3deg);box-shadow:0 7px #164d3e}.s8-brand>div{gap:3px;display:grid}.s8-brand strong{font:900 21px/1.2 Yuanti TC,Arial Rounded MT Bold,sans-serif}.s8-brand small{color:var(--muted);letter-spacing:.12em;font-size:10px}.s8-badge{color:#76530b;background:#fff0c5;border:1px solid #d9aa3d;border-radius:999px;padding:10px 15px;font-size:11px;font-weight:900}.s8-hero{grid-template-columns:1fr 1fr;align-items:center;gap:52px;min-height:500px;padding:62px 0;display:grid}.s8-hero>div>span,.s8-heading>span,.s8-next span{color:#bb443b;letter-spacing:.14em;font-size:11px;font-weight:950}.s8-hero h1{letter-spacing:-.025em;margin:14px 0 20px;font:900 clamp(48px,6.2vw,78px)/1.08 Yuanti TC,Arial Rounded MT Bold,sans-serif}.s8-hero p{color:var(--muted);font-size:17px;line-height:1.8}.s8-hero aside{color:#fff;background:var(--navy);box-shadow:0 13px 0 var(--navy2);border-radius:30px;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;padding:23px;display:grid}.s8-hero aside>div{text-align:center;background:#304a52;border:1px solid #516870;border-radius:23px;align-content:center;place-items:center;gap:13px;min-height:210px;padding:18px;display:grid}.s8-hero aside>span{color:var(--gold);font-weight:900}.s8-hero aside small{color:#c7d3d2}.s8-hero aside b{gap:5px;display:flex}.s8-hero aside b i,.s8-hero aside b em{width:48px;height:58px;color:var(--navy);background:#fff;border-radius:13px;place-items:center;font:900 31px/1 Arial Rounded MT Bold,sans-serif;display:grid}.s8-hero aside b em{color:#fff;background:var(--coral)}.s8-hero aside strong{font:900 19px/1 Arial Rounded MT Bold,sans-serif}.s8-listen,.s8-build,.s8-quiz{border-radius:36px;margin-bottom:29px;padding:36px}.s8-listen{color:#fff;background:var(--navy);box-shadow:0 16px 0 var(--navy2)}.s8-build,.s8-quiz{border:2px solid var(--line);background:var(--paper);box-shadow:0 8px #dfcaaa}.s8-heading{grid-template-columns:210px 1fr;gap:18px;margin-bottom:27px;display:grid}.s8-heading h2{font:900 clamp(29px,3.6vw,44px)/1.15 Yuanti TC,Arial Rounded MT Bold,sans-serif}.s8-heading p{color:var(--muted);margin-top:8px;line-height:1.65}.s8-listen .s8-heading p{color:#c7d0d0}.s8-pattern-tabs{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.s8-pattern-tabs button{color:#fff;background:#304b52;border:1px solid #536d74;border-radius:23px;align-content:center;place-items:center;gap:7px;min-height:115px;padding:18px;display:grid}.s8-pattern-tabs button.active{color:var(--navy);background:var(--gold);border-color:#fff;transform:translateY(-3px);box-shadow:0 7px #a77511}.s8-pattern-tabs b{font:900 34px/1 Arial Rounded MT Bold,sans-serif}.s8-pattern-tabs span{font-weight:900}.s8-pattern-tabs small{opacity:.74;font-size:10px;font-weight:900}.s8-pattern-tabs button.playing{outline:4px solid var(--mint);outline-offset:2px}.s8-word-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.s8-word-grid button{background:var(--paper);border:2px solid #0000;border-radius:21px;align-content:center;place-items:center;gap:7px;min-height:180px;padding:14px;display:grid;box-shadow:0 6px #10232a}.s8-word-grid button.active{border-color:var(--gold);background:#fff3cc;transform:translateY(-3px)}.s8-word-grid button>span{font-size:47px}.s8-word-grid button>b{font:900 34px/1 Arial Rounded MT Bold,sans-serif}.s8-meaning{justify-content:center;align-items:center;gap:7px;display:inline-flex}.s8-meaning small{color:var(--green);font-size:10px;font-weight:850}.s8-meaning b{font-size:15px}.s8-sound-player{color:var(--navy);background:#eef5f1;border-radius:25px;grid-template-columns:230px 1fr;align-items:center;gap:22px;padding:27px;display:grid}.s8-selected-word{align-items:center;gap:14px;display:flex}.s8-selected-word>span{font-size:62px}.s8-selected-word>div{gap:5px;display:grid}.s8-selected-word>div>small{color:#b7463e;font-weight:950}.s8-selected-word>div>b{font:900 46px/1 Arial Rounded MT Bold,sans-serif}.s8-sound-row{justify-content:center;gap:9px;display:flex}.s8-sound-row>div{background:#fff;border:3px solid #ccbea7;border-radius:20px;align-content:center;place-items:center;gap:7px;width:92px;min-height:105px;padding:12px;transition:transform .15s,background .15s;display:grid}.s8-sound-row>div.vowel{color:#fff;border-color:var(--coral);background:var(--coral)}.s8-sound-row>div.playing{color:var(--navy);border-color:var(--gold);background:var(--gold);transform:translateY(-8px)scale(1.04);box-shadow:0 7px #a77511}.s8-sound-row b{font:900 42px/1 Arial Rounded MT Bold,sans-serif}.s8-sound-row small{font-size:15px}.s8-player-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.s8-player-actions button,.s8-build-top button:first-child,.s8-question-play,.s8-result button{color:#fff;background:var(--green);border:0;border-radius:16px;min-height:59px;padding:13px 18px;font-weight:900;box-shadow:0 6px #194f40}.s8-player-actions button:last-child{color:var(--navy);background:var(--gold);box-shadow:0 6px #a77511}.s8-sound-player>p{color:#547067;text-align:center;grid-column:1/-1;min-height:24px;font-weight:800}.s8-build-card{background:var(--cream);border-radius:27px;align-content:center;place-items:center;gap:28px;min-height:520px;padding:35px;display:grid}.s8-build-top{gap:12px;display:flex}.s8-build-top button:last-child{background:#fff;border:2px solid #baa57f;border-radius:16px;padding:12px 18px;font-weight:900}.s8-answer-slots,.s8-letter-bank{justify-content:center;gap:12px;display:flex}.s8-answer-slots span{color:#aa9268;background:#fff9ef;border:3px dashed #c9ae7c;border-radius:20px;place-items:center;width:90px;height:100px;font:900 46px/1 Arial Rounded MT Bold,sans-serif;display:grid}.s8-letter-bank button{border:2px solid var(--navy);color:#fff;background:var(--navy);border-radius:18px;width:82px;height:82px;font:900 39px/1 Arial Rounded MT Bold,sans-serif;box-shadow:0 6px #10232a}.s8-build-card>p{color:#76530b;text-align:center;min-height:30px;font-size:17px;font-weight:900}.s8-question{background:#f2e5cf;border-radius:27px;place-items:center;gap:23px;min-height:540px;padding:32px;display:grid}.s8-progress{border-bottom:1px dashed #c7af85;justify-content:space-between;align-items:center;width:100%;padding-bottom:15px;display:flex}.s8-progress b{font-size:28px}.s8-question-play{min-width:270px;min-height:72px;font-size:18px}.s8-options{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.s8-options button{border:3px solid var(--line);background:#fff;border-radius:25px;align-content:center;place-items:center;gap:9px;min-height:220px;padding:15px;display:grid}.s8-options button>span{font-size:58px}.s8-options button>b{font:900 39px/1 Arial Rounded MT Bold,sans-serif}.s8-options button>small{color:var(--muted);font-weight:900}.s8-options button.correct{color:#175b48;border-color:var(--green);background:#daf0e6}.s8-options button.wrong{color:#8c322c;border-color:var(--coral);background:#ffe0dc}.s8-feedback{background:#dcf0e7;border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px 18px;width:100%;padding:16px;display:flex}.s8-feedback.wrong{background:#ffe3de}.s8-feedback>b{font-size:20px}.s8-feedback>span{flex:220px}.s8-feedback>button{color:#fff;background:var(--navy);border:0;border-radius:12px;padding:10px 16px;font-weight:900}.s8-result{text-align:center;background:#deefe7;border-radius:27px;align-content:center;place-items:center;gap:20px;min-height:480px;padding:35px;display:grid}.s8-result>span{color:#b7463e;font-weight:950}.s8-result>strong{font:900 76px/1 Arial Rounded MT Bold,sans-serif}.s8-result p{color:#586b65;max-width:650px;font-size:18px;line-height:1.65}.s8-next{color:#513f59;background:#eadff1;border-radius:29px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:27px;padding:31px 34px;display:grid;box-shadow:0 8px #bca8ca}.s8-next h2{margin-top:8px;font:900 clamp(25px,3vw,36px)/1.2 Yuanti TC,sans-serif}.s8-next a{color:#fff;background:#6f577d;border-radius:15px;padding:14px 18px;font-weight:900;text-decoration:none;box-shadow:0 5px #493854}.s8-footer{min-height:90px;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;font-size:12px;display:flex}.s8-footer b{color:var(--navy)}@media (width<=900px){.s8-hero{grid-template-columns:1fr}.s8-heading{grid-template-columns:1fr;gap:7px}.s8-sound-player{grid-template-columns:1fr}.s8-player-actions,.s8-sound-player>p{grid-column:auto}}@media (width<=620px){.stage-eight-shell{width:min(100% - 24px,580px)}.s8-header{min-height:90px}.s8-brand strong{font-size:16px}.s8-brand small,.s8-badge{display:none}.s8-hero{gap:36px;min-height:0;padding:45px 0}.s8-hero h1{font-size:43px}.s8-hero aside{grid-template-columns:1fr}.s8-listen,.s8-build,.s8-quiz{border-radius:27px;padding:24px 15px}.s8-word-grid{grid-template-columns:repeat(2,1fr)}.s8-sound-row{gap:5px}.s8-sound-row>div{width:66px;min-height:92px;padding:7px}.s8-sound-row b{font-size:34px}.s8-sound-row small{font-size:12px}.s8-player-actions{grid-template-columns:1fr}.s8-build-card{padding:28px 10px}.s8-answer-slots{gap:6px}.s8-answer-slots span{width:64px;height:78px;font-size:36px}.s8-letter-bank{gap:7px}.s8-letter-bank button{width:60px;height:64px;font-size:31px}.s8-options{gap:6px}.s8-options button{border-radius:18px;min-height:160px}.s8-options button>span{font-size:42px}.s8-options button>b{font-size:26px}.s8-feedback{display:grid}.s8-next{grid-template-columns:1fr;padding:25px 20px}.s8-footer{flex-direction:column;justify-content:center;align-items:flex-start}}