/* Atelier de Shifu : illustrated lobby and focused exercise stage. */
#grammar.grammar-adventure-on>:not(.grammar-adventure-root){display:none!important}
body[data-current-view="grammar"]:has(#grammar.grammar-adventure-on) .shell{height:auto!important;min-height:100dvh!important;overflow:visible!important;padding-bottom:90px!important}
body[data-current-view="grammar"] #grammar.page-view.active.grammar-adventure-on{height:auto!important;min-height:0!important;overflow:visible!important;padding:18px!important;background:transparent!important}
#grammar .grammar-adventure-root{--ga-accent:#d84650;--ga-dark:#812638;--ga-light:#ffebee;color:#253445;width:100%;max-width:1280px;box-sizing:border-box;margin:auto;padding:18px 18px 26px;border-radius:30px;background:linear-gradient(145deg,#173247f5,#23454cf2);font-family:"Segoe UI","Noto Sans SC",sans-serif;box-shadow:0 20px 50px #12252d35}
#grammar .grammar-adventure-root[data-track=tocfl]{--ga-accent:#1589bf;--ga-dark:#14567b;--ga-light:#e0f3ff;background:linear-gradient(145deg,#163453f5,#156573ed)}
#grammar .grammar-adventure-root h1,#grammar .grammar-adventure-root h2,#grammar .grammar-adventure-root h3{font-family:inherit}
.ga-hero{position:relative;display:flex;align-items:center;border-radius:23px;overflow:hidden;background:linear-gradient(90deg,#19333de8,#18303b70 65%,#15343410),url('../assets/grammar/dojo/dojo-hero-wide.webp') center 48%/cover;min-height:310px;padding:30px 36px;color:#fff;box-shadow:0 8px 22px #0f222855}
.ga-hero>div{position:relative;z-index:1;max-width:65%}.ga-hero small{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#ffdf92}.ga-hero h1{font-size:clamp(38px,4vw,56px);line-height:1.02;margin:17px 0;letter-spacing:-1.5px;color:white}.ga-hero p{font-size:17px;line-height:1.5;max-width:440px}.ga-hero-shifu{position:absolute;right:4%;bottom:-8px;width:27%;height:91%;object-fit:contain;filter:drop-shadow(0 12px 12px #12212255);pointer-events:none}
.ga-button{font:inherit;font-weight:750;border:1px solid #ccdce3;border-bottom:4px solid #bfced5;border-radius:15px;background:#fff;color:var(--ga-dark);padding:12px 19px;min-height:46px;cursor:pointer;line-height:1.35;white-space:normal;transition:transform .14s,background .14s}
.ga-button:hover:not(:disabled){transform:translateY(-2px);background:#f0faff}.ga-button:active:not(:disabled){transform:translateY(1px)}.ga-button:focus-visible,.ga-mission:focus-visible,.ga-hint summary:focus-visible{outline:3px solid #f7bf4b;outline-offset:4px}.ga-button:disabled{opacity:.72;cursor:default}.ga-primary{background:var(--ga-accent);border-color:var(--ga-dark);color:#fff;box-shadow:0 6px 16px #17344822}.ga-primary:hover:not(:disabled){background:var(--ga-dark);color:#fff}.ga-small{font-size:14px;padding:9px 14px;min-height:40px}.ga-return{margin:10px}.ga-button[hidden]{display:none!important}
.ga-levels{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.ga-levels .ga-button{background:#ffffff12;border-color:#ffffff25;color:#e4f2f9;font-size:14px;min-height:42px;padding:9px 17px}.ga-levels .selected{background:#fff;color:var(--ga-dark);border-color:#ffdb82;box-shadow:0 0 0 2px #ffdb8233}
.ga-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 2px 18px;color:#f7fcff}.ga-heading h2{font-size:24px;margin:0;color:white}.ga-heading p{font-size:14px;color:#bad4df;margin:7px 0 0}.ga-heading .ga-button{background:#ffffff13;border-color:#ffffff30;color:#f4faff}
.ga-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.ga-mission{overflow:hidden;text-align:left;padding:0;border:1px solid #ffffff60;border-bottom:5px solid #c5d8dd;border-radius:21px;background:#fff;color:#243e4c;font:inherit;cursor:pointer;transition:transform .16s,box-shadow .16s;display:flex;flex-direction:column;min-width:0}.ga-mission:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0b202e40}.ga-mission-art{height:105px;position:relative;display:block;background:linear-gradient(90deg,#193c4635,#0c303a20),url('../assets/grammar/dojo/dojo-observe-wide.webp') center 43%/cover}.ga-mission[data-scene="1"] .ga-mission-art{background-image:linear-gradient(90deg,#193c4635,#0c303a20),url('../assets/grammar/dojo/dojo-build-wide.webp')}.ga-mission[data-scene="2"] .ga-mission-art{background-image:linear-gradient(90deg,#193c4635,#0c303a20),url('../assets/grammar/dojo/dojo-transform-wide.webp')}.ga-mission[data-scene="3"] .ga-mission-art{background-image:linear-gradient(90deg,#193c4635,#0c303a20),url('../assets/grammar/dojo/dojo-produce-wide.webp')}.ga-icon{position:absolute;left:15px;bottom:-18px;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#fff;box-shadow:0 3px 9px #17374326;font-size:25px}.ga-number{position:absolute;right:12px;top:12px;color:#fff;font-size:13px;font-weight:800;background:#183a47b8;padding:6px 10px;border-radius:11px}.ga-mission-copy{display:flex;flex-direction:column;gap:9px;padding:26px 18px 17px;flex:1}.ga-mission small{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#687b86}.ga-mission h3{font-size:18px;line-height:1.35;margin:0;flex:1;color:#1e3c4b}.ga-mission-copy>span{font-size:13px;color:#577385}.ga-mission b{float:right;color:var(--ga-accent)}.ga-mission.status-review{border-bottom-color:#efb35c}.ga-mission.status-mastered{border-bottom-color:#4db894}
.ga-play{border-radius:24px;overflow:hidden;background:linear-gradient(90deg,#1b33404d,#1b334010),url('../assets/grammar/dojo/dojo-observe-wide.webp') center/cover;box-shadow:0 12px 25px #10202d40}.ga-play[data-stage=build]{background-image:linear-gradient(90deg,#1b33404d,#1b334010),url('../assets/grammar/dojo/dojo-build-wide.webp')}.ga-play[data-stage=transfer]{background-image:linear-gradient(90deg,#1b33404d,#1b334010),url('../assets/grammar/dojo/dojo-transform-wide.webp')}.ga-play[data-stage=recall]{background-image:linear-gradient(90deg,#1b33404d,#1b334010),url('../assets/grammar/dojo/dojo-produce-wide.webp')}.ga-play-top{display:flex;align-items:center;gap:16px;padding:14px 20px;background:#19333ef0;color:#fff}.ga-play-top>span{flex:1;font-size:16px;font-weight:750}.ga-play-top>b{font-size:14px;color:#ffe195}.ga-play progress{display:block;width:100%;height:9px;border:0;accent-color:#56cbb4;background:#ffffff40}.ga-play progress::-webkit-progress-bar{background:#ffffff40}.ga-play progress::-webkit-progress-value{background:linear-gradient(90deg,#3bbfa3,#a0e6b9)}
.ga-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;padding:28px;align-items:start}.ga-stage{padding:25px 28px 28px;border-radius:23px;background:#fafdffF5;box-shadow:0 8px 25px #102a3033;min-width:0;animation:ga-enter .22s ease-out}.ga-stage>small{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--ga-accent)}.ga-stage h2{font-size:29px;line-height:1.16;margin:10px 0 20px;letter-spacing:-.5px;color:#193c4d}.ga-stage p{font-size:16px;line-height:1.55;margin:15px 0}.ga-stage>button{margin-top:12px}.ga-stage>.ga-primary{width:100%;min-height:50px}
.ga-buddy{align-self:center;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0}.ga-buddy p{font-size:16px;line-height:1.4;font-weight:750;color:#254553;background:#fff;padding:16px 19px;border-radius:21px 21px 21px 5px;box-shadow:0 5px 20px #10253433;margin:0}.ga-buddy img{width:100%;height:250px;object-fit:contain;filter:drop-shadow(0 12px 10px #14262755)}.ga-buddy>span{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#fff;background:#193844c9;padding:8px 11px;border-radius:20px}
.ga-rule{border:1px solid #c2e2de;background:#e8f7f1;padding:17px 20px;border-radius:16px}.ga-rule>b{font-size:18px;line-height:1.5;color:#176052}.ga-rule p{font-size:15px;margin-bottom:0}.ga-example{display:flex;flex-direction:column;gap:7px;border:1px solid #d6e7ec;border-radius:17px;background:#fff;padding:19px 21px;margin:18px 0}.ga-example strong{font-size:30px;line-height:1.5;color:#126d66}.ga-example span{font-size:16px;color:#557482}.ga-example p{margin:0;font-size:15px}.ga-example .ga-button{align-self:flex-start;margin-top:5px}.ga-stage blockquote{margin:17px 0;padding:15px 18px;background:var(--ga-light);border-left:4px solid var(--ga-accent);border-radius:12px;font-size:20px;line-height:1.45;color:#203f50}.ga-chinese{font-size:34px!important;line-height:1.6!important;color:#175d64;letter-spacing:2px;margin:18px 0!important}.ga-stage label{font-size:13px;color:#557482;font-weight:750}.ga-stage input{display:block;box-sizing:border-box;width:100%;padding:14px 16px;font:inherit;font-size:25px;color:#1c4559;border:2px solid #b4cdd7;background:#fff;border-radius:14px;margin-top:8px;min-height:61px}.ga-stage input:focus{outline:3px solid #57bdb72e;border-color:#36a39c}
.ga-answer,.ga-bank{display:flex;flex-wrap:wrap;gap:9px;padding:14px;border:2px dashed #b5d6d9;border-radius:16px;min-height:70px;align-items:center;margin:15px 0;background:#eff8f8}.ga-answer{background:#fff}.ga-answer>span{color:#7a949e;font-size:14px}.ga-token{font-size:23px;padding:9px 14px;min-height:48px}.ga-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:20px 0}.ga-options .ga-button{font-size:22px;padding:15px 12px;min-height:72px}.ga-feedback{color:#125b54!important;background:#dff4ec;border-radius:13px;padding:13px 16px;font-size:15px!important;font-weight:700}.ga-feedback:empty{display:none}.ga-hint{border-top:1px solid #d8e6e9;margin-top:20px;padding-top:8px}.ga-hint summary{cursor:pointer;color:#50707e;font-size:14px;font-weight:750;padding:10px 0}.ga-hint .ga-rule{margin-top:8px}.ga-hint .ga-example{margin-bottom:0}.ga-ime{margin:10px 0 15px;padding:10px 12px;background:#eaf4f8;border-radius:13px;color:#5c7888}.ga-ime [data-ga-candidates]{display:flex;flex-wrap:wrap;gap:7px;min-height:32px;align-items:center}.ga-ime [data-ga-candidates]>span{font-size:13px}.ga-ime>small{display:block;font-size:11px;margin-top:8px;line-height:1.4}.ga-candidate{display:flex;align-items:center;gap:8px;min-height:43px;padding:7px 12px;background:#fff;border-bottom-width:3px}.ga-candidate b{font-size:23px;color:#166a76}.ga-candidate span{font-size:12px;font-weight:500;color:#688793}
@keyframes ga-enter{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.ga-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ga-play-layout{grid-template-columns:minmax(0,1fr) 170px;gap:17px;padding:20px}.ga-buddy img{height:210px}.ga-buddy p{font-size:14px;padding:13px}.ga-stage{padding:22px}.ga-stage h2{font-size:26px}.ga-hero{padding:25px;min-height:285px}}
@media(max-width:800px){.ga-play-layout{grid-template-columns:1fr;padding:16px}.ga-buddy{display:none}.ga-hero-shifu{right:1%;width:32%;height:76%}.ga-hero>div{max-width:72%}.ga-hero h1{font-size:36px}.ga-hero p{font-size:15px}.ga-heading{flex-wrap:wrap}.ga-play-top{padding:12px;gap:10px}.ga-play-top>span{font-size:13px}}
@media(max-width:580px){body[data-current-view="grammar"] #grammar.page-view.active.grammar-adventure-on{padding:8px!important}#grammar .grammar-adventure-root{padding:10px;border-radius:20px}.ga-grid{grid-template-columns:1fr}.ga-hero{padding:20px;min-height:270px}.ga-stage{padding:19px}.ga-options{grid-template-columns:1fr}.ga-levels{gap:6px}.ga-levels .ga-button{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.ga-stage{animation:none}.ga-button,.ga-mission{transition:none}.ga-button:hover,.ga-mission:hover{transform:none}}