:root{--ink: #161512;--paper: #faf7ed;--paper-deep: #eee5d2;--cinnabar: #c7332e;--jade: #0b7a6f;--cobalt: #2457a6;--success: #147a54;--success-soft: #e8f4eb;--warning: #b46e12;--warning-soft: #fbefd7;--danger: #b73530;--danger-soft: #f8e6e1;--gold: #d49a25;--muted: #696156;--line: rgba(22, 21, 18, .16);--shadow: 0 18px 60px rgba(22, 21, 18, .16);--paper-grid: rgba(22, 21, 18, .055);--soft-card: rgba(255, 250, 240, .78)}*{box-sizing:border-box}html{background:var(--ink);color:var(--ink);min-width:320px}body{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,"Noto Serif CJK SC",serif;min-height:100vh;background:linear-gradient(90deg,var(--paper-grid) 1px,transparent 1px),linear-gradient(var(--paper-grid) 1px,transparent 1px),linear-gradient(120deg,rgba(199,51,46,.11),transparent 42%),linear-gradient(180deg,#fffdf7 0%,var(--paper) 46%,#e7eee9 100%);background-size:34px 34px,34px 34px,auto,auto}button,a{font:inherit}button:disabled{cursor:not-allowed;opacity:.58;transform:none!important}a{color:inherit;text-decoration:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,44px);background:#faf7edd6;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand-mark{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0;white-space:nowrap}.seal{display:grid;place-items:center;width:34px;height:34px;color:#fff8ec;background:var(--cinnabar);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:19px}.site-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px}.top-nav{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.top-nav a{min-height:36px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid transparent;color:var(--muted);font-size:.95rem}.top-nav a:hover{border-color:var(--line);color:var(--ink);background:#ffffff9e}.top-nav a[aria-current=page]{border-color:var(--ink);color:var(--ink);background:#fffaf0;box-shadow:3px 3px #161512d1}.language-switcher{flex:0 0 auto;display:inline-grid;grid-template-columns:repeat(2,minmax(36px,1fr));border:1px solid var(--line);background:#fffaf0b8}.language-switcher a{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;color:var(--muted);font-size:.78rem;font-weight:900}.language-switcher a+a{border-left:1px solid var(--line)}.language-switcher a:hover{color:var(--ink);background:#fffaf0}.language-switcher a[aria-current=true]{color:#fff8ec;background:var(--ink)}main{min-height:calc(100svh - 276px)}.site-footer{display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto;gap:clamp(22px,5vw,72px);padding:clamp(28px,5vw,54px) clamp(16px,4vw,48px);background:var(--ink);color:#fff8ec;border-top:2px solid rgba(255,248,236,.2)}.site-footer p{max-width:28rem;margin:16px 0 0;color:#fff8ecad;line-height:1.55}.site-footer nav{min-width:150px;display:grid;align-content:start;gap:9px}.site-footer strong{color:var(--gold);font-size:.82rem;text-transform:uppercase}.site-footer a:not(.brand-mark){color:#fff8ecbd}.site-footer a:not(.brand-mark):hover{color:#fff8ec}.footer-brand .seal{box-shadow:3px 3px #fff8ec}.game-shell{width:min(1180px,calc(100% - 28px));min-height:calc(100svh - 74px);margin:0 auto;padding:clamp(22px,4vw,54px) 0 28px;display:grid;grid-template-columns:minmax(240px,.82fr) minmax(320px,1.18fr);gap:clamp(18px,4vw,48px);align-items:center}.game-copy{align-self:center}.eyebrow{margin:0 0 10px;color:var(--cinnabar);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;line-height:.98;letter-spacing:0}h1{font-size:clamp(2.6rem,7vw,5.9rem);max-width:8.8ch}h2{font-size:clamp(1.8rem,4vw,3.2rem)}.lede{color:var(--muted);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.55;max-width:31rem}.game-copy h1{max-width:10.8ch;font-size:clamp(2.6rem,5.4vw,4.85rem)}.game-copy .lede{margin:20px 0 0}.hero-memory-stack{width:min(100%,510px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.96fr) minmax(0,.82fr);gap:10px;align-items:end;margin-top:clamp(18px,4vw,32px)}.hero-memory-card{position:relative;min-width:0;min-height:116px;display:block;overflow:hidden;border:2px solid var(--ink);background:#fffaf0;box-shadow:5px 5px #161512d6;transition:transform .16s ease,box-shadow .16s ease}.hero-memory-card:first-child{min-height:162px}.hero-memory-card:nth-child(2){min-height:138px}.hero-memory-card:hover{transform:translateY(-3px);box-shadow:7px 7px #161512db}.hero-memory-card:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.hero-memory-card img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}.hero-memory-card span{position:absolute;left:8px;right:8px;bottom:8px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid rgba(22,21,18,.28);background:#fffaf0e6}.hero-memory-card strong{flex:0 0 auto;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(1.7rem,4vw,2.35rem);line-height:1}.hero-memory-card small{min-width:0;overflow:hidden;color:var(--muted);font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(1rem,2vw,1.35rem);line-height:1;text-align:right;text-overflow:ellipsis;white-space:nowrap}.forge-stage{position:relative;isolation:isolate;border:2px solid var(--ink);background:#fffdf7e6;box-shadow:var(--shadow),8px 8px 0 var(--ink);overflow:clip;transition:border-color .18s ease,box-shadow .18s ease}.forge-stage:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.28;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px}.forge-stage>*{position:relative;z-index:1}.forge-stage[data-feedback-state=building]{border-color:#161512d1}.forge-stage[data-feedback-state=incomplete]{border-color:var(--warning);box-shadow:var(--shadow),8px 8px 0 var(--warning)}.forge-stage[data-feedback-state=correct]{border-color:var(--success);box-shadow:var(--shadow),8px 8px 0 var(--success)}.forge-stage[data-feedback-state=wrong]{border-color:var(--danger);box-shadow:var(--shadow),8px 8px 0 var(--danger)}.prompt-strip{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,.82fr);border-bottom:2px solid var(--ink);background:var(--ink);color:#fff8ec}.prompt-strip>div{min-width:0;padding:13px 14px;border-right:1px solid rgba(255,248,236,.22)}.prompt-strip>div:last-child{border-right:0}.label{display:block;margin-bottom:3px;color:#fff8eca3;font-size:.72rem;text-transform:uppercase}.prompt-strip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,3vw,1.28rem)}.prompt-sound{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-sound>div{min-width:0}.sound-button{width:42px;height:42px;min-height:42px;display:grid;place-items:center;border:2px solid var(--ink);background:#fffaf0;color:var(--ink);cursor:pointer;font-size:1.18rem;font-weight:900;line-height:1;box-shadow:3px 3px #161512d1;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.sound-button span{transform:translateY(-1px)}.sound-button:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--ink)}.sound-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.sound-button--compact{flex:0 0 auto;width:38px;height:38px;min-height:38px}.prompt-strip .sound-button{border-color:#fff8ecb8;background:#fff8ec1a;color:#fff8ec;box-shadow:3px 3px #d49a25b8}.sound-button[data-speech-state=speaking]{border-color:var(--ink);background:var(--gold);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.sound-button[data-speech-state=missing],.sound-button[data-speech-state=error]{background:var(--paper-deep);color:var(--cinnabar)}.sound-button[data-speech-state=unavailable]{opacity:.48;cursor:not-allowed}.character-forge{position:relative;display:grid;grid-template-columns:minmax(220px,.92fr) minmax(250px,1.08fr);gap:clamp(16px,3vw,26px);padding:clamp(18px,4vw,32px)}.target-oracle{position:relative;aspect-ratio:1;min-height:210px;display:grid;place-items:center;overflow:hidden;background:#fffaf0;border:2px solid var(--ink);box-shadow:inset 0 0 0 10px #fffdf7b8}.ghost-grid{position:absolute;inset:12px;background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(199,51,46,.34) calc(50% - 1px),rgba(199,51,46,.34) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),rgba(199,51,46,.34) calc(50% - 1px),rgba(199,51,46,.34) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(199,51,46,.34) calc(50% - 1px),rgba(199,51,46,.34) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgba(199,51,46,.34) calc(50% - 1px),rgba(199,51,46,.34) calc(50% + 1px),transparent calc(50% + 1px))}.built-character{position:relative;color:var(--ink);font-family:STKaiti,KaiTi,"Noto Serif CJK SC",SimSun,serif;font-size:clamp(4.2rem,20vw,9.5rem);line-height:1;max-width:calc(100% - 18px);text-align:center;text-shadow:3px 3px 0 rgba(212,154,37,.24);writing-mode:horizontal-tb;text-orientation:mixed;word-break:keep-all;transition:color .16s ease,transform .16s ease,text-shadow .16s ease}.built-character[data-display-state=parts]{font-size:clamp(4.4rem,9vw,6.8rem);white-space:nowrap}.built-character[data-display-state=parts][data-part-count="3"]{font-size:clamp(3.25rem,7vw,4.8rem)}.forge-panel{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:100%;gap:18px}.clue{margin:0;padding:13px 14px;border-left:4px solid var(--gold);background:#fffaf0c2;color:var(--muted);line-height:1.55;font-size:1.02rem}.slots{display:grid;grid-template-columns:repeat(var(--slot-count, 3),minmax(72px,1fr));gap:10px;width:100%;max-width:min(100%,calc(var(--slot-count, 3) * 124px))}.part-slot,.part-chip,.icon-button,.text-button{border:2px solid var(--ink);color:var(--ink);background:#fffaf0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.part-slot{height:76px;display:grid;place-items:center;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2.1rem;box-shadow:4px 4px #161512d1}.part-slot:not(.filled):after{content:"";width:26px;height:2px;background:#1615124d}.part-slot.filled{background:var(--success-soft);color:var(--ink);box-shadow:4px 4px 0 var(--success)}.part-slot:hover,.part-chip:hover,.icon-button:hover,.text-button:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--ink)}.part-slot:disabled:hover,.part-chip:disabled:hover,.icon-button:disabled:hover,.text-button:disabled:hover{box-shadow:none}.part-slot:focus-visible,.part-chip:focus-visible,.icon-button:focus-visible,.text-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.action-row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);gap:10px}.icon-button,.text-button{min-width:0;min-height:46px;font-weight:900}.text-button{display:inline-grid;place-items:center;padding:0 10px;line-height:1.12;text-align:center;overflow-wrap:anywhere}.primary{background:var(--cinnabar);color:#fff8ec}.secondary{background:#fffaf0}.choice-bank{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:10px;padding:0 clamp(18px,4vw,32px) clamp(18px,4vw,32px)}.part-chip{position:relative;min-height:58px;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2rem;background:#f7f0de;touch-action:manipulation}.part-chip[data-pick-count]:not([data-pick-count="0"]){background:var(--success-soft);box-shadow:4px 4px 0 var(--success)}.part-chip[data-pick-count]:not([data-pick-count="0"]):after{content:attr(data-pick-count);position:absolute;top:4px;right:6px;color:var(--success);font-family:inherit;font-size:.75rem;font-weight:900}.part-chip:nth-child(2n){background:#eaf2ed}.part-chip:nth-child(3n){background:#edf1fb}.result-panel{position:relative;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin:0 clamp(18px,4vw,32px) clamp(18px,4vw,32px);padding:18px;border:2px solid var(--ink);background:#fffaf0eb;box-shadow:4px 4px #161512b8}.result-panel[hidden]{display:none}.result-kicker{margin:0 0 7px;color:var(--jade);font-weight:900;text-transform:uppercase}.result-panel[data-result-state=incomplete]{border-color:var(--warning);background:var(--warning-soft)}.result-panel[data-result-state=incomplete] .result-kicker{color:var(--warning)}.result-panel[data-result-state=correct]{border-color:var(--success);background:var(--success-soft)}.result-panel[data-result-state=wrong]{border-color:var(--danger);background:var(--danger-soft)}.result-panel h2{font-size:clamp(1.45rem,4vw,2.4rem)}.result-memory{grid-column:1 / -1;display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);gap:12px;align-items:center;margin:0;padding-top:14px;border-top:1px solid var(--line)}.result-memory[hidden]{display:none}.result-memory img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:2px solid var(--ink);background:#fffaf0;box-shadow:4px 4px #161512c7}.result-panel[data-result-state=correct] .result-memory{padding:12px;border:1px solid rgba(20,122,84,.28);background:#fffaf0b8}.result-memory figcaption{color:var(--muted);line-height:1.45}.result-panel p{margin:9px 0 0;color:var(--muted);line-height:1.5}.examples{margin:0;padding:0;list-style:none;color:var(--ink);line-height:1.45;white-space:nowrap}.share-panel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:end;padding:14px;border:2px solid var(--ink);background:#eaf2edd1;box-shadow:4px 4px #161512d1}.share-panel[hidden]{display:none}.share-panel p:last-child{margin:0;color:var(--muted);line-height:1.45}.share-text{grid-column:1 / -1;width:100%;min-height:104px;resize:vertical;padding:12px;border:1px solid var(--line);background:#fffdf7e0;color:var(--ink);font:inherit;line-height:1.45}.share-actions{grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:8px}.share-actions .text-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px}.share-actions .text-button[hidden]{display:none}.next{grid-column:1 / -1;background:var(--jade);color:#fff8ec}.detail-link{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:var(--gold);color:var(--ink)}.progress-rail{grid-column:2;align-self:start;display:grid;gap:8px;color:var(--muted);font-size:.9rem}.progress-track{height:8px;border:1px solid var(--ink);background:#ffffff8c}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--cinnabar),var(--gold),var(--jade))}.content-band{padding:42px clamp(16px,4vw,48px) 70px;background:var(--ink);color:#fff8ec}.band-heading{width:min(1040px,100%);margin:0 auto 24px}.path-grid{width:min(1040px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px}.path-card{position:relative;min-height:190px;display:grid;align-content:space-between;gap:14px;overflow:hidden;padding:18px;border:1px solid rgba(255,248,236,.28);background:#fff8ec0f}.path-card:after{content:"";position:absolute;right:-34px;bottom:-34px;width:116px;aspect-ratio:1;border:1px solid rgba(212,154,37,.2);background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(212,154,37,.22) calc(50% - 1px),rgba(212,154,37,.22) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),rgba(212,154,37,.18) calc(50% - 1px),rgba(212,154,37,.18) calc(50% + 1px),transparent calc(50% + 1px))}.path-card:hover{background:#fff8ec1f}.path-card>*{position:relative;z-index:1}.path-card span{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;color:var(--gold);font-size:3rem}.path-card strong{display:block;font-size:1.1rem}.path-card small{color:#fff8ecb3;line-height:1.45}.plain-page{width:min(760px,calc(100% - 32px));margin:0 auto;padding:clamp(42px,10vw,110px) 0}.plain-page h1{max-width:12ch}.plain-page p:not(.eyebrow){color:var(--muted);font-size:1.12rem;line-height:1.7}.info-page{width:min(1060px,calc(100% - 32px));margin:0 auto;padding:clamp(46px,9vw,104px) 0 clamp(58px,9vw,112px)}.info-page h1{max-width:11ch}.info-page .lede{max-width:42rem;margin:22px 0 0}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(28px,5vw,52px)}.info-grid article,.info-note,.contact-panel,.policy-section{border:2px solid var(--ink);background:#fffaf0c2;box-shadow:5px 5px #161512d1}.info-grid article{min-height:238px;display:grid;align-content:space-between;gap:18px;padding:18px}.info-grid span{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;color:var(--cinnabar);font-size:clamp(3.2rem,8vw,5.2rem);line-height:1}.info-grid h2,.info-note h2,.contact-panel h2,.policy-section h2{max-width:none;font-size:clamp(1.35rem,3vw,2rem);line-height:1.06}.info-grid p,.info-note p,.contact-panel p,.contact-panel li,.policy-section p,.fine-print{color:var(--muted);line-height:1.62}.info-note{margin-top:12px;padding:clamp(18px,4vw,28px)}.info-note h2,.contact-panel h2,.policy-section h2{margin:0 0 10px}.info-note p,.contact-panel p,.policy-section p{margin:0}.contact-panel{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(280px,1.22fr);gap:clamp(18px,5vw,48px);margin-top:clamp(28px,5vw,52px);padding:clamp(18px,4vw,30px)}.contact-panel a,.policy-section a{color:var(--cinnabar);font-weight:900;text-decoration:underline;text-underline-offset:3px}.contact-panel ul{margin:0;padding-left:1.1rem}.contact-panel li+li{margin-top:8px}.fine-print{max-width:42rem;margin:20px 0 0;font-size:.96rem}.policy-page{width:min(840px,calc(100% - 32px))}.policy-page h1{max-width:12ch}.policy-section{margin-top:14px;padding:clamp(18px,4vw,28px)}.policy-section:first-of-type{margin-top:clamp(30px,5vw,52px)}.route-strip{width:min(1080px,calc(100% - 28px));margin:0 auto;padding:38px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.route-strip--starter{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}.route-card{min-height:132px;display:grid;align-content:space-between;gap:10px;padding:17px;border:2px solid var(--ink);background:#fffaf0c7;box-shadow:4px 4px #161512d1}.route-card:hover{transform:translateY(-2px);box-shadow:6px 6px #161512d1}.route-card span{color:var(--cinnabar);font-size:.78rem;font-weight:900;text-transform:uppercase}.route-card strong{font-size:clamp(1.18rem,3vw,1.55rem);line-height:1.05}.route-card small{color:var(--muted);line-height:1.45}.starter-path-overview{padding:clamp(36px,6vw,64px) clamp(16px,4vw,48px);border-top:2px solid var(--ink);background:linear-gradient(180deg,#f4f7f1f0,#fffaf0e6),var(--paper)}.starter-path-overview .band-heading{width:min(1080px,100%);color:var(--ink)}.starter-path-overview .band-heading p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:1.06rem;line-height:1.64}.starter-cluster-grid{width:min(1080px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.starter-cluster-card{min-width:0;display:grid;gap:14px;padding:clamp(16px,3vw,22px);border:2px solid var(--ink);background:#fffaf0c7;box-shadow:6px 6px #161512d1}.starter-cluster-head{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.starter-cluster-icon{width:clamp(64px,10vw,84px);aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--ink);background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(199,51,46,.2) calc(50% - 1px),rgba(199,51,46,.2) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),rgba(199,51,46,.18) calc(50% - 1px),rgba(199,51,46,.18) calc(50% + 1px),transparent calc(50% + 1px)),#fffaf0;box-shadow:4px 4px #161512d1;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1}.starter-cluster-head span:not(.starter-cluster-icon),.component-track-head span,.worksheet-group-header p{color:var(--cinnabar);font-size:.78rem;font-weight:900;text-transform:uppercase}.starter-cluster-card h3,.component-track-card h3,.worksheet-group-card h3{margin:0;font-size:clamp(1.18rem,2.4vw,1.58rem);line-height:1.08}.starter-cluster-card p,.component-track-card p,.worksheet-group-card>p{margin:0;color:var(--muted);line-height:1.56}.cluster-character-strip,.cluster-component-row{display:flex;flex-wrap:wrap;gap:8px}.cluster-character-strip a{width:46px;aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--ink);background:#fffdf7db;box-shadow:3px 3px #161512c2;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:1.72rem;line-height:1}.cluster-character-strip a:hover{transform:translateY(-2px);box-shadow:5px 5px #161512d1}.cluster-component-row{padding-top:2px}.cluster-component-row span,.worksheet-component-strip span{min-width:34px;min-height:34px;display:grid;place-items:center;padding:4px 8px;border:1px solid var(--line);background:#eaf2edb3;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:1.34rem;line-height:1}.trail-map{padding:46px clamp(16px,4vw,48px) 72px;background:linear-gradient(180deg,#faf7edf5,#eaf2ede6),var(--paper);border-top:2px solid var(--ink)}.trail-map .band-heading{color:var(--ink)}.character-map{width:min(1080px,100%);margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.character-map li{min-width:0;min-height:116px}.character-map a{min-height:116px;display:grid;grid-template-rows:auto 1fr auto;gap:7px;padding:12px;border:2px solid var(--ink);background:#fffaf0d1;box-shadow:4px 4px #161512e0}.character-map a:hover{transform:translateY(-2px);box-shadow:6px 6px #161512e0}.map-index{color:var(--cinnabar);font-size:.74rem;font-weight:900}.character-map strong{align-self:center;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1}.character-map li>span:last-child{overflow-wrap:anywhere;color:var(--muted);font-size:.9rem;line-height:1.2}.character-map a>span:last-child{overflow-wrap:anywhere;color:var(--muted);font-size:.9rem;line-height:1.2}.lesson-teaser{width:min(1080px,calc(100% - 28px));margin:clamp(26px,5vw,54px) auto;display:grid;grid-template-columns:minmax(280px,.94fr) minmax(300px,1.06fr);gap:clamp(18px,4vw,42px);align-items:stretch}.lesson-teaser-copy,.lesson-teaser-equation,.lesson-hero-board,.lesson-progress-panel,.lesson-story-card,.lesson-practice-card,.lesson-stroke-card,.lesson-quiz-card,.lesson-complete-panel,.lesson-summary-band{border:2px solid var(--ink);background:#fffaf0d1;box-shadow:6px 6px #161512d6}.lesson-teaser-copy{display:grid;align-content:center;gap:14px;padding:clamp(18px,4vw,30px)}.lesson-teaser-copy h2,.lesson-summary-band h2,.lesson-card-head h2,.lesson-complete-panel h2{max-width:none;margin:0;font-size:clamp(1.55rem,4vw,2.55rem);line-height:1.04}.lesson-teaser-copy p:not(.eyebrow),.lesson-summary-band p,.lesson-story-copy p,.lesson-shape-note p{margin:0;color:var(--muted);line-height:1.62}.lesson-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.lesson-teaser-equation{min-height:300px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:center;padding:clamp(14px,3vw,24px);background:linear-gradient(90deg,#eaf2ede0,#edf1fbcc),var(--paper)}.lesson-teaser-equation span{min-width:0;aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--ink);background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(199,51,46,.18) calc(50% - 1px),rgba(199,51,46,.18) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),rgba(199,51,46,.14) calc(50% - 1px),rgba(199,51,46,.14) calc(50% + 1px),transparent calc(50% + 1px)),#fffaf0;box-shadow:4px 4px #161512d1;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(2.6rem,7vw,5rem);line-height:1}.lesson-teaser-equation strong,.lesson-teaser-equation em{grid-column:2 / span 2;justify-self:center;padding:5px 10px;border:1px solid var(--ink);background:var(--gold);color:var(--ink);font-size:.78rem;font-style:normal;font-weight:900;text-transform:uppercase;transform:rotate(-2deg)}.lesson-teaser-equation em{grid-column:3 / span 1;background:var(--jade);color:#fff8ec;transform:rotate(2deg)}.lesson-hero{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:clamp(34px,7vw,84px) 0 clamp(28px,6vw,64px);display:grid;grid-template-columns:minmax(280px,.88fr) minmax(320px,1.12fr);gap:clamp(18px,5vw,56px);align-items:center}.lesson-hero-copy h1{max-width:11ch}.lesson-hero-board{min-height:390px;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:center;padding:clamp(18px,4vw,30px);overflow:hidden;background:linear-gradient(135deg,#fffaf0db,#eaf2ede0),var(--paper)}.lesson-hero-board:before{content:"";position:absolute;inset:22px;border:1px solid rgba(22,21,18,.14);pointer-events:none}.lesson-hero-tile{--tilt: calc((var(--tile-index) - 2) * 2deg);min-width:0;min-height:clamp(120px,18vw,168px);display:grid;align-content:center;justify-items:center;gap:10px;position:relative;z-index:1;border:2px solid var(--ink);background:#fffaf0;box-shadow:5px 5px #161512d1;transform:translateY(calc((var(--tile-index) % 2) * 22px)) rotate(var(--tilt))}.lesson-hero-tile:hover{transform:translateY(-2px) rotate(0);box-shadow:7px 7px #161512e0}.lesson-hero-tile:nth-child(2n){background:#eaf2ed}.lesson-hero-tile:nth-child(3n){background:#edf1fb}.lesson-hero-tile span{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(3.8rem,9vw,6.8rem);line-height:.92}.lesson-hero-tile small{color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase}.lesson-summary-band{width:min(1080px,calc(100% - 28px));margin:0 auto clamp(24px,5vw,48px);display:grid;grid-template-columns:minmax(260px,.82fr) minmax(320px,1.18fr);gap:clamp(18px,4vw,40px);padding:clamp(18px,4vw,30px)}.lesson-mini-map{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.lesson-mini-map li{min-width:0;min-height:128px;display:grid;grid-template-rows:auto 1fr auto;gap:6px;padding:11px;border:2px solid var(--ink);background:#fffdf7e6}.lesson-mini-map span,.lesson-card-head span,.lesson-shape-note span,.lesson-parts-card>span{color:var(--cinnabar);font-size:.74rem;font-weight:900;text-transform:uppercase}.lesson-mini-map strong{align-self:center;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1}.lesson-mini-map small{color:var(--muted);font-size:.86rem;line-height:1.2}.starter-lesson-workbench{padding:clamp(18px,4vw,44px) clamp(14px,4vw,48px) clamp(46px,8vw,82px);border-top:2px solid var(--ink);background:radial-gradient(circle at 20% 10%,rgba(212,154,37,.16),transparent 28%),linear-gradient(180deg,#eaf2edeb,#fffaf0f0),var(--paper)}.lesson-progress-panel{width:min(1080px,100%);margin:0 auto 14px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(340px,1.2fr) minmax(180px,.55fr);gap:12px;align-items:center;padding:clamp(14px,3vw,20px)}.lesson-progress-panel h2{max-width:none;margin:4px 0 0;font-size:clamp(1.3rem,3vw,1.9rem)}.lesson-step-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.lesson-step-button{min-width:0;min-height:72px;display:grid;place-items:center;gap:2px;border:2px solid var(--ink);background:#fffdf7db;cursor:pointer}.lesson-step-button[aria-selected=true]{background:var(--ink);color:#fff8ec;box-shadow:3px 3px 0 var(--gold)}.lesson-step-button[data-lesson-done=true]{border-color:var(--jade)}.lesson-step-button span{font-size:.68rem;font-weight:900}.lesson-step-button strong{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2rem;line-height:1}.lesson-progress-meter{display:grid;gap:7px;font-weight:900}.lesson-progress-meter div{height:10px;border:1px solid var(--ink);background:#ffffff8c}.lesson-progress-meter span span,.lesson-progress-meter div span{display:block}.lesson-progress-meter div span{width:0;height:100%;background:linear-gradient(90deg,var(--cinnabar),var(--gold),var(--jade));transition:width .18s ease}.lesson-main-grid{width:min(1080px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);gap:14px;align-items:start}.lesson-story-card,.lesson-practice-card,.lesson-stroke-card,.lesson-quiz-card{min-width:0;padding:clamp(16px,3vw,22px)}.lesson-story-card{display:grid;gap:16px}.lesson-character-plate{min-height:260px;position:relative;display:grid;place-items:center;overflow:hidden;border:2px solid var(--ink);background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(199,51,46,.22) calc(50% - 1px),rgba(199,51,46,.22) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),rgba(199,51,46,.18) calc(50% - 1px),rgba(199,51,46,.18) calc(50% + 1px),transparent calc(50% + 1px)),#fffaf0}.lesson-character-plate strong,.lesson-character-shadow{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(8rem,22vw,14rem);line-height:.92}.lesson-character-plate strong{position:relative;z-index:1;text-shadow:6px 6px 0 rgba(199,51,46,.16)}.lesson-character-shadow{position:absolute;color:#0b7a6f1a;transform:translate(18px,14px)}.lesson-story-copy{display:grid;gap:8px}.lesson-story-copy span{width:max-content;padding:5px 9px;border:2px solid var(--ink);background:#edf1fb;box-shadow:3px 3px #161512d1;font-weight:900}.lesson-story-copy h2{margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.lesson-shape-note,.lesson-parts-card{display:grid;gap:9px;padding:13px;border:1px solid var(--line);background:#eaf2edad}.lesson-part-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}.lesson-part-card{min-width:0;display:grid;gap:5px;padding:11px;border:2px solid var(--ink);background:#fffdf7eb}.lesson-part-card strong{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2.6rem;line-height:1}.lesson-part-card span{color:var(--ink);font-weight:900}.lesson-part-card small{color:var(--muted);line-height:1.35}.lesson-practice-card,.lesson-stroke-card,.lesson-quiz-card{display:grid;gap:14px}.lesson-card-head{display:grid;gap:5px}.lesson-card-head h2{font-size:clamp(1.18rem,2.4vw,1.7rem)}.lesson-build-board{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(180px,.58fr);gap:12px;align-items:center}.lesson-build-target{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--ink);background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(199,51,46,.18) calc(50% - 1px),rgba(199,51,46,.18) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(199,51,46,.18) calc(50% - 1px),rgba(199,51,46,.18) calc(50% + 1px),transparent calc(50% + 1px)),#fffaf0}.lesson-build-target span{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(4.2rem,12vw,7rem);line-height:1}.lesson-build-target span[data-build-state=correct]{color:var(--jade)}.lesson-build-slots,.lesson-part-bank,.lesson-quiz-options,.lesson-practice-actions{display:grid;gap:8px}.lesson-build-slots{grid-template-columns:repeat(var(--slot-count, 2),minmax(0,1fr));margin-bottom:8px}.lesson-slot,.lesson-bank-chip,.lesson-quiz-option{min-height:50px;border:2px solid var(--ink);background:#fffaf0c2;color:var(--ink);cursor:pointer;font-weight:900}.lesson-slot{background:#edf1fbbf;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2rem}.lesson-slot.filled,.lesson-bank-chip:hover,.lesson-quiz-option:hover{background:#fffaf0;box-shadow:3px 3px #161512d1}.lesson-part-bank{grid-template-columns:repeat(auto-fit,minmax(58px,1fr))}.lesson-bank-chip{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2rem;line-height:1}.lesson-bank-chip:disabled{opacity:.5;cursor:not-allowed}.lesson-practice-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-feedback{min-height:1.45em;margin:0;color:var(--muted);font-weight:900;line-height:1.45}.lesson-feedback[data-feedback-state=correct]{color:var(--jade)}.lesson-feedback[data-feedback-state=wrong]{color:var(--cinnabar)}.lesson-quiz-options{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-quiz-option{min-height:64px;padding:10px;line-height:1.2}.lesson-stroke-card .stroke-widget{box-shadow:none}.lesson-complete-panel{width:min(1080px,100%);margin:14px auto 0;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:clamp(16px,3vw,24px);background:var(--ink);color:#fff8ec}.lesson-complete-panel[hidden]{display:none}.lesson-complete-panel .eyebrow,.lesson-complete-panel h2{color:#fff8ec}.character-page{background:linear-gradient(180deg,#faf7edf0,#eaf2edeb),var(--paper)}.breadcrumb{width:min(1180px,calc(100% - 28px));margin:0 auto;padding-top:22px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.92rem}.breadcrumb a{color:var(--cinnabar);font-weight:900}.character-hero{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:clamp(24px,5vw,70px) 0;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:clamp(18px,4vw,48px);align-items:center}.character-intro h1{max-width:none;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(8rem,24vw,17rem);line-height:.82;text-shadow:6px 6px 0 rgba(199,51,46,.16)}.character-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.character-sound-button{height:38px;min-height:38px;width:46px;background:var(--gold)}.character-meta span,.structure-note{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:2px solid var(--ink);background:#fffaf0bd;box-shadow:3px 3px #161512d1;font-weight:900}.character-meaning{margin:0;color:var(--muted);font-size:clamp(1.3rem,3vw,2.2rem);line-height:1.25}.character-formula{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:24px}.formula-part,.formula-result{min-width:58px;min-height:58px;display:grid;place-items:center;border:2px solid var(--ink);background:#fffaf0;box-shadow:4px 4px #161512d1;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(2rem,5vw,2.8rem);line-height:1}.formula-part:nth-of-type(4n+1){background:#eaf2ed}.formula-part:nth-of-type(4n+3){background:#edf1fb}.formula-result{background:var(--ink);color:#fff8ec;box-shadow:4px 4px 0 var(--gold)}.formula-operator{color:var(--muted);font-size:1.1rem;font-weight:900}.character-practice-card{display:grid;gap:12px}.stroke-widget{display:grid;gap:14px;padding:clamp(14px,3vw,22px);border:2px solid var(--ink);background:#fffdf7e6;box-shadow:var(--shadow),8px 8px 0 var(--ink)}.stroke-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stroke-mode-button{min-height:42px;border:2px solid var(--ink);background:#fffaf0b8;color:var(--muted);cursor:pointer;font-weight:900}.stroke-mode-button[aria-pressed=true]{background:var(--ink);color:#fff8ec;box-shadow:3px 3px 0 var(--gold)}.stroke-board{width:min(300px,100%);aspect-ratio:1;justify-self:center;display:grid;place-items:center;background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(199,51,46,.24) calc(50% - 1px),rgba(199,51,46,.24) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),rgba(199,51,46,.24) calc(50% - 1px),rgba(199,51,46,.24) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(199,51,46,.24) calc(50% - 1px),rgba(199,51,46,.24) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgba(199,51,46,.24) calc(50% - 1px),rgba(199,51,46,.24) calc(50% + 1px),transparent calc(50% + 1px)),#fffaf0;border:2px solid var(--ink);touch-action:none}.stroke-widget[data-stroke-mode=quiz] .stroke-board{cursor:crosshair;background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(11,122,111,.24) calc(50% - 1px),rgba(11,122,111,.24) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),rgba(11,122,111,.24) calc(50% - 1px),rgba(11,122,111,.24) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(11,122,111,.24) calc(50% - 1px),rgba(11,122,111,.24) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgba(11,122,111,.24) calc(50% - 1px),rgba(11,122,111,.24) calc(50% + 1px),transparent calc(50% + 1px)),#f7fff9}.stroke-board svg{display:block}.stroke-meter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stroke-meter span{min-width:0;display:grid;gap:2px;padding:10px;border:1px solid var(--line);background:#fffaf0a8}.stroke-meter strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem}.stroke-meter small{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.stroke-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stroke-controls[hidden]{display:none}.stroke-status{margin:0;min-height:1.4em;color:var(--muted);font-size:.95rem;line-height:1.45;text-align:center}.practice-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.practice-shortcuts a,.practice-shortcuts button{min-width:0;display:grid;gap:6px;padding:13px;border:2px solid var(--ink);background:#fffaf0c7;box-shadow:4px 4px #161512d1;color:var(--ink);text-align:left}.practice-shortcuts button{cursor:pointer}.practice-shortcuts a:hover,.practice-shortcuts button:hover{transform:translateY(-2px);box-shadow:6px 6px #161512d1}.practice-shortcuts a:focus-visible,.practice-shortcuts button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.practice-shortcuts span,.flow-kicker{color:var(--cinnabar);font-size:.74rem;font-weight:900;text-transform:uppercase}.practice-shortcuts strong{overflow:hidden;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(1.7rem,4vw,2.3rem);line-height:1;text-overflow:ellipsis;white-space:nowrap}.mnemonic-band,.detail-grid,.example-band,.character-next,.study-flow,.related-strip{width:min(1080px,calc(100% - 28px));margin:0 auto}.study-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 0 42px}.study-flow a{position:relative;min-height:158px;display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;overflow:hidden;padding:16px;border:2px solid var(--ink);background:#fffaf0c7;box-shadow:4px 4px #161512d1}.study-flow a:after{content:"";position:absolute;right:-24px;bottom:-36px;width:112px;aspect-ratio:1;border:1px solid rgba(199,51,46,.13);transform:rotate(10deg);pointer-events:none}.study-flow a:hover{transform:translateY(-2px);box-shadow:6px 6px #161512d1}.flow-index{color:#16151242;font-size:clamp(2.2rem,6vw,3.5rem);font-weight:900;line-height:.9}.study-flow strong{font-size:clamp(1.18rem,3vw,1.55rem);line-height:1.08}.study-flow small{position:relative;z-index:1;overflow:hidden;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mnemonic-band{display:grid;grid-template-columns:minmax(260px,.92fr) minmax(280px,1.08fr);gap:clamp(18px,4vw,44px);align-items:center;padding:0 0 42px;border-top:2px solid var(--ink)}.mnemonic-figure{margin:0}.mnemonic-figure img{display:block;width:100%;height:auto;border:2px solid var(--ink);background:#fffaf0;box-shadow:6px 6px #161512d1}.mnemonic-copy h2{max-width:10ch;font-size:clamp(1.9rem,5vw,3.8rem)}.mnemonic-copy p:not(.eyebrow){color:var(--muted);font-size:clamp(1.04rem,2vw,1.2rem);line-height:1.62}.mnemonic-parts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.mnemonic-parts span{min-width:58px;min-height:58px;display:grid;place-items:center;border:2px solid var(--ink);background:#fffaf0;box-shadow:4px 4px #161512d1;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2rem}.visual-mnemonic{display:grid;grid-template-columns:minmax(150px,.78fr) minmax(170px,1fr);gap:14px;margin-top:22px;align-items:stretch}.visual-mnemonic-scene{position:relative;min-height:238px;overflow:hidden;border:2px solid var(--ink);background:linear-gradient(rgba(199,51,46,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(199,51,46,.08) 1px,transparent 1px),#fffaf0;background-size:30px 30px;box-shadow:5px 5px #161512d1}.visual-mnemonic-scene:before{content:"";position:absolute;inset:16px;border:1px solid rgba(22,21,18,.12);pointer-events:none}.visual-mark,.visual-glyph{position:absolute;z-index:1;pointer-events:none}.visual-glyph{width:68px;height:68px;display:grid;place-items:center;border:2px solid var(--ink);background:#fffaf0f0;box-shadow:3px 3px #161512c7;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2rem;line-height:1}.visual-glyph--first{left:14%;top:22%}.visual-glyph--second{right:14%;top:22%}.visual-glyph--result{left:50%;bottom:16%;width:82px;height:82px;color:var(--ink);font-size:2.55rem;font-weight:900;transform:translate(-50%)}.visual-mark{opacity:.9}.visual-mark--sun{left:11%;top:10%;width:56px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:#f6c646}.visual-mark--moon{right:12%;top:10%;width:58px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:#dce7f7;box-shadow:-18px 0 #fffaf0 inset}.visual-mark--beam,.visual-mark--ray{left:25%;right:25%;top:50%;height:8px;background:var(--cinnabar);transform:rotate(-8deg)}.visual-mark--pair{left:50%;top:16%;width:92px;height:92px;border:2px solid rgba(22,21,18,.85);border-radius:50%;background:#c7332e1f;transform:translate(-50%)}.visual-mark--heart{left:50%;bottom:19%;width:64px;height:54px;border-radius:28px 28px 18px 18px;background:#c7332e2e;transform:translate(-50%) rotate(-4deg)}.visual-mark--tree-left,.visual-mark--tree-right{top:13%;width:56px;height:120px;border-left:8px solid #147a54;border-bottom:8px solid #147a54;transform:rotate(35deg)}.visual-mark--tree-left{left:18%}.visual-mark--tree-right{right:16%}.visual-mark--shade{left:14%;right:14%;top:12%;height:72px;border-radius:50%;background:#147a5421}.visual-mark--lean{left:36%;top:18%;width:8px;height:128px;background:var(--ink);transform:rotate(18deg)}.visual-mark--eye{left:50%;top:25%;width:122px;height:62px;border:4px solid var(--ink);border-radius:999px;background:#dce7f7b8;transform:translate(-50%)}.visual-mark--hand{left:20%;top:16%;width:168px;height:9px;background:var(--cinnabar);transform:rotate(-7deg)}.visual-mark--ground{left:12%;right:12%;bottom:19%;height:8px;border-radius:999px;background:#d49a25}.visual-mark--roof{left:14%;right:14%;top:12%;height:72px;border-top:10px solid var(--ink);border-left:10px solid var(--ink);transform:skew(-18deg)}.visual-mark--calm{left:50%;top:28%;width:96px;height:96px;border:2px solid rgba(22,21,18,.72);border-radius:50%;background:#0b7a6f1f;transform:translate(-50%)}.visual-mark--water{left:10%;right:12%;top:36%;height:60px;border-top:8px solid #2457a6;border-bottom:8px solid #2457a6;border-radius:50%;transform:rotate(-8deg)}.visual-mark--bank{left:15%;right:15%;bottom:18%;height:10px;border-radius:999px;background:#d49a25}.visual-mark--ripple{left:22%;right:22%;top:48%;height:26px;border-top:4px solid rgba(36,87,166,.7);border-bottom:4px solid rgba(36,87,166,.42);border-radius:50%}.visual-mark--image{left:50%;top:14%;width:112px;height:74px;border:2px solid var(--ink);background:#dce7f7b8;transform:translate(-50%) rotate(2deg)}.visual-mark--heart-mind{left:50%;bottom:23%;width:86px;height:66px;border-radius:36px 36px 20px 20px;background:#c7332e2e;transform:translate(-50%) rotate(-5deg)}.visual-mark--thought{left:18%;top:18%;width:48px;height:48px;border:2px solid rgba(22,21,18,.8);border-radius:50%;background:#fffaf0c7;box-shadow:52px 18px 0 -10px #fffaf0f5,52px 18px 0 -8px #161512cc,88px -4px 0 -16px #fffaf0f5,88px -4px 0 -14px #161512cc}.visual-mark--person{left:20%;top:16%;width:66px;height:134px;border-left:10px solid var(--ink);border-bottom:10px solid var(--ink);transform:rotate(22deg)}.visual-mark--spark{right:18%;top:18%;width:70px;height:70px;background:linear-gradient(90deg,transparent 45%,#d49a25 45% 55%,transparent 55%),linear-gradient(0deg,transparent 45%,#d49a25 45% 55%,transparent 55%);transform:rotate(24deg)}.visual-mark--mouth{left:17%;top:25%;width:94px;height:70px;border:6px solid var(--ink);background:#fffaf0d1}.visual-mark--question{right:18%;top:16%;color:var(--cinnabar);font-family:Georgia,serif;font-size:6rem;font-weight:900;line-height:1}.visual-mark--question:before{content:"?"}.visual-mark--sound{left:31%;right:18%;bottom:25%;height:44px;border-top:7px solid #d49a25;border-bottom:7px solid #d49a25;border-radius:50%;transform:rotate(-6deg)}.visual-mark--speech-card{left:13%;top:19%;width:104px;height:78px;border:4px solid var(--ink);background:#fffaf0db}.visual-mark--speech-card:after{content:"";position:absolute;left:18px;bottom:-24px;width:34px;height:34px;border-left:4px solid var(--ink);border-bottom:4px solid var(--ink);background:#fffaf0db;transform:skew(-24deg)}.visual-mark--ask-line{left:14%;right:44%;bottom:27%;height:28px;border-top:6px solid #d49a25;border-bottom:6px solid #d49a25;border-radius:50%;transform:rotate(-8deg)}.visual-mark--qing-stem{right:16%;top:15%;width:94px;height:126px;border:3px solid rgba(22,21,18,.84);background:#e8f4ebe0}.visual-mark--qing-stem:before{content:"";position:absolute;left:18px;right:18px;top:20px;height:8px;border-radius:999px;background:#147a54;box-shadow:0 26px #147a54,0 52px #2457a6}.visual-mark--qing-stem:after{content:"";position:absolute;left:25px;right:25px;bottom:15px;height:30px;border:5px solid #2457a6;border-top:0}.visual-mark--water-drop{left:16%;top:18%;width:72px;height:92px;border:4px solid var(--ink);border-radius:54% 46% 58% 42%;background:#dce7f7db;transform:rotate(18deg)}.visual-mark--sun-disc{left:14%;top:16%;width:76px;aspect-ratio:1;border:4px solid var(--ink);border-radius:50%;background:#f6c646;box-shadow:0 -28px 0 -22px #d49a25,0 28px 0 -22px #d49a25,28px 0 0 -22px #d49a25,-28px 0 0 -22px #d49a25}.visual-mark--heart-pulse{left:15%;top:18%;width:72px;height:62px;border:4px solid var(--ink);border-radius:36px 36px 22px 22px;background:#c7332e29;transform:rotate(-5deg)}.visual-mark--feeling-line{left:12%;right:42%;bottom:29%;height:36px;border-bottom:7px solid #c7332e;clip-path:polygon(0 56%,22% 56%,32% 8%,47% 92%,61% 36%,100% 36%,100% 54%,66% 54%,48% 100%,31% 38%,25% 70%,0 70%);background:#c7332e}.visual-mark--eye-focus{left:11%;top:19%;width:118px;height:68px;border:4px solid var(--ink);border-radius:999px;background:#dce7f7c2}.visual-mark--eye-focus:after{content:"";position:absolute;left:50%;top:50%;width:26px;aspect-ratio:1;border-radius:50%;background:#161512;transform:translate(-50%,-50%)}.visual-mark--glint{left:34%;top:21%;width:56px;height:56px;background:linear-gradient(90deg,transparent 43%,#d49a25 43% 57%,transparent 57%),linear-gradient(0deg,transparent 43%,#d49a25 43% 57%,transparent 57%);transform:rotate(28deg)}.visual-mark--language-tile{right:15%;top:15%;width:108px;height:134px;border:4px solid var(--ink);background:#e8f4ebe6}.visual-mark--language-tile:before{content:"";position:absolute;left:18px;right:18px;top:28px;height:8px;border-radius:999px;background:#147a54;box-shadow:0 28px #147a54,0 56px #2457a6}.visual-mark--speech-wave{left:30%;right:27%;top:31%;height:48px;border-top:7px solid #d49a25;border-bottom:7px solid #d49a25;border-radius:50%;transform:rotate(-7deg)}.visual-mark--sound-block{right:18%;bottom:24%;width:86px;height:56px;border:4px solid var(--ink);background:#e8f4ebe0}.visual-mark--sound-block:before{content:"";position:absolute;left:14px;right:14px;top:16px;height:6px;border-radius:999px;background:#147a54;box-shadow:0 18px #2457a6}.visual-mark--tongue{right:17%;top:20%;width:96px;height:74px;border:4px solid var(--ink);border-radius:999px 999px 46px 46px;background:#fffaf0db}.visual-mark--tongue:after{content:"";position:absolute;left:50%;top:42%;width:44px;height:60px;border-radius:0 0 26px 26px;background:#c7332e2e;border:4px solid #c7332e;transform:translate(-50%)}.visual-mark--listen-ear{right:16%;top:16%;width:88px;height:118px;border:5px solid var(--ink);border-left-color:transparent;border-radius:50%;background:#dce7f7b8;transform:rotate(6deg)}.visual-mark--listen-ear:after{content:"";position:absolute;left:22px;top:32px;width:34px;height:48px;border:5px solid #2457a6;border-left-color:transparent;border-radius:50%}.visual-mark--child-mark{left:50%;top:34%;width:94px;height:108px;border-left:10px solid #147a54;border-bottom:10px solid #147a54;transform:translate(-50%) rotate(-18deg)}.visual-mark--writing-line{left:17%;right:17%;bottom:22%;height:8px;border-radius:999px;background:#d49a25;box-shadow:0 24px #d49a257a}.visual-mark--roof-home{left:14%;right:14%;top:12%;height:92px;border-top:10px solid var(--ink);border-left:10px solid var(--ink);border-right:10px solid var(--ink);transform:skew(-10deg)}.visual-mark--pig-form{left:50%;bottom:23%;width:112px;height:74px;border:4px solid var(--ink);border-radius:44px 48px 38px 42px;background:#e8f4ebe0;transform:translate(-50%)}.visual-mark--pig-form:after{content:"";position:absolute;right:14px;top:24px;width:32px;height:28px;border-top:6px solid #147a54;border-right:6px solid #147a54;transform:rotate(18deg)}.visual-mark--woman-mark{left:16%;top:18%;width:86px;height:120px;border-left:10px solid var(--ink);border-bottom:10px solid var(--ink);transform:rotate(22deg)}.visual-mark--woman-mark:after{content:"";position:absolute;left:-48px;top:58px;width:132px;height:8px;border-radius:999px;background:#c7332e;transform:rotate(-24deg)}.visual-mark--horse-mark{right:17%;top:18%;width:96px;height:116px;border:4px solid var(--ink);background:#dce7f7b8}.visual-mark--horse-mark:before{content:"";position:absolute;left:18px;right:14px;top:26px;height:8px;border-radius:999px;background:#2457a6;box-shadow:0 30px #2457a6,0 60px #2457a6}.visual-mnemonic--peace .visual-glyph--result,.visual-mnemonic--river .visual-glyph--result,.visual-mnemonic--person .visual-glyph--result{border-color:#0b7a6f}.visual-mnemonic--thought .visual-glyph--result,.visual-mnemonic--question .visual-glyph--result{border-color:#2457a6}.visual-mnemonic--light .visual-glyph--result{border-color:#d49a25}.visual-mnemonic--good .visual-glyph--result,.visual-mnemonic--look .visual-glyph--result{border-color:var(--cinnabar)}.visual-mnemonic--woods .visual-glyph--result,.visual-mnemonic--rest .visual-glyph--result{border-color:#147a54}.visual-mnemonic--qing-family .visual-glyph--first{border-color:#2457a6d1}.visual-mnemonic--qing-family .visual-glyph--second,.visual-mnemonic--qing-family .visual-glyph--result{border-color:#0b7a6f;background:#e8f4ebeb}.visual-mnemonic--speech-family .visual-glyph--first{border-color:var(--cinnabar)}.visual-mnemonic--speech-family .visual-glyph--second{border-color:#2457a6}.visual-mnemonic--speech-family .visual-glyph--result{border-color:#0b7a6f}.visual-mnemonic--roof-family .visual-glyph--first,.visual-mnemonic--roof-family .visual-glyph--result{border-color:#d49a25}.visual-mnemonic--roof-family .visual-glyph--second{border-color:#147a54}.visual-mnemonic--family-word .visual-glyph--first,.visual-mnemonic--family-word .visual-glyph--result{border-color:var(--cinnabar)}.visual-mnemonic-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none}.visual-mnemonic-steps li{min-width:0;display:grid;grid-template-columns:auto minmax(54px,auto) minmax(0,1fr);gap:9px;align-items:center;padding:10px;border:2px solid var(--ink);background:#fffaf0c7;box-shadow:3px 3px #161512b8}.visual-mnemonic-steps span{color:#16151273;font-weight:900}.visual-mnemonic-steps strong{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:1.7rem;line-height:1}.visual-mnemonic-steps small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 0 42px}.detail-panel{padding:clamp(18px,3vw,28px);border-top:2px solid var(--ink);background:#fffaf0a3}.detail-panel h2,.example-band h2,.related-strip h2{font-size:clamp(1.7rem,4vw,3rem);max-width:12ch}.detail-panel p:not(.eyebrow),.example-band p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.65}.component-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.component-row span{min-width:66px;min-height:66px;display:grid;place-items:center;border:2px solid var(--ink);background:#fffaf0;box-shadow:4px 4px #161512d1;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2.2rem}.example-band{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(280px,1.18fr);gap:clamp(18px,4vw,48px);padding:42px 0;border-top:2px solid var(--ink)}.example-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.example-list li{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.example-list strong{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:1.7rem}.example-list span{color:var(--muted)}.character-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:0 0 46px}.character-next a,.related-grid a{display:grid;gap:8px;padding:16px;border:2px solid var(--ink);background:#fffaf0c2;box-shadow:4px 4px #161512d1}.character-next a:hover,.related-grid a:hover{transform:translateY(-2px);box-shadow:6px 6px #161512d1}.character-next span,.related-grid span{color:var(--cinnabar);font-size:.78rem;font-weight:900;text-transform:uppercase}.character-next strong,.related-grid strong{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(2rem,5vw,3rem);line-height:1}.character-next small{color:var(--muted)}.related-strip{padding:42px 0 72px;border-top:2px solid var(--ink)}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.library-hero{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:clamp(34px,7vw,86px) 0 34px;display:grid;grid-template-columns:minmax(280px,.98fr) minmax(320px,1.02fr);gap:clamp(20px,5vw,64px);align-items:end}.library-hero h1,.learning-hero h1{max-width:10ch}.library-hero p,.learning-hero-copy p{max-width:34rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.26rem);line-height:1.6}.library-actions,.learning-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.library-actions .text-button,.learning-actions .text-button{min-width:164px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px}.library-stats{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-stats div{min-height:126px;display:grid;align-content:space-between;padding:18px;border:2px solid var(--ink);background:#fffaf0bd;box-shadow:5px 5px #161512d1}.library-stats dt{font-size:clamp(2.6rem,8vw,5rem);font-weight:900;line-height:.9}.library-stats dd{margin:0;color:var(--muted);font-weight:900;text-transform:uppercase}.library-index{border-top:0}.learning-page{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:clamp(34px,7vw,86px) 0 clamp(48px,8vw,90px)}.learning-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(280px,.72fr);gap:clamp(20px,5vw,62px);align-items:center;margin-bottom:clamp(34px,6vw,58px)}.learning-hero-copy{min-width:0}.learning-hero-art{position:relative;min-width:0;display:grid;gap:14px;padding:clamp(14px,3vw,22px);border:2px solid var(--ink);background:linear-gradient(90deg,rgba(22,21,18,.04) 1px,transparent 1px),linear-gradient(rgba(22,21,18,.04) 1px,transparent 1px),#fffaf0e0;background-size:24px 24px,24px 24px,auto;box-shadow:var(--shadow),8px 8px 0 var(--ink);overflow:hidden}.learning-hero-art:before{content:"";position:absolute;inset:auto -20% -28% auto;width:70%;aspect-ratio:1;border:1px solid rgba(199,51,46,.16);transform:rotate(12deg);pointer-events:none}.hero-writing-board{position:relative;justify-self:center;width:min(280px,100%);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:2px solid var(--ink);background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(199,51,46,.28) calc(50% - 1px),rgba(199,51,46,.28) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),rgba(199,51,46,.22) calc(50% - 1px),rgba(199,51,46,.22) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(199,51,46,.24) calc(50% - 1px),rgba(199,51,46,.24) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgba(199,51,46,.2) calc(50% - 1px),rgba(199,51,46,.2) calc(50% + 1px),transparent calc(50% + 1px)),#fffaf0;box-shadow:inset 0 0 0 10px #fffdf7bd}.hero-grid-mark{color:#1615121f;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(7rem,18vw,12rem);line-height:1}.hero-stroke{position:absolute;display:block;height:10px;border-radius:999px;background:var(--ink);box-shadow:3px 3px #c7332e2e}.hero-stroke-one{top:34%;left:24%;width:46%;transform:rotate(-7deg)}.hero-stroke-two{top:51%;left:28%;width:34%;transform:rotate(88deg)}.hero-stroke-three{top:62%;left:36%;width:42%;transform:rotate(28deg)}.radical-cluster{position:relative;min-height:272px}.radical-piece{position:absolute;width:clamp(78px,16vw,106px);aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--ink);background:#fffaf0;box-shadow:5px 5px #161512d1;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(2.4rem,7vw,4rem);line-height:1}.radical-piece-1{left:4%;top:8%;background:#f8eadf}.radical-piece-2{right:8%;top:18%;background:#eaf2ed}.radical-piece-3{left:22%;bottom:6%;background:#edf1fb}.radical-piece-4{right:20%;bottom:0;background:#fff2c8}.hero-study-tiles{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hero-study-tiles span{min-height:54px;display:grid;place-items:center;border:2px solid var(--ink);background:#fffdf7db;box-shadow:3px 3px #161512bd;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2rem;line-height:1}.component-guide,.stroke-directory,.learning-steps,.learning-routes,.learning-focus-grid,.learning-faq-list{display:grid;gap:12px}.component-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.component-card{min-width:0;display:grid;gap:16px;padding:16px;border:2px solid var(--ink);background:#fffaf0c2;box-shadow:4px 4px #161512d1}.component-card>div{display:flex;align-items:end;justify-content:space-between;gap:12px}.component-card>div strong{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:3rem;line-height:1}.component-card>div span{color:var(--cinnabar);font-size:.78rem;font-weight:900;text-transform:uppercase;text-align:right}.component-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.component-card a{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:8px;background:#fffdf7b3;border:1px solid var(--line)}.component-card a:hover,.stroke-directory a:hover{border-color:var(--ink);background:#fffaf0}.component-card a span,.stroke-directory strong{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2rem;line-height:1}.component-card small,.stroke-directory small{color:var(--muted)}.stroke-directory{grid-template-columns:repeat(6,minmax(0,1fr))}.stroke-directory a{min-height:116px;display:grid;align-content:space-between;gap:8px;padding:13px;border:2px solid var(--ink);background:#fffaf0c2;box-shadow:4px 4px #161512d1}.learning-explain,.learning-focus,.component-path-section,.learning-route-strip,.learning-faq,.learning-directory-section{padding:clamp(24px,5vw,44px) 0;border-top:2px solid var(--ink)}.learning-explain,.component-path-section,.learning-focus,.learning-route-strip{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(300px,1.22fr);gap:clamp(18px,4vw,42px);align-items:start}.learning-section-copy h2,.learning-route-strip h2,.learning-faq h2{max-width:12ch;font-size:clamp(1.65rem,4vw,3rem)}.learning-section-copy p:not(.eyebrow),.learning-route-strip p,.learning-faq p{color:var(--muted);font-size:1.04rem;line-height:1.64}.learning-steps{margin:0;padding:0;list-style:none;counter-reset:learning-step}.learning-steps li,.learning-route,.learning-focus-grid a,.learning-faq details{min-width:0;border:2px solid var(--ink);background:var(--soft-card);box-shadow:4px 4px #161512d1}.learning-steps li{position:relative;display:grid;gap:8px;padding:16px 16px 16px 62px;counter-increment:learning-step}.learning-steps li:before{content:counter(learning-step,decimal-leading-zero);position:absolute;left:14px;top:16px;color:var(--cinnabar);font-weight:900}.learning-steps strong,.learning-route strong{font-size:clamp(1.12rem,2vw,1.32rem);line-height:1.08}.learning-steps span,.learning-route small,.learning-focus-grid small,.learning-faq details p{color:var(--muted);line-height:1.5}.learning-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-focus-grid a{position:relative;min-height:150px;display:grid;align-content:space-between;gap:8px;overflow:hidden;padding:15px}.learning-focus-grid a:after{content:"";position:absolute;inset:10px;border:1px solid rgba(199,51,46,.12);pointer-events:none}.learning-focus-grid a:hover,.learning-route:hover{transform:translateY(-2px);box-shadow:6px 6px #161512d1}.learning-focus-grid strong{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(2.6rem,7vw,4rem);line-height:.94}.learning-focus-grid span,.learning-route span{color:var(--cinnabar);font-size:.78rem;font-weight:900;text-transform:uppercase}.component-focus-grid strong{font-size:clamp(2.4rem,6vw,3.5rem)}.learning-routes{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-route{min-height:148px;display:grid;align-content:space-between;gap:10px;padding:16px}.learning-faq-list{margin-top:18px}.learning-faq details{padding:0}.learning-faq summary{min-height:56px;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;font-weight:900}.learning-faq summary::marker{color:var(--cinnabar)}.learning-faq details p{margin:0;padding:0 16px 16px}.learning-directory-section .learning-section-copy{margin-bottom:18px}.stroke-directory a>span{color:var(--cinnabar);font-size:.74rem;font-weight:900}.component-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.component-track-card{min-width:0;display:grid;gap:14px;padding:16px;border:2px solid var(--ink);background:#fffaf0c2;box-shadow:4px 4px #161512d1}.component-track-head{display:grid;gap:8px}.component-track-parts,.component-track-characters{display:flex;flex-wrap:wrap;gap:8px}.component-track-parts strong{width:48px;aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--ink);background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(199,51,46,.18) calc(50% - 1px),rgba(199,51,46,.18) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgba(199,51,46,.16) calc(50% - 1px),rgba(199,51,46,.16) calc(50% + 1px),transparent calc(50% + 1px)),#fffaf0;box-shadow:3px 3px #161512c7;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:1.8rem;line-height:1}.component-track-characters a{min-width:86px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid var(--line);background:#fffdf7b8}.component-track-characters a:hover{border-color:var(--ink);background:#fffaf0}.component-track-characters span{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:1.8rem;line-height:1}.component-track-characters small{min-width:0;overflow-wrap:anywhere;color:var(--muted)}.worksheet-page{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:clamp(34px,7vw,86px) 0 clamp(48px,8vw,90px)}.worksheet-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);gap:clamp(20px,5vw,54px);align-items:end;margin-bottom:clamp(36px,7vw,68px)}.worksheet-hero-copy{min-width:0}.worksheet-hero-copy p:not(.eyebrow),.worksheet-screen-note{max-width:680px;color:var(--muted);font-size:1.06rem;line-height:1.64}.worksheet-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.worksheet-actions .text-button{min-width:166px;padding-inline:18px}.visual-glyph--third{left:50%;top:45%;width:62px;height:62px;font-size:1.72rem;transform:translate(-50%)}.visual-mark--path-mark,.visual-mark--harmony-line,.visual-mark--friend-line,.visual-mark--clock-line,.visual-mark--meeting-line,.visual-mark--river-line,.visual-mark--road-line,.visual-mark--run-line{left:14%;right:14%;bottom:24%;height:9px;border-radius:999px;background:#d49a25}.visual-mark--path-mark,.visual-mark--road-line,.visual-mark--run-line{transform:rotate(-7deg)}.visual-mark--harmony-line,.visual-mark--friend-line,.visual-mark--meeting-line{background:#c7332e}.visual-mark--gate-mark{right:16%;top:18%;width:92px;height:112px;border:6px solid var(--ink);border-bottom:0;background:#fffaf0d1}.visual-mark--group-dot{left:48%;top:26%;width:18px;aspect-ratio:1;border-radius:50%;background:#0b7a6f;box-shadow:32px 26px #0b7a6f,-28px 38px #0b7a6f}.visual-mark--grain-mark,.visual-mark--future-branch,.visual-mark--village-mark,.visual-mark--school-mark{right:17%;top:17%;width:78px;height:128px;border-left:9px solid #147a54;border-bottom:9px solid #147a54;transform:rotate(18deg)}.visual-mark--sibling-line,.visual-mark--name-tag{left:16%;right:16%;bottom:24%;height:38px;border:4px solid #c7332e;background:#fffaf0b8}.visual-mark--moon-pair{right:18%;top:16%;width:58px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:#dce7f7;box-shadow:-18px 0 #fffaf0 inset}.visual-mark--ten-mark,.visual-mark--measure-mark,.visual-mark--star-mark{right:18%;top:20%;width:74px;height:74px;background:linear-gradient(90deg,transparent 45%,#d49a25 45% 55%,transparent 55%),linear-gradient(0deg,transparent 45%,#d49a25 45% 55%,transparent 55%)}.visual-mark--star-mark{clip-path:polygon(50% 0,61% 34%,98% 35%,68% 57%,79% 92%,50% 70%,21% 92%,32% 57%,2% 35%,39% 34%);background:#d49a25}.visual-mark--horizon,.visual-mark--bank{left:15%;right:15%;bottom:18%;height:10px;border-radius:999px;background:#d49a25}.visual-mark--person-second,.visual-mark--person-third{top:16%;width:58px;height:128px;border-left:10px solid var(--ink);border-bottom:10px solid var(--ink);transform:rotate(22deg)}.visual-mark--person-second{left:42%}.visual-mark--person-third{right:18%}.visual-mark--cloud-mark,.visual-mark--sea-wave,.visual-mark--heat-wave,.visual-mark--speed-mark,.visual-mark--steam-mark{right:16%;top:22%;width:104px;height:52px;border-top:7px solid #2457a6;border-bottom:7px solid #2457a6;border-radius:50%}.visual-mark--heat-wave{border-color:#c7332e}.visual-mark--mountain-mark{left:16%;top:18%;width:104px;height:104px;background:#e8f4ebdb;clip-path:polygon(50% 0,100% 100%,0 100%);border:4px solid var(--ink)}.visual-mark--stone-mark{right:16%;top:28%;width:92px;height:68px;border:5px solid var(--ink);background:#fffaf0db;transform:rotate(-4deg)}.visual-mark--fire-mark,.visual-mark--fire-second,.visual-mark--lamp-mark{left:16%;top:18%;width:78px;height:112px;background:#c7332e2e;border:4px solid #c7332e;border-radius:52% 48% 58% 42%;transform:rotate(8deg)}.visual-mark--fire-second,.visual-mark--lamp-mark{left:auto;right:18%}.visual-mark--lamp-mark{border-radius:12px;background:#fbefd7e6}.visual-mark--wash-basin,.visual-mark--food-bowl{right:16%;bottom:24%;width:116px;height:64px;border:5px solid var(--ink);border-top:0;border-radius:0 0 58px 58px;background:#fffaf0db}.visual-mark--machine-gear{right:18%;top:22%;width:78px;aspect-ratio:1;border:8px solid #2457a6;border-radius:50%;background:#dce7f7a6;box-shadow:0 -22px 0 -14px #2457a6,0 22px 0 -14px #2457a6,22px 0 0 -14px #2457a6,-22px 0 0 -14px #2457a6}.visual-mark--field-mark,.visual-mark--strength-mark{left:15%;top:18%;width:94px;height:84px;border:5px solid var(--ink);background:linear-gradient(90deg,transparent 48%,rgba(22,21,18,.65) 48% 52%,transparent 52%),linear-gradient(0deg,transparent 48%,rgba(22,21,18,.65) 48% 52%,transparent 52%),#fffaf0d1}.visual-mark--strength-mark{left:auto;right:18%;width:74px;border:0;background:none;border-left:10px solid var(--ink);border-bottom:10px solid var(--ink);transform:rotate(-18deg)}.visual-mark--hand-mark,.visual-mark--foot-mark,.visual-mark--stand-mark,.visual-mark--station-mark,.visual-mark--evening-mark{left:17%;top:22%;width:96px;height:78px;border:5px solid var(--ink);background:#fffaf0d1;transform:rotate(-5deg)}.visual-mark--foot-mark{border-radius:52% 48% 38% 62%;background:#dce7f7c7}.visual-mark--stand-mark{border-width:0 0 9px 9px;background:none}.visual-mark--station-mark{left:auto;right:17%}.visual-mnemonic--pronoun-family .visual-glyph--result,.visual-mnemonic--people-family .visual-glyph--result,.visual-mnemonic--tree-family .visual-glyph--result,.visual-mnemonic--nature-family .visual-glyph--result{border-color:#147a54}.visual-mnemonic--social-family .visual-glyph--result,.visual-mnemonic--family-word .visual-glyph--result,.visual-mnemonic--fire-family .visual-glyph--result{border-color:var(--cinnabar)}.visual-mnemonic--sun-family .visual-glyph--result,.visual-mnemonic--food-family .visual-glyph--result{border-color:#d49a25}.visual-mnemonic--water-family .visual-glyph--result,.visual-mnemonic--movement-family .visual-glyph--result{border-color:#2457a6}.print-worksheet{display:none}.worksheet-summary-card{min-width:0;display:grid;gap:10px;padding:clamp(18px,3vw,24px);border:2px solid var(--ink);background:linear-gradient(90deg,rgba(22,21,18,.04) 1px,transparent 1px),linear-gradient(rgba(22,21,18,.04) 1px,transparent 1px),#fffaf0d6;background-size:22px 22px,22px 22px,auto;box-shadow:7px 7px #161512d6}.worksheet-summary-card>span{color:var(--cinnabar);font-size:.78rem;font-weight:900;text-transform:uppercase}.worksheet-summary-card strong{font-size:clamp(4.2rem,11vw,7rem);line-height:.86}.worksheet-summary-card small{color:var(--ink);font-weight:900;text-transform:uppercase}.worksheet-summary-card p{margin:0;color:var(--muted);line-height:1.5}.worksheet-group-section{padding-top:clamp(28px,5vw,46px);border-top:2px solid var(--ink)}.worksheet-group-section .band-heading{color:var(--ink)}.worksheet-group-grid{display:grid;gap:16px}.worksheet-group-card{min-width:0;display:grid;gap:14px;padding:clamp(16px,3vw,22px);border:2px solid var(--ink);background:#fffaf0c7;box-shadow:6px 6px #161512d1}.worksheet-group-header{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.worksheet-group-header>span{width:52px;aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--ink);background:var(--cinnabar);color:#fff8ec;box-shadow:4px 4px #161512d1;font-weight:900}.worksheet-group-header p{margin:0 0 5px}.worksheet-component-strip{display:flex;flex-wrap:wrap;gap:8px}.worksheet-print-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.worksheet-mini-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center;padding:12px;border:2px solid var(--ink);background:#fffdf7c2;box-shadow:3px 3px #161512c7}.worksheet-mini-card:hover{transform:translateY(-2px);box-shadow:5px 5px #161512d1}.worksheet-mini-character{grid-row:span 2;width:58px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(199,51,46,.18) calc(50% - 1px),rgba(199,51,46,.18) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),rgba(199,51,46,.16) calc(50% - 1px),rgba(199,51,46,.16) calc(50% + 1px),transparent calc(50% + 1px)),#fffaf0;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:2.4rem;line-height:1}.worksheet-mini-meta{min-width:0;display:grid;gap:3px}.worksheet-mini-meta strong{font-size:1rem}.worksheet-mini-meta small,.worksheet-mini-components{min-width:0;overflow-wrap:anywhere;color:var(--muted)}.worksheet-mini-components{grid-column:1 / -1;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:1.08rem}.worksheet-mini-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.worksheet-mini-grid i{aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(22,21,18,.32);background:linear-gradient(45deg,transparent calc(50% - .5px),rgba(199,51,46,.22) calc(50% - .5px),rgba(199,51,46,.22) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(-45deg,transparent calc(50% - .5px),rgba(199,51,46,.18) calc(50% - .5px),rgba(199,51,46,.18) calc(50% + .5px),transparent calc(50% + .5px)),#fffaf0;color:#1615122e;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:1.35rem;font-style:normal;line-height:1}@media print{@page{margin:12mm}html,body{background:#fff!important;color:#111!important}body{font-size:11pt}.site-header,.site-footer,.breadcrumb,.character-hero,.study-flow,.mnemonic-band,.detail-grid,.example-band,.character-next,.related-strip{display:none!important}.character-page{background:#fff!important}.print-worksheet{display:block!important;width:100%;color:#111}.print-worksheet-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12mm;padding-bottom:8mm;border-bottom:2pt solid #111111}.print-worksheet-header>span{font-weight:900;letter-spacing:.08em;text-transform:uppercase}.print-worksheet-header>strong{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:72pt;font-weight:400;line-height:.9}.print-worksheet-header p{margin:0;text-align:right;font-size:15pt;font-weight:900}.print-worksheet-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6mm;margin-top:8mm}.print-worksheet-summary div{min-height:18mm;padding:4mm;border:1pt solid #111111}.print-worksheet-summary span{display:block;margin-bottom:2mm;color:#555;font-size:8pt;font-weight:900;text-transform:uppercase}.print-worksheet-summary strong{font-size:13pt}.print-worksheet-clue{margin:7mm 0 0;padding:4mm;border-left:3pt solid #c7332e;background:#f8f3e7;font-size:12pt;line-height:1.45}.print-writing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5mm;margin-top:8mm}.print-writing-grid span{aspect-ratio:1;display:grid;place-items:center;border:1.2pt solid #111111;background:linear-gradient(45deg,transparent calc(50% - .4pt),rgba(199,51,46,.42) calc(50% - .4pt),rgba(199,51,46,.42) calc(50% + .4pt),transparent calc(50% + .4pt)),linear-gradient(-45deg,transparent calc(50% - .4pt),rgba(199,51,46,.42) calc(50% - .4pt),rgba(199,51,46,.42) calc(50% + .4pt),transparent calc(50% + .4pt)),linear-gradient(90deg,transparent calc(50% - .4pt),rgba(199,51,46,.42) calc(50% - .4pt),rgba(199,51,46,.42) calc(50% + .4pt),transparent calc(50% + .4pt)),linear-gradient(0deg,transparent calc(50% - .4pt),rgba(199,51,46,.42) calc(50% - .4pt),rgba(199,51,46,.42) calc(50% + .4pt),transparent calc(50% + .4pt));color:#11111129;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:48pt;line-height:1}.print-writing-grid span:not(.is-guided){color:transparent}.print-worksheet-examples{margin-top:8mm;page-break-inside:avoid}.print-worksheet-examples h2{margin:0 0 3mm;font-size:14pt}.print-worksheet-examples ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3mm;padding:0;list-style:none}.print-worksheet-examples li{display:flex;justify-content:space-between;gap:4mm;padding-bottom:2mm;border-bottom:.8pt solid #888888}.print-worksheet-examples strong{font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:18pt;font-weight:400}}@media print{.worksheet-page{width:100%;padding:0;color:#111}.worksheet-hero{display:block;margin-bottom:7mm}.worksheet-actions,.worksheet-screen-note,.worksheet-summary-card{display:none!important}.worksheet-hero-copy h1{max-width:none;margin:0 0 3mm;font-size:22pt}.worksheet-hero-copy p:not(.eyebrow){max-width:none;font-size:10pt}.worksheet-group-section{padding-top:0;border-top:1pt solid #111111}.worksheet-group-section .band-heading{margin:0 0 5mm}.worksheet-group-section .band-heading h2{font-size:16pt}.worksheet-group-card{break-inside:avoid;page-break-inside:avoid;margin-bottom:7mm;padding:4mm;border:1pt solid #111111;background:#fff;box-shadow:none}.worksheet-group-header>span,.worksheet-mini-card,.worksheet-component-strip span{box-shadow:none}.worksheet-print-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3mm}.worksheet-mini-card{padding:3mm;border:1pt solid #111111;background:#fff}.worksheet-mini-character{width:16mm;border:.8pt solid #111111;font-size:24pt}.worksheet-mini-grid{gap:1.6mm}.worksheet-mini-grid i{min-height:17mm;border:.8pt solid #111111;color:#11111124}}@media(max-width:860px){.site-header{align-items:flex-start;flex-direction:column;gap:10px}.top-nav{flex:1 1 auto;justify-content:flex-start;width:auto;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.site-actions{width:100%;align-items:flex-start;justify-content:space-between}.language-switcher{margin-top:1px}.site-footer,.library-hero,.info-grid,.lesson-teaser,.lesson-hero,.lesson-summary-band,.lesson-progress-panel,.lesson-main-grid,.contact-panel{grid-template-columns:1fr}.game-shell{width:min(100% - 20px,640px);min-height:auto;grid-template-columns:1fr;padding-top:18px}.game-copy{order:3;display:grid;gap:8px}.forge-stage{order:1}.progress-rail{order:2}h1{max-width:12ch;font-size:clamp(2.15rem,13vw,3.8rem)}.lede{margin:0}.game-copy h1{max-width:12ch;font-size:clamp(2.15rem,13vw,3.8rem)}.lesson-hero-board,.lesson-mini-map,.lesson-step-rail,.lesson-quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-memory-stack{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.hero-memory-card,.hero-memory-card:first-child,.hero-memory-card:nth-child(2){height:112px;min-height:112px}.hero-memory-card span{left:6px;right:6px;bottom:6px;padding:6px}.hero-memory-card small{display:none}.character-forge{grid-template-columns:1fr;gap:14px}.target-oracle{min-height:188px;width:min(100%,360px);justify-self:center}.forge-panel{gap:14px}.choice-bank{grid-template-columns:repeat(5,minmax(48px,1fr));padding-top:12px;border-top:1px solid var(--line)}.slots{max-width:none}.progress-rail{grid-column:auto}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-strip,.route-strip--starter,.starter-cluster-grid,.component-guide,.learning-hero,.learning-explain,.learning-focus,.component-path-section,.component-path-grid,.learning-route-strip,.learning-routes,.learning-focus-grid{grid-template-columns:1fr}.learning-hero-art{width:min(520px,100%);justify-self:start}.worksheet-hero{grid-template-columns:1fr}.character-map{grid-template-columns:repeat(3,minmax(0,1fr))}.character-hero,.mnemonic-band,.study-flow,.detail-grid,.example-band{grid-template-columns:1fr}.character-intro{order:2}.character-practice-card,.stroke-widget{order:1}.lesson-complete-panel{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stroke-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.site-header{padding-inline:12px}.brand-mark{font-size:.98rem}.top-nav a{min-height:34px;padding-inline:9px;font-size:.88rem}.site-actions{gap:8px}.language-switcher{grid-template-columns:repeat(2,minmax(32px,1fr))}.language-switcher a{min-height:32px;padding-inline:7px;font-size:.72rem}.hero-memory-stack{grid-template-columns:1fr}.hero-memory-card,.hero-memory-card:first-child,.hero-memory-card:nth-child(2){height:118px;min-height:118px}.hero-memory-card span{left:8px;right:8px;bottom:8px}.hero-memory-card small{display:block}.prompt-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.prompt-strip>div{padding:10px 8px}.prompt-sound{gap:6px}.sound-button--compact{width:32px;height:32px;min-height:32px;font-size:1rem}.character-forge{padding:14px}.target-oracle{min-height:150px}.built-character[data-display-state=parts]{font-size:clamp(3.35rem,15vw,5rem)}.slots{grid-template-columns:repeat(var(--slot-count, 3),minmax(0,1fr));gap:8px}.part-slot{height:62px;font-size:1.75rem}.action-row{grid-template-columns:42px minmax(0,1fr) minmax(0,1fr);gap:8px}.text-button{padding-inline:8px}.starter-cluster-head,.worksheet-group-header,.worksheet-print-grid,.worksheet-mini-card{grid-template-columns:1fr}.choice-bank{grid-template-columns:repeat(5,minmax(44px,1fr));gap:7px;padding:10px 14px 14px}.part-chip{min-height:50px;font-size:1.62rem}.result-panel{grid-template-columns:1fr;margin-inline:14px;padding:14px}.share-panel,.share-actions,.result-memory{grid-template-columns:1fr}.share-actions{grid-column:auto}.examples{white-space:normal}.path-grid,.lesson-teaser-equation,.lesson-mini-map,.lesson-build-board{grid-template-columns:1fr}.character-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-map li{min-height:auto}.character-map a{min-height:104px;padding:10px}.character-intro h1{font-size:clamp(6.4rem,38vw,10rem)}.visual-mnemonic{grid-template-columns:1fr;gap:10px}.character-formula{gap:7px}.stroke-controls,.stroke-meter,.practice-shortcuts,.character-next,.related-grid,.library-stats,.stroke-directory,.learning-routes,.learning-focus-grid,.lesson-hero-board,.lesson-step-rail,.lesson-quiz-options,.lesson-practice-actions,.example-list li{grid-template-columns:1fr}.learning-hero-art{padding:14px}.hero-writing-board{width:min(230px,100%)}.radical-cluster{min-height:226px}.hero-study-tiles span{min-height:48px}}