@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_8f8d718c-module__HPcqWW__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_8f8d718c-module__HPcqWW__variable{--font-display:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/f813d0b748b050e0-s.109ulqh0wub5u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/dcd150d580a10316-s.02m2p-env-7db.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/d261779aa92de579-s.0slsd4dj30esv.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/24ce79ed121239f3-s.187m47s3z4syd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/f141b5b7abe57afc-s.p.380f-mwhk0aej.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_sans_e15e79f8-module__B1owkq__className{font-family:Nunito Sans,Nunito Sans Fallback;font-style:normal}.nunito_sans_e15e79f8-module__B1owkq__variable{--font-body:"Nunito Sans", "Nunito Sans Fallback"}
:root{--paper:#f6f1e5;--paper-deep:#ebe2d0;--white:#fffdf8;--ink:#16372b;--muted:#647166;--bamboo:#26734d;--leaf:#7da468;--mint:#dcebdc;--mint-deep:#c8dfc9;--orange:#f28a4b;--orange-soft:#f8d5b5;--line:#16372b2b;--shadow:0 18px 50px #2b44311c;--radius:28px;--font-cjk:"PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font-body), sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}body:before{content:"";pointer-events:none;opacity:.23;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--orange-soft)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display), Georgia, serif;letter-spacing:-.035em;margin:0;line-height:1.02}h1{font-size:clamp(3.3rem,8vw,7.4rem)}h2{font-size:clamp(2.4rem,5vw,4.8rem)}h3{font-size:clamp(1.65rem,3vw,2.25rem)}p{margin:0}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.eyebrow{color:var(--bamboo);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900}.button{border:1px solid var(--ink);background:var(--ink);min-height:52px;color:var(--white);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-weight:850;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover{background:var(--bamboo);box-shadow:0 9px 0 var(--orange-soft);transform:translateY(-2px)}.button svg{width:20px}.button-secondary{color:var(--ink);background:0 0}.button-secondary:hover{color:var(--white);box-shadow:none}.button-small{min-height:44px;padding:9px 18px;font-size:.92rem}.site-header{z-index:15;border-bottom:1px solid var(--line);position:relative}.header-inner{justify-content:space-between;align-items:center;min-height:86px;display:flex}.brand-link{width:177px;display:flex}.brand-link img{width:100%;height:auto}.desktop-nav{align-items:center;gap:34px;font-size:.93rem;font-weight:800;display:flex}.desktop-nav>a:not(.button){position:relative}.desktop-nav>a:not(.button):after{content:"";background:var(--orange);height:2px;transition:right .2s;position:absolute;bottom:-5px;left:0;right:100%}.desktop-nav>a:hover:after{right:0}.mobile-menu{display:none;position:relative}.mobile-menu summary{border:1px solid var(--line);cursor:pointer;border-radius:50%;place-items:center;width:46px;height:46px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary svg{width:23px}.mobile-menu nav{border:1px solid var(--line);background:var(--white);width:210px;box-shadow:var(--shadow);border-radius:18px;padding:12px;display:grid;position:absolute;top:56px;right:0}.mobile-menu nav a{padding:10px 12px;font-weight:800}.home-hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:48px;min-height:715px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:90px 0 105px;animation:.7s both rise;position:relative}.hero-copy .eyebrow{margin-bottom:22px}.hero-copy h1{max-width:790px}.hero-copy h1 em{color:var(--bamboo);font-weight:430}.hero-copy>p:not(.eyebrow){max-width:610px;color:var(--muted);margin:28px 0 34px;font-size:clamp(1.08rem,2vw,1.35rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.hero-art{align-self:stretch;min-height:600px;animation:.8s .12s both rise;position:relative}.sun-disc{aspect-ratio:1;background:var(--orange);border-radius:50%;width:clamp(280px,35vw,480px);position:absolute;top:80px;right:-40px;box-shadow:inset -18px -12px #82341412}.character-stack{gap:12px;display:grid;position:absolute;top:150px;right:6%;transform:rotate(3deg)}.character-tile{aspect-ratio:1;background:var(--white);width:clamp(120px,15vw,180px);font:500 clamp(4.8rem, 9vw, 7.8rem)/1 var(--font-cjk);border:1px solid #16372b40;border-radius:24px;place-items:center;display:grid;box-shadow:10px 12px #16372b24}.character-tile:nth-child(2){background:var(--mint);margin-top:-80px;margin-left:-135px;transform:rotate(-7deg)}.hero-stamp{aspect-ratio:1;border:1px solid var(--ink);background:var(--paper);text-align:center;text-transform:uppercase;letter-spacing:.1em;border-radius:50%;place-items:center;width:120px;font-size:.72rem;font-weight:900;line-height:1.3;display:grid;position:absolute;bottom:77px;right:10px;transform:rotate(8deg)}.hero-stamp:after{content:"";border:1px dashed var(--ink);border-radius:50%;position:absolute;inset:8px}.bamboo-stem{background:repeating-linear-gradient(to bottom, var(--bamboo) 0 78px, var(--ink) 79px 83px);border-radius:20px;width:22px;height:350px;position:absolute;bottom:-35px;left:8%;transform:rotate(-6deg)}.bamboo-stem:before,.bamboo-stem:after{content:"";background:var(--leaf);border-radius:100% 0;width:95px;height:40px;position:absolute}.bamboo-stem:before{top:78px;left:12px;transform:rotate(-15deg)}.bamboo-stem:after{top:182px;right:12px;transform:scaleX(-1)rotate(-15deg)}.games-section{padding:130px 0 90px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px;display:flex}.section-heading h2{max-width:760px}.section-heading>p:last-child{max-width:350px;color:var(--muted)}.game-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.game-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);flex-direction:column;min-height:620px;padding:0;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 1px #16372b08}.game-card:hover{box-shadow:var(--shadow);transform:translateY(-7px)rotate(-.35deg)}.game-card:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.game-card-sun{background:var(--orange-soft)}.game-card-ink{background:var(--ink);color:var(--white)}.game-card-art{aspect-ratio:2;background:var(--paper-deep);position:relative;overflow:hidden}.game-card-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#16372b1f);position:absolute;inset:0}.game-art-svg{width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.game-card:hover .game-art-svg{transform:scale(1.045)}.game-card-number{z-index:1;color:var(--ink);font:700 1.35rem/1 var(--font-display), serif;position:absolute;top:18px;left:20px}.game-card-art-label{z-index:1;color:var(--ink);text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8d1;border:1px solid #16372b33;border-radius:100px;padding:7px 11px;font-size:.7rem;font-weight:900;position:absolute;bottom:16px;right:18px}.game-card-progress{z-index:2;position:absolute;bottom:16px;left:18px}.completion-badge{min-height:32px;color:var(--ink);letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8f0;border:1px solid #16372b3d;border-radius:100px;align-items:center;gap:7px;padding:6px 10px;font-size:.7rem;font-weight:900;display:inline-flex;box-shadow:0 5px 16px #16372b24}.completion-badge>span{background:var(--bamboo);width:18px;height:18px;color:var(--white);border-radius:50%;place-items:center;font-size:.68rem;display:grid}.completion-badge.is-complete{background:#dcebdcf5;border-color:#26734d61}.game-card-body{flex-direction:column;flex:1;gap:22px;padding:26px;display:flex}.game-card-ink .game-card-body{background:var(--ink)}.game-card-ink .eyebrow{color:var(--orange-soft)}.game-card-ink .tag-row span{border-color:#ffffff4d}.game-card h3{margin:7px 0 16px}.game-card p:not(.eyebrow){color:var(--muted);font-size:.98rem}.game-card-ink p:not(.eyebrow){color:#ffffffab}.tag-row{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.tag-row span{border:1px solid var(--line);border-radius:100px;padding:6px 10px;font-size:.72rem;font-weight:850}.card-link{border-top:1px solid;justify-content:space-between;align-items:center;min-height:48px;padding-top:17px;font-weight:900;display:flex}.card-link svg{width:22px;transition:transform .2s}.game-card:hover .card-link svg{transform:translate(5px)}.card-link.muted{opacity:.6}.brand-meaning{background:var(--ink);min-height:400px;color:var(--white);border-radius:40px;grid-template-columns:.82fr 1.18fr;margin-bottom:75px;display:grid;overflow:hidden}.brand-meaning-art{background:radial-gradient(circle at 78% 22%, #f28a4be6 0 17%, transparent 17.5%), linear-gradient(135deg, var(--bamboo), #174d38);isolation:isolate;min-height:400px;position:relative;overflow:hidden}.brand-meaning-art:after{content:"";opacity:.32;mix-blend-mode:screen;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='brand-grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23brand-grain)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.brand-meaning-orbit{aspect-ratio:1;border:1px solid #fffdf857;border-radius:50%;width:310px;position:absolute;top:12%;left:8%}.brand-meaning-sun{aspect-ratio:1;background:var(--orange);opacity:.88;border-radius:50%;width:130px;position:absolute;top:28px;right:-20px}.brand-meaning-stem{z-index:1;background:repeating-linear-gradient(to bottom, var(--leaf) 0 89px, var(--ink) 90px 97px);border-radius:22px;width:29px;height:430px;position:absolute;bottom:-58px;left:48%;transform:rotate(8deg)}.brand-meaning-stem:before,.brand-meaning-stem:after{content:"";background:var(--leaf);border-radius:100% 0;width:108px;height:43px;position:absolute}.brand-meaning-stem:before{top:112px;left:14px;transform:rotate(-16deg)}.brand-meaning-stem:after{top:238px;right:13px;transform:scaleX(-1)rotate(-16deg)}.brand-meaning-stem span{z-index:2;background:var(--ink);border-radius:10px;width:37px;height:8px;position:absolute;left:-4px}.brand-meaning-stem span:first-child{top:88px}.brand-meaning-stem span:nth-child(2){top:184px}.brand-meaning-stem span:nth-child(3){top:280px}.brand-meaning-tile{z-index:2;border:1px solid #16372b3d;place-items:center;display:grid;position:absolute;box-shadow:10px 11px #00000029}.brand-meaning-tile-character{aspect-ratio:1;background:var(--paper);width:126px;color:var(--ink);font:500 4.6rem/1 var(--font-cjk);border-radius:24px;top:82px;left:15%;transform:rotate(-7deg)}.brand-meaning-tile-pinyin{aspect-ratio:1;background:var(--orange-soft);width:100px;color:var(--ink);font:850 1.35rem/1 var(--font-body), sans-serif;border-radius:50%;bottom:54px;left:13%;transform:rotate(7deg)}.brand-meaning-copy{flex-direction:column;justify-content:center;padding:70px 80px 70px 45px;display:flex}.brand-meaning-copy .eyebrow{color:var(--orange-soft)}.brand-meaning-copy h2{max-width:600px;margin:13px 0 24px}.brand-meaning-copy>p:not(.eyebrow){color:#ffffffba;max-width:600px}.brand-meaning-link{border-bottom:1px solid var(--orange-soft);width:fit-content;color:var(--orange-soft);align-items:center;gap:9px;margin-top:30px;padding-bottom:4px;font-weight:900;display:inline-flex}.brand-meaning-link svg{width:20px;transition:transform .2s}.brand-meaning-link:hover svg{transform:translate(5px)}.page-hero{border-bottom:1px solid var(--line);padding:110px 0 75px}.page-hero h1{max-width:940px;margin:14px 0 25px;font-size:clamp(3.5rem,8vw,7rem)}.page-hero-copy{max-width:680px;color:var(--muted);font-size:1.15rem}.page-content{padding:80px 0 130px}.games-index-grid{margin-top:55px}.category-line{flex-wrap:wrap;gap:10px;display:flex}.category-line span{border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:8px 14px;font-size:.82rem;font-weight:800}.picture-scene-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:55px;display:grid}.picture-scene-library-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin-top:28px;font-size:.82rem;font-weight:850;display:flex}.picture-scene-sort{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.picture-scene-sort-label{color:var(--ink);margin-right:4px}.picture-scene-sort button{border:1px solid var(--line);background:var(--white);min-height:36px;color:var(--ink);cursor:pointer;border-radius:100px;padding:7px 12px;font-size:.76rem;font-weight:850}.picture-scene-sort button:hover,.picture-scene-sort button[aria-pressed=true]{border-color:var(--bamboo);background:var(--mint)}.picture-scene-card{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);color:inherit;border-radius:28px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:block;overflow:hidden}.picture-scene-card:hover,.picture-scene-card:focus-visible{border-color:var(--bamboo);transform:translateY(-2px);box-shadow:0 14px 32px #16372b24}.picture-scene-card-image{aspect-ratio:3/4;background:var(--paper-deep);display:block;position:relative;overflow:hidden}.picture-scene-card-progress{z-index:2;position:absolute;top:14px;right:14px}.picture-scene-card-image img{transition:transform .35s}.picture-scene-card:hover .picture-scene-card-image img,.picture-scene-card:focus-visible .picture-scene-card-image img{transform:scale(1.03)}.picture-scene-card-body{gap:12px;padding:18px 20px 20px;display:grid}.picture-scene-card-heading{display:block}.picture-scene-card-title{margin-top:5px;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:900;line-height:1.05;display:block}.picture-scene-card-terms{color:var(--muted);font:500 1.02rem/1.1 var(--font-cjk);flex-wrap:wrap;gap:5px 8px;display:flex}.picture-scene-card-terms span+span:before{content:"·";color:var(--orange);font-family:var(--font-body);margin-right:8px}.picture-scene-candidate-card{border-style:solid}.picture-scene-candidate-art{aspect-ratio:3/4;background:linear-gradient(145deg, var(--mint), var(--paper-deep) 62%, var(--orange-soft));isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.picture-scene-candidate-art:before{content:"";aspect-ratio:1;border:1px solid #16372b26;border-radius:50%;width:80%;position:absolute;box-shadow:0 0 0 28px #fffdf833,0 0 0 56px #26734d14}.picture-scene-candidate-art strong{z-index:1;color:var(--ink);font:500 clamp(4.8rem, 8vw, 7.5rem)/1 var(--font-cjk);position:relative}.picture-scene-candidate-pinyin{color:var(--bamboo);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900;position:absolute;top:20px;left:20px}.picture-scene-candidate-orbit{z-index:1;aspect-ratio:1;width:42px;color:var(--ink);font:500 1.3rem/1 var(--font-cjk);background:#fffdf8d1;border:1px solid #16372b38;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:3px 4px #16372b1a}.picture-scene-candidate-orbit-one{top:24%;left:18%}.picture-scene-candidate-orbit-two{top:42%;right:15%}.picture-scene-candidate-orbit-three{bottom:20%;left:23%}.picture-scene-candidate-description{min-height:2.7em;color:var(--muted);font-size:.86rem;line-height:1.45}.foundation-picture-game{gap:26px;display:grid}.foundation-picture-tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.foundation-picture-tab{border:1px solid var(--line);background:var(--white);min-height:44px;color:var(--ink);cursor:pointer;border-radius:100px;align-items:center;gap:9px;padding:8px 16px;font-size:.82rem;font-weight:900;display:inline-flex}.foundation-picture-tab:hover,.foundation-picture-tab[aria-current=page]{border-color:var(--bamboo);background:var(--mint)}.foundation-picture-tab span{color:var(--bamboo);letter-spacing:.08em;font-size:.68rem}.foundation-picture-pagination{justify-content:space-between;align-items:center;gap:18px;display:flex}.foundation-picture-pagination p{color:var(--muted);font-size:.82rem;font-weight:900}.foundation-picture-pagination button:disabled{cursor:not-allowed;opacity:.4}.game-page-hero{padding:60px 0 32px}.breadcrumbs{color:var(--muted);gap:9px;font-size:.8rem;font-weight:800;display:flex}.breadcrumbs span{opacity:.55}.game-title-row{grid-template-columns:1fr auto;align-items:end;gap:30px;margin-top:30px;display:grid}.game-title-row h1{margin:8px 0 15px;font-size:clamp(3.1rem,7vw,6.2rem)}.game-title-row>div>p:last-child{max-width:620px;color:var(--muted)}.game-title-chinese{color:var(--orange);font:500 clamp(3rem, 7vw, 6rem)/1 var(--font-cjk)}.game-shell{padding-bottom:100px}.picture-scene-game{gap:24px;display:grid}.picture-scene-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.game-mode-switcher{background:var(--paper-deep);border-radius:100px;gap:4px;padding:5px;display:inline-flex}.mode-button{cursor:pointer;background:0 0;border:0;border-radius:100px;min-height:44px;padding:8px 18px;font-size:.82rem;font-weight:900}.mode-button[aria-pressed=true]{background:var(--white);box-shadow:0 3px 12px #16372b1a}.text-button{border:1px solid var(--line);min-height:44px;color:var(--bamboo);cursor:pointer;background:0 0;border-radius:100px;padding:8px 14px;font-size:.82rem;font-weight:900}.text-button:hover{border-color:var(--bamboo);background:var(--mint)}.picture-scene-share{color:var(--muted);align-items:center;gap:12px;font-size:.78rem;font-weight:800;display:flex}.picture-scene-instruction-row{justify-content:center;align-items:center;gap:12px;display:flex}.picture-scene-instruction{color:var(--muted);text-align:center;align-items:center;gap:9px;font-size:.9rem;font-weight:800;display:inline-flex}.picture-scene-marker-key{border:3px solid var(--white);background:var(--orange);border-radius:50%;flex:none;width:13px;height:13px;box-shadow:0 0 0 1px #16372b4d,0 2px 8px #16372b33}.picture-scene-marker-toggle{min-height:36px;padding:5px 11px;font-size:.74rem}.picture-scene-layout{gap:18px;width:min(720px,100%);margin-inline:auto;display:grid}.picture-scene-frame{border:1px solid var(--line);background:var(--paper-deep);box-shadow:var(--shadow);isolation:isolate;border-radius:26px;position:relative;overflow:hidden}.picture-scene-image{z-index:0}.picture-scene-hotspots{z-index:2;position:absolute;inset:0}.picture-scene-hotspot{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:18px;min-width:44px;min-height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.picture-scene-marker{background:var(--orange);pointer-events:none;border:4px solid #fffdf8f5;border-radius:50%;width:18px;height:18px;transition:transform .18s,box-shadow .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #16372b57,0 3px 10px #16372b47}.picture-scene-marker:after{content:"";border-radius:inherit;background:var(--white);opacity:.72;position:absolute;inset:3px}.picture-scene-hotspot:hover .picture-scene-marker,.picture-scene-hotspot:focus-visible .picture-scene-marker{transform:translate(-50%,-50%)scale(1.12);box-shadow:0 0 0 5px #f8b8784d,0 3px 12px #16372b52}.picture-scene-marker.is-guided{animation:1.8s ease-in-out 2 marker-pulse}.picture-scene-hotspot:hover,.picture-scene-hotspot:focus-visible{border-color:var(--orange);background:#f8d5b52e}.picture-scene-hotspot.is-active{border-color:var(--bamboo);background:#dcebdc33;box-shadow:0 0 0 4px #dcebdc80}.picture-scene-hotspot[data-feedback=wrong]{background:#f8d2c86b;border-color:#a84a37;animation:.3s nudge}.picture-scene-hotspot[data-feedback=correct]{border-color:var(--bamboo);background:#dcebdc6b}.picture-scene-connector{z-index:3;background:var(--bamboo);opacity:.72;pointer-events:none;width:32px;height:2px;position:absolute;transform:translateY(-50%)}.picture-scene-connector.left{transform:translate(-100%,-50%)}.picture-scene-label{z-index:4;border:1px solid var(--bamboo);background:var(--white);pointer-events:none;white-space:nowrap;border-radius:12px;align-items:baseline;gap:8px;padding:8px 12px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:5px 5px #16372b24}.picture-scene-label strong{font:500 1.35rem/1 var(--font-cjk)}.picture-scene-label span{color:var(--muted);font-size:.78rem;font-weight:850}.picture-scene-label.top{transform:translate(-50%,calc(-100% - 10px))}.picture-scene-label.bottom{transform:translate(-50%,10px)}.picture-scene-label.left{transform:translate(calc(-100% - 10px),-50%)}.picture-scene-label.right{transform:translate(10px,-50%)}.picture-scene-detail{border:1px solid var(--line);background:#fffdf8b8;border-radius:22px;padding:26px 28px}.picture-scene-detail.is-empty{color:var(--muted)}.picture-scene-term-heading{flex-wrap:wrap;align-items:baseline;gap:14px 20px;display:flex}.picture-scene-term-heading h2{font:500 clamp(2rem, 5vw, 3.2rem)/1 var(--font-cjk)}.picture-scene-pinyin,.picture-scene-english{color:var(--muted);align-items:baseline;gap:8px;font-weight:800;display:flex}.picture-scene-pinyin span,.picture-scene-english span,.picture-scene-definitions span{color:var(--bamboo);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:900}.picture-scene-definitions{border-top:1px solid var(--line);gap:6px;margin-top:18px;padding-top:17px;display:grid}.picture-scene-definitions p{color:var(--muted);grid-template-columns:76px 1fr;gap:10px;font-size:.92rem;display:grid}.picture-scene-foundation-link{color:var(--bamboo);align-items:center;gap:8px;margin-top:22px;font-size:.82rem;font-weight:900;display:inline-flex}.picture-scene-foundation-link:hover{color:var(--orange)}.picture-scene-challenge-panel{text-align:center;justify-items:center;gap:8px;display:grid}.picture-scene-challenge-panel h2{font-size:clamp(2rem,5vw,3.4rem)}.picture-scene-prompt{align-items:baseline;gap:14px;min-height:54px;display:flex}.picture-scene-prompt strong{font:500 clamp(2.5rem, 7vw, 4.4rem)/1 var(--font-cjk)}.picture-scene-prompt>span{color:var(--muted);font-weight:850}.picture-scene-progress{color:var(--muted);font-size:.82rem;font-weight:850}.picture-scene-feedback{border-radius:16px;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:10px 16px;font-weight:900;display:flex}.picture-scene-feedback.is-wrong{color:#7c3022;background:#f8d2c8}.picture-scene-feedback.is-correct{color:var(--ink);background:var(--mint)}.picture-scene-feedback.is-correct p{font-weight:900}.picture-scene-transcript-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.picture-scene-transcript .info-card h3{font:500 2rem/1 var(--font-cjk)}.picture-scene-transcript .info-card p+p{margin-top:8px}.game-panel{border:1px solid var(--line);background:var(--white);min-height:560px;box-shadow:var(--shadow);border-radius:34px;padding:clamp(20px,4vw,48px)}.game-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.difficulty-tabs{background:var(--paper-deep);border-radius:100px;flex-wrap:wrap;gap:4px;padding:5px;display:inline-flex}.difficulty-tabs button{cursor:pointer;background:0 0;border:0;border-radius:100px;min-height:42px;padding:8px 14px;font-size:.8rem;font-weight:900}.difficulty-tabs button[aria-pressed=true]{background:var(--white);box-shadow:0 3px 12px #16372b1a}.puzzle-picker{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;border-radius:100px;padding:8px 14px;font-size:.86rem;font-weight:800}.game-stats{color:var(--muted);gap:20px;font-size:.8rem;font-weight:850;display:flex}.progress-track{background:var(--paper-deep);border-radius:20px;height:7px;overflow:hidden}.progress-track>span{border-radius:inherit;background:var(--orange);height:100%;transition:width .3s;display:block}.game-start{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.game-start h2{margin:9px 0 15px;font-size:clamp(2.2rem,5vw,4rem)}.game-start>p:not(.eyebrow){max-width:540px;color:var(--muted);margin-bottom:26px}.start-tiles{width:180px;height:120px;margin-bottom:20px;position:relative}.start-tiles span{border:1px solid var(--line);background:var(--mint);width:105px;height:105px;box-shadow:8px 8px 0 var(--paper-deep);font:500 3.5rem/1 var(--font-cjk);border-radius:20px;place-items:center;display:grid;position:absolute}.start-tiles span:last-child{background:var(--orange-soft);font:900 1rem/1 var(--font-body);top:15px;right:0;transform:rotate(7deg)}.match-board{margin-top:25px;position:relative}.match-columns{grid-template-columns:1fr 1fr;gap:28px;display:grid}.match-column{flex-direction:column;gap:12px;display:flex}.match-column-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:-2px;font-size:.72rem;font-weight:900}.match-card{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:18px;min-height:108px;padding:12px;transition:transform .2s,background .2s,opacity .2s;position:relative}.match-card:hover:not(:disabled){border-color:var(--bamboo);transform:translateY(-3px)}.match-card strong{font-size:1rem;display:block}.match-card.chinese strong{font:500 clamp(1.8rem, 3vw, 2.7rem)/1.2 var(--font-cjk)}.match-card span{color:var(--muted);margin-top:5px;font-size:.76rem;font-weight:800;display:block}.match-card.selected{background:var(--orange-soft);border-color:var(--orange);transform:translateY(-3px)}.match-card.matched{background:var(--mint);border-color:var(--bamboo);opacity:.55}.match-card.matched:after{content:"✓";color:var(--bamboo);font-weight:900;position:absolute;top:5px;right:8px}.match-card.mistake{background:#f8d2c8;border-color:#a84a37;animation:.3s nudge}.match-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.match-lines path{fill:none;stroke:var(--bamboo);stroke-width:3px;stroke-linecap:round;opacity:.55}.game-hint{color:var(--muted);text-align:center;margin-top:20px;font-size:.82rem;font-weight:800}.tone-arc{align-items:center;gap:3px;margin-bottom:22px;display:flex}.tone-arc span{aspect-ratio:1;background:var(--mint);width:64px;color:var(--bamboo);font:650 1.7rem/1 var(--font-display), serif;border-radius:50%;place-items:center;display:grid}.tone-arc span:nth-child(2){background:var(--orange-soft);transform:translateY(-13px)}.tone-arc span:nth-child(3){transform:translateY(-13px)}.tone-arc span:nth-child(4){background:var(--orange-soft)}.pinyin-game-start{text-align:left;justify-content:flex-start;align-items:stretch;gap:28px}.pinyin-game-start-simple{text-align:center;align-items:center;gap:16px;width:100%;max-width:760px;margin:0 auto}.pinyin-game-start-simple>p:not(.eyebrow){max-width:560px;margin-bottom:8px}.pinyin-game-start-simple .tone-arc{margin-bottom:4px}.pinyin-options{border-top:1px solid var(--line);text-align:left;width:100%;margin-top:18px}.pinyin-options summary{color:var(--bamboo);cursor:pointer;padding:18px 0 2px;font-size:.84rem;font-weight:900}.pinyin-options-content{gap:18px;padding-top:18px;display:grid}.pinyin-system-overview{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pinyin-system-overview>div{border:1px solid var(--line);background:var(--paper);border-radius:18px;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px;padding:16px 18px;display:grid}.pinyin-system-overview strong{color:var(--bamboo);font:650 2.2rem/1 var(--font-display), serif;grid-row:span 2}.pinyin-system-overview span{text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:900}.pinyin-system-overview p{color:var(--muted);font:500 .95rem/1.2 var(--font-cjk);grid-column:2}.pinyin-start-copy{max-width:650px}.pinyin-start-copy h2{margin:7px 0 10px;font-size:clamp(2rem,4vw,3.3rem)}.pinyin-start-copy p:not(.eyebrow){color:var(--muted)}.pinyin-lesson-picker{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pinyin-lesson-picker button{border:1px solid var(--line);background:var(--paper);min-height:72px;color:var(--ink);text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:11px 14px;transition:transform .18s,border-color .18s,background .18s;display:grid}.pinyin-lesson-picker button:hover:not(:disabled){border-color:var(--bamboo);transform:translateY(-2px)}.pinyin-lesson-picker button[aria-pressed=true]{border-color:var(--bamboo);background:var(--mint);box-shadow:0 3px 12px #16372b1a}.pinyin-lesson-picker button:disabled{cursor:not-allowed;opacity:.55}.pinyin-lesson-picker strong,.pinyin-lesson-picker small{display:block}.pinyin-lesson-picker strong{font:500 1.1rem/1.1 var(--font-cjk)}.pinyin-lesson-picker small{color:var(--muted);margin-top:5px;font-size:.68rem;font-weight:850}.pinyin-lesson-number{color:var(--orange);font:900 .72rem/1 var(--font-body), sans-serif}.pinyin-selected-lesson{border-left:4px solid var(--orange);background:var(--orange-soft);gap:5px;padding:14px 16px;display:grid}.pinyin-selected-lesson strong{font-size:.92rem}.pinyin-selected-lesson span{color:var(--muted);font-size:.86rem}.pinyin-reference{border-top:1px solid var(--line)}.pinyin-reference summary{color:var(--bamboo);cursor:pointer;padding:18px 0 2px;font-size:.84rem;font-weight:900}.pinyin-reference-content{grid-template-columns:repeat(2,1fr);gap:18px;padding-top:18px;display:grid}.pinyin-reference-group{border:1px solid var(--line);background:#fffdf89e;border-radius:16px;padding:16px}.pinyin-reference-group h3{margin-bottom:8px;font-size:1rem}.pinyin-reference-group p{color:var(--muted);font:500 1.05rem/1.7 var(--font-cjk)}.pinyin-reference-wide{grid-column:1/-1}.pinyin-syllable-grid{flex-wrap:wrap;gap:7px;max-height:250px;display:flex;overflow:auto}.pinyin-syllable-grid span{border:1px solid var(--line);background:var(--paper);min-width:42px;color:var(--ink);font:700 .86rem/1 var(--font-body), sans-serif;text-align:center;border-radius:8px;padding:5px 7px}.pinyin-current-lesson{gap:4px;display:grid}.pinyin-current-lesson strong{font:500 1.15rem/1.1 var(--font-cjk)}.pinyin-current-lesson .eyebrow{font-size:.65rem}.pinyin-match-intro{text-align:center;max-width:620px;margin:30px auto 0}.pinyin-match-intro h2{margin:7px 0 8px;font-size:clamp(2rem,4vw,3.2rem)}.pinyin-match-intro p:last-child{color:var(--muted)}.pinyin-match-board{max-width:760px;margin-inline:auto}.pinyin-match-columns{gap:clamp(14px,4vw,30px)}.match-card.audio,.match-card.pinyin{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.match-card.audio strong{color:var(--bamboo);font-size:.9rem}.match-card.audio span,.match-card.pinyin span{margin-top:0}.match-card.pinyin strong{font:650 clamp(1.9rem, 4vw, 2.8rem)/1.1 var(--font-body), sans-serif}.match-card.pinyin .pinyin-form{color:var(--ink);font:650 clamp(1.9rem, 4vw, 2.8rem)/1.1 var(--font-body), sans-serif;align-items:baseline;gap:1px;display:inline-flex}.match-card.pinyin .pinyin-form span{font:inherit;margin:0;display:inline}.pinyin-initial{color:var(--bamboo)}.pinyin-final{color:var(--orange)}.pinyin-audio-icon{width:25px;height:25px;color:var(--orange)}.quiz-content{max-width:820px;margin:0 auto}.quiz-prompt{flex-direction:column;justify-content:center;align-items:center;min-height:210px;display:flex}.quiz-character{font:500 clamp(4.8rem, 10vw, 8.2rem)/1 var(--font-cjk)}.quiz-meaning{color:var(--muted);margin-top:12px;font-weight:800}.pinyin-quiz-prompt{gap:8px}.pinyin-quiz-base{font:650 clamp(3.8rem, 9vw, 7rem)/1 var(--font-body), sans-serif;letter-spacing:.02em}.pinyin-quiz-combination{color:var(--bamboo);font-size:.9rem;font-weight:900}.pinyin-quiz-tone{color:var(--muted);font-size:.84rem;font-weight:850}.pinyin-quiz-example{color:var(--muted);font-size:.82rem}.quiz-options{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.quiz-options button{border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:15px;min-height:64px;padding:12px 18px;font-size:1.1rem;font-weight:850;transition:transform .18s,border-color .18s,background .18s;display:flex}.quiz-options button:hover:not(:disabled){border-color:var(--bamboo);transform:translateY(-2px)}.quiz-options button>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:32px;height:32px;font-size:.75rem;display:grid}.quiz-options button.correct{border-color:var(--bamboo);background:var(--mint)}.quiz-options button.wrong{background:#f8d2c8;border-color:#a84a37}.feedback-slot{align-items:center;min-height:96px;display:flex}.feedback-hint{margin-top:0}.answer-feedback{background:var(--mint);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:0;padding:16px 18px;display:flex}.answer-feedback.wrong{background:#f8d2c8}.answer-feedback strong,.answer-feedback span{display:block}.answer-feedback span{color:var(--muted);font-size:.83rem}.quiz-actions{justify-content:flex-end;margin-top:16px;display:flex}.quiz-actions .button{min-width:150px}.quiz-actions .button:disabled{opacity:.45;background:var(--ink);cursor:default;box-shadow:none;transform:none}.crossword-start-art{width:190px;height:110px;margin-bottom:22px;position:relative}.crossword-start-art span{border:1px solid var(--line);background:var(--white);width:82px;height:82px;box-shadow:8px 8px 0 var(--paper-deep);font:500 2.6rem/1 var(--font-cjk);border-radius:14px;place-items:center;display:grid;position:absolute}.crossword-start-art span:nth-child(2){background:var(--mint);top:14px;left:54px;transform:rotate(3deg)}.crossword-start-art span:nth-child(3){background:var(--orange-soft);top:0;left:108px;transform:rotate(-3deg)}.crossword-layout{grid-template-columns:1fr minmax(280px,.78fr);align-items:start;gap:30px;margin-top:26px;display:grid}.crossword-board-wrap{flex-direction:column;gap:18px;display:flex}.crossword-board{border:1px solid var(--line);background:var(--paper-deep);border-radius:20px;gap:6px;padding:14px;display:grid}.crossword-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--white);min-width:0;min-height:56px;font:500 clamp(1.25rem, 2.5vw, 1.7rem)/1 var(--font-cjk);cursor:pointer;border-radius:12px;place-items:center;transition:background .18s,border-color .18s,transform .18s;display:grid;position:relative}.crossword-cell:hover:not(:disabled){border-color:var(--bamboo);transform:translateY(-1px)}.crossword-cell-empty{box-shadow:none;background:0 0;border:0}.crossword-cell.active{background:var(--orange-soft);border-color:var(--orange)}.crossword-cell.selected{outline:3px solid var(--orange);outline-offset:1px}.crossword-cell.wrong{background:#f8d2c8;border-color:#a84a37;animation:.3s nudge}.cell-number{color:var(--muted);font:900 .62rem/1 var(--font-body), sans-serif;position:absolute;top:4px;left:7px}.crossword-status{min-height:24px;color:var(--muted);text-align:center;font-size:.82rem;font-weight:800}.crossword-side{gap:22px;display:grid}.clue-groups{gap:20px;display:grid}.clue-group{gap:8px;display:grid}.clue-group h3{margin-bottom:1px;font-size:1.15rem}.clue-button{border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:44px;padding:9px 13px;font-size:.9rem;font-weight:850;transition:transform .18s,border-color .18s,background .18s;display:flex}.clue-button:hover{border-color:var(--bamboo);transform:translateY(-1px)}.clue-button.selected{background:var(--orange-soft);border-color:var(--orange)}.clue-button span{background:var(--white);width:26px;height:26px;color:var(--bamboo);border-radius:50%;place-items:center;font-size:.72rem;font-weight:900;display:grid}.crossword-tray{border:1px solid var(--line);background:var(--paper);border-radius:18px;flex-wrap:wrap;gap:8px;padding:14px;display:flex}.tray-char{border:1px solid var(--line);background:var(--white);width:52px;height:52px;font:500 1.45rem/1 var(--font-cjk);cursor:pointer;border-radius:12px;place-items:center;transition:transform .18s,border-color .18s,opacity .18s;display:grid}.tray-char:hover:not(:disabled){border-color:var(--bamboo);transform:translateY(-2px)}.tray-char:disabled{opacity:.4;cursor:default}.result-panel{border:1px solid var(--line);background:var(--mint);text-align:center;min-height:560px;box-shadow:var(--shadow);border-radius:34px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(35px,7vw,75px);display:flex}.result-mark{background:var(--bamboo);width:74px;height:74px;color:var(--white);box-shadow:8px 8px 0 var(--orange-soft);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.result-mark svg{width:40px}.result-panel h2{margin:10px 0 15px;font-size:clamp(2.5rem,6vw,4.8rem)}.result-panel>p:not(.eyebrow){color:var(--muted)}.result-stats{border-block:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));width:min(620px,100%);margin:35px 0;display:grid}.result-stats div{border-right:1px solid var(--line);padding:20px 10px}.result-stats div:last-child{border:0}.result-stats strong,.result-stats span{display:block}.result-stats strong{font:650 2rem/1 var(--font-display), serif}.result-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:7px;font-size:.72rem;font-weight:900}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.content-section{width:min(960px,100% - 40px);margin:0 auto;padding:100px 0}.content-section+.content-section{border-top:1px solid var(--line)}.content-section .section-heading{align-items:start}.content-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.info-card{border:1px solid var(--line);background:#fffdf88c;border-radius:22px;padding:28px}.info-card h3{margin-bottom:12px;font-size:1.45rem}.info-card p{color:var(--muted);font-size:.95rem}.recommend-card{background:var(--orange-soft);border-radius:28px;justify-content:space-between;align-items:center;gap:28px;padding:34px;display:flex}.recommend-card h3{margin:5px 0 10px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:76px;font-weight:900;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--orange);font-size:1.6rem;font-weight:500}.faq-list details p{max-width:750px;color:var(--muted);padding:0 0 24px}.learn-grid{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.article-card{border:1px solid var(--line);background:var(--white);border-radius:28px;flex-direction:column;justify-content:space-between;min-height:320px;padding:34px;transition:transform .2s;display:flex}.article-card:first-child{background:var(--mint);grid-row:span 2;min-height:660px}.article-card:hover{transform:translateY(-5px)}.article-card .article-number{color:var(--orange);font:650 4rem/1 var(--font-display), serif}.article-card h2{margin:10px 0 18px;font-size:clamp(2rem,4vw,3.5rem)}.article-card:not(:first-child) h2{font-size:2.2rem}.article-card p{color:var(--muted)}.article-card .card-link{margin-top:28px}.article-layout{width:min(780px,100% - 40px);margin:0 auto;padding:90px 0 130px}.article-layout .eyebrow{margin-bottom:15px}.article-layout h1{font-size:clamp(3rem,7vw,5.7rem)}.article-dek{color:var(--muted);margin:24px 0 50px;font-size:1.2rem}.prose{font-size:1.05rem}.prose h2{margin:55px 0 18px;font-size:2.4rem}.prose h3{margin:34px 0 12px;font-size:1.55rem}.prose p,.prose ul,.prose ol{margin:0 0 20px}.prose li+li{margin-top:9px}.table-scroll{overflow-x:auto}.prose table{border-collapse:collapse;background:var(--white);width:100%;margin:26px 0}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:13px}.prose .chinese{font-family:var(--font-cjk);font-size:1.35em}.callout{border-left:5px solid var(--orange);background:var(--orange-soft);border-radius:0 18px 18px 0;margin:36px 0;padding:25px}.static-page{width:min(780px,100% - 40px);margin:0 auto;padding:100px 0 140px}.static-page h1{margin:10px 0 30px;font-size:clamp(3.2rem,7vw,5.5rem)}.static-page h2{margin:45px 0 14px;font-size:2rem}.static-page p,.static-page li{color:var(--muted)}.local-progress-controls{border:1px solid var(--line);background:var(--paper-deep);border-radius:22px;gap:12px;margin-top:24px;padding:24px;display:grid}.local-progress-controls .eyebrow{color:var(--orange)}.local-progress-controls h3{font-size:1.35rem}.local-progress-controls>p{max-width:650px}.local-progress-controls>.text-button{width:fit-content}.local-progress-confirmation{border-top:1px solid var(--line);gap:14px;padding-top:4px;display:grid}.local-progress-confirmation>div{flex-wrap:wrap;gap:10px;display:flex}.local-progress-reset{background:#7c3022}.local-progress-reset:hover{background:#632519}.local-progress-status{background:var(--mint);border-radius:12px;width:fit-content;padding:9px 12px;font-weight:900;color:var(--bamboo)!important}.site-footer{background:var(--ink);color:var(--white);padding:75px 0 25px}.footer-grid{grid-template-columns:1.3fr .7fr;gap:50px;padding-bottom:70px;display:grid}.footer-brand{font:500 clamp(1.8rem, 3vw, 3rem)/1.12 var(--font-display), serif;align-items:center;gap:22px;display:flex}.footer-brand img{filter:brightness(0)invert();opacity:.85}.footer-links{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.footer-links>div{align-content:start;gap:8px;display:grid}.footer-links span{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:.72rem;font-weight:900}.footer-links a{color:#ffffffb8;font-size:.9rem}.footer-links a:hover{color:var(--white)}.footer-bottom{color:#ffffff8c;border-top:1px solid #ffffff26;justify-content:space-between;padding-top:24px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes nudge{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(5px)}}@keyframes marker-pulse{0%,to{box-shadow:0 0 0 1px #16372b57,0 3px 10px #16372b47}50%{box-shadow:0 0 0 8px #f8b8784d,0 3px 12px #16372b4d}}@media (max-width:900px){.desktop-nav{display:none}.mobile-menu{display:block}.home-hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:75px 0 10px}.hero-art{min-height:460px}.sun-disc{top:25px;right:4%}.character-stack{top:90px;right:18%}.bamboo-stem{left:15%}.hero-stamp{bottom:40px;right:10%}.game-grid{grid-template-columns:1fr 1fr}.brand-meaning{grid-template-columns:1fr}.brand-meaning-art{min-height:320px}.brand-meaning-copy{padding:40px 45px 55px}.learn-grid{grid-template-columns:1fr}.article-card:first-child{grid-row:auto;min-height:480px}.footer-grid{grid-template-columns:1fr}}@media (max-width:620px){body{font-size:16px}.shell{width:min(100% - 28px,1180px)}.header-inner{min-height:74px}.brand-link{width:145px}.hero-copy{padding-top:58px}.hero-copy h1{font-size:clamp(3.35rem,17vw,5rem)}.hero-art{min-height:380px}.sun-disc{width:280px}.character-stack{top:85px;right:18%}.character-tile{width:125px;font-size:4.7rem}.character-tile:nth-child(2){margin-top:-50px;margin-left:-90px}.bamboo-stem{height:280px;left:5%}.hero-stamp{width:92px;font-size:.6rem}.games-section{padding:90px 0 60px}.section-heading{display:block}.section-heading>p:last-child{margin-top:20px}.game-grid{grid-template-columns:1fr}.game-card,.game-card:last-child{grid-column:auto;min-height:560px}.game-card-body{padding:22px 20px 24px}.brand-meaning{border-radius:28px;margin-bottom:55px}.brand-meaning-art{min-height:290px}.brand-meaning-orbit{width:250px;left:4%}.brand-meaning-tile-character{width:100px;font-size:3.7rem;top:58px;left:12%}.brand-meaning-tile-pinyin{width:80px;font-size:1.05rem;bottom:35px;left:10%}.brand-meaning-stem{height:340px;bottom:-72px;left:49%}.brand-meaning-copy{padding:30px 25px 42px}.page-hero{padding:75px 0 55px}.game-title-row{grid-template-columns:1fr}.game-title-chinese{display:none}.game-panel{border-radius:24px;min-height:520px}.picture-scene-library-toolbar{flex-direction:column;align-items:stretch;gap:12px;margin-top:22px}.picture-scene-sort{justify-content:flex-start}.picture-scene-sort button{flex:auto}.picture-scene-toolbar{flex-direction:column;align-items:stretch}.picture-scene-toolbar .game-mode-switcher,.picture-scene-share{justify-content:center}.picture-scene-instruction-row{flex-direction:column;align-items:stretch}.picture-scene-instruction{justify-content:center}.picture-scene-marker-toggle{align-self:center}.picture-scene-frame{border-radius:20px}.picture-scene-detail{padding:22px 20px}.picture-scene-term-heading{gap:8px;display:grid}.picture-scene-definitions p{grid-template-columns:1fr;gap:2px}.picture-scene-transcript-grid{grid-template-columns:1fr}.picture-scene-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}.picture-scene-card{border-radius:20px}.picture-scene-card-body{gap:8px;padding:14px 14px 16px}.picture-scene-card-title{font-size:clamp(1rem,4.7vw,1.45rem)}.picture-scene-card-terms{gap:4px 6px;font-size:.9rem}.picture-scene-card-terms span+span:before{margin-right:6px}.foundation-picture-tabs{justify-content:stretch}.foundation-picture-tab{flex:1;justify-content:center}.foundation-picture-pagination{flex-direction:column;align-items:stretch}.foundation-picture-pagination button{width:100%}.game-toolbar{flex-direction:column;align-items:stretch}.toolbar-group{width:100%}.puzzle-picker{flex:1}.difficulty-tabs{border-radius:18px;grid-template-columns:repeat(3,1fr);display:grid}.game-stats{justify-content:space-between}.pinyin-system-overview{gap:7px}.pinyin-system-overview>div{text-align:center;padding:12px 10px;display:block}.pinyin-system-overview strong,.pinyin-system-overview span,.pinyin-system-overview p{display:block}.pinyin-system-overview strong{margin-bottom:5px;font-size:1.65rem}.pinyin-system-overview span{font-size:.62rem}.pinyin-system-overview p{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.75rem;overflow:hidden}.pinyin-game-start-simple{gap:14px}.pinyin-game-start-simple .tone-arc span{width:56px;font-size:1.45rem}.pinyin-options-content{gap:14px}.pinyin-lesson-picker{grid-template-columns:repeat(2,1fr);gap:8px}.pinyin-lesson-picker button{gap:8px;min-height:66px;padding:9px 10px}.pinyin-lesson-picker strong{font-size:.95rem}.pinyin-lesson-picker small{font-size:.6rem}.pinyin-reference-content{grid-template-columns:1fr}.pinyin-reference-wide{grid-column:auto}.pinyin-quiz-base{font-size:clamp(3.4rem,18vw,5.6rem)}.match-columns{gap:14px}.match-card{min-height:96px;padding:10px}.match-card.chinese strong{font-size:clamp(1.6rem,7vw,2.2rem)}.match-card.pinyin strong,.match-card.pinyin .pinyin-form{font-size:clamp(1.7rem,8vw,2.2rem)}.pinyin-audio-icon{width:22px;height:22px}.match-lines path{stroke-width:2px}.quiz-options{grid-template-columns:1fr}.quiz-prompt{min-height:180px}.feedback-slot{min-height:108px}.answer-feedback{flex-direction:column;align-items:stretch}.quiz-actions{justify-content:stretch}.quiz-actions .button{width:100%}.crossword-layout{grid-template-columns:1fr}.crossword-board{gap:4px;max-width:340px;margin-inline:auto;padding:10px}.crossword-cell{border-radius:10px;min-height:48px}.crossword-tray{justify-content:center}.result-stats strong{font-size:1.5rem}.content-section{padding:75px 0}.content-grid{grid-template-columns:1fr}.recommend-card{flex-direction:column;align-items:flex-start}.footer-grid{padding-bottom:45px}.footer-brand{align-items:flex-start}.footer-links{margin-top:10px}.footer-bottom{flex-direction:column;gap:5px}.prose table{font-size:.88rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}