:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#294d3c;background:#fbfaf5;font-synthesis:none;font-size:15px;--green:#30664b;--muted:#819080;--line:#e4e8dc}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9b656;outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}header.topbar{max-width:1180px;margin:auto;padding:25px 30px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:21px;letter-spacing:2px;font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;font-weight:600}.brand-icon{display:grid;place-items:center;background:#37694c;color:#f0edcf;width:43px;height:45px;border-radius:15px 15px 17px 5px;font-size:34px;font-family:Georgia;transform:rotate(-8deg)}.top-note{margin-left:auto;color:#8e9a85;font-size:12px;letter-spacing:1px}.icon-button{background:#eeefe6;border-radius:50%;width:38px;height:38px;font-size:22px}main{max-width:1120px;margin:auto;padding:38px 20px 55px;min-height:calc(100vh - 175px)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#8a9a7f}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;padding:28px 24px 38px}.pill{display:inline-block;font-size:11px;background:#eaf0dd;color:#6e884d;border:1px solid #dce7cd;padding:6px 12px;border-radius:25px}h1{font-size:47px;line-height:1.42;margin:17px 0;letter-spacing:1px;font-weight:800}h1 span{color:#83a35a}p{line-height:1.9;color:#778571}.hero p{font-size:14px;margin:17px 0 22px}.hero-tags{display:flex;gap:20px;font-size:10px;color:#85927b}.hero-tags span:before{content:"✓";margin-right:6px;color:#88a45e}.hero-art{height:290px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#edf1df 0,#f4f5e9 53%,transparent 54%)}.mascot{width:280px;max-width:100%;overflow:visible}.floating-letter{position:absolute;display:grid;place-items:center;width:47px;height:48px;font-family:Georgia;font-size:29px;border-radius:12px;box-shadow:0 7px #00000007}.letter-a{top:25px;left:45px;background:#f2d694;transform:rotate(-14deg)}.letter-b{top:78px;right:16px;background:#e4b7bf;transform:rotate(15deg)}.art-caption{position:absolute;bottom:6px;font-size:8px;letter-spacing:2px;color:#99a387}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 20px}.section-heading h2{font-size:18px;margin:0}.section-heading>span{font-size:11px;color:#97a08e}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mode-card{text-align:left;position:relative;border:1px solid #dce4d4;background:#eff4e9;border-radius:22px;padding:27px 29px;transition:transform .2s,box-shadow .2s}.mode-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #24432d0b}.mode-card.photo{background:#f6eee2;border-color:#eadfcf}.mode-icon{width:49px;height:49px;background:#dce8cf;border-radius:15px;display:grid;place-items:center;font-family:Georgia;font-weight:800;font-size:23px;color:#5c7e47}.camera{background:#eddfc6;color:#9b784b;font-size:36px}.mode-tag{position:absolute;right:27px;top:30px;color:#7e9270;font-size:10px;padding:6px 9px;border:1px solid #d9e2cd;border-radius:15px}.photo .mode-tag{color:#a28b68;border-color:#e7d9c4}.mode-card h3{font-size:21px;margin:18px 0 8px}.mode-card h3 b{float:right;font-size:25px;font-weight:400}.mode-card p{font-size:12px;margin:0 0 22px;line-height:1.85}.mode-bottom{border-top:1px solid #dce4d4;display:flex;justify-content:space-between;padding-top:17px;font-size:10px;color:#8a967e}.mode-bottom strong{color:#476d43;font-size:12px}.photo .mode-bottom{border-color:#e7ddce}.photo .mode-bottom strong{color:#987541}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.quick-links button{text-align:left;border:1px solid var(--line);border-radius:15px;background:#fffefa;padding:18px;display:grid;grid-template-columns:36px 1fr 20px;gap:4px 10px}.quick-links button>span{grid-row:span 2;font-size:27px;color:#93a079}.quick-links b{font-size:13px}.quick-links small{font-size:10px;color:#9b9e91}.quick-links i{grid-column:3;grid-row:1/3;align-self:center;font-style:normal;color:#a0a58f}.gentle-note{border-radius:12px;background:#f2f2e9;color:#8c947f;text-align:center;padding:15px;font-size:11px}.gentle-note>span{margin-right:14px;color:#68815a;font-weight:700}footer{max-width:1120px;margin:auto;padding:23px 20px;border-top:1px solid var(--line);font-size:10px;color:#9ca38f;display:flex;justify-content:space-between}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#294d3c;color:#fff;border-radius:15px;padding:15px 24px;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90vw;min-width:260px;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}.button,.secondary{display:inline-block;text-align:center;padding:13px 22px;border-radius:12px;min-height:46px;font-weight:600;font-size:13px}.button{background:#356b4f;color:#fffdf2;box-shadow:0 3px #254e3a}.button:hover{background:#285d42}.secondary{background:#f2f3e9;border:1px solid #dce2d2;color:#57704c}.back{background:none;font-size:12px;padding:10px 0;color:#8b987d;min-height:40px}.page-heading{margin:0 0 28px}.page-heading h1{font-size:30px;margin:12px 0}.page-heading p{font-size:13px}.card{background:#fffefa;border:1px solid var(--line);border-radius:21px;padding:27px}.setup{max-width:840px;margin:auto}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.level{border:1px solid var(--line);background:#f9f9f0;border-radius:15px;padding:25px 8px;display:flex;flex-direction:column;gap:13px}.level b{font-size:22px}.level span{font-size:12px;color:#869279}.level small{font-size:10px;color:#9aa28c}.level.selected{background:#e7efdd;border:2px solid #80a366}.setup-row{display:flex;align-items:center;justify-content:space-between;margin-top:30px;font-size:12px}.setup-row label{display:flex;gap:15px;align-items:center}select,input:not([type=checkbox]),textarea{border:1px solid #dce2d3;border-radius:9px;background:#fcfcf5;color:#365840;padding:10px;max-width:100%}.muted{font-size:12px;color:#929b86}.setup>.button{margin-top:10px}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.scorebar{display:flex;align-items:center;gap:40px;border:1px solid var(--line);background:#fffefa;border-radius:18px;padding:17px 26px;margin-bottom:22px}.scorebar small{display:block;font-size:10px;color:#8d997f;margin-bottom:5px}.scorebar strong{font-size:32px;color:#477943}.scorebar b{font-size:21px}.scorebar label{margin-left:auto}.scorebar select{font-size:11px;padding:9px}.scorebar .secondary{padding:10px 19px}.play-layout{display:grid;grid-template-columns:280px minmax(0,610px);justify-content:center;gap:25px}.learning{padding:24px;position:relative;overflow:hidden}.learning .eyebrow{font-size:8px;letter-spacing:1.3px}.word-label{display:block;color:#8c997e;font-size:12px;margin-top:28px}.target-word{display:flex;flex-wrap:wrap;gap:4px;margin:13px 0 5px;font-weight:800;font-size:28px;line-height:1.7}.target-word span{padding:0 2px;border-bottom:3px solid transparent}.target-word .done{color:#a1b18c}.target-word .current{color:#4b7a39;border-color:#91ae67}.meaning{font-size:18px;color:#77876b}.next-letter{background:#f0f4e7;padding:12px 14px;border-radius:13px;margin-top:23px;font-size:12px;color:#7b8c69;display:flex;align-items:center;justify-content:space-between}.next-letter strong{color:#55733d;font-size:27px}.rules{margin-top:27px;border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:#91a080}.rules b{color:#6b815a}.rules p{display:flex;justify-content:space-between;margin:8px 0}.rules em{font-style:normal;color:#679257}.rules small{font-size:10px;line-height:1.8}.tiny-snake{height:95px;display:flex;justify-content:flex-end}.tiny-snake .mascot{width:135px;margin-top:15px}.board-wrap{position:relative;padding:9px;border:1px solid #dbe4d0;background:#e2ead7;border-radius:20px;box-shadow:0 8px #ecede0}.board-wrap canvas{width:100%;display:block;border-radius:12px;touch-action:none}.board-overlay{position:absolute;top:9px;right:9px;bottom:9px;left:9px;display:grid;place-items:center;border-radius:13px;background:#edf3e5ba;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[hidden]{display:none!important}.overlay-card{padding:28px;text-align:center;background:#fffef5;border:1px solid #e1e7d5;border-radius:22px;box-shadow:0 10px 35px #354c2520;max-width:90%}.overlay-card h2{font-size:23px;margin:8px}.overlay-card p{font-size:12px}.overlay-card button{display:block;margin:10px auto;min-width:180px}.overlay-symbol{color:#87a663;font-size:35px}.countdown{text-align:center;font-size:76px;font-weight:800;color:#567c3e}.countdown small{display:block;font-weight:400;font-size:13px}.control-caption{text-align:center;margin-top:20px;font-size:10px;color:#929d85}.control-caption span{margin-left:25px}.dpad{display:grid;grid-template-columns:repeat(3,53px);grid-template-rows:47px 47px;gap:7px;justify-content:center;margin-top:15px}.dpad button{border-radius:13px;background:#e9eedf;border:1px solid #d5dfc7;font-size:24px;touch-action:none;box-shadow:0 3px #d9e1cd}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.result{max-width:750px;text-align:center;margin:15px auto}.trophy{font-size:65px;color:#ceaa5f;line-height:1.5}.result h1{font-size:30px}.final-score{font-size:70px;color:#5c8444;display:block;margin:20px}.final-score small{font-size:16px;margin-left:8px}.result-stats{display:flex;justify-content:center;gap:45px;background:#f4f5ec;border-radius:15px;padding:22px}.result-stats span{color:#95a085;font-size:11px}.result-stats b{display:block;color:#57734a;font-size:20px;margin-top:8px}.result p{font-size:12px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:20px 0;color:#89977c;font-size:12px}.history{padding:10px 20px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th,td{text-align:left;padding:20px 14px;border-bottom:1px solid #e9ecdf}th{font-weight:500;color:#96a187}.empty{text-align:center;padding:55px;color:#8a967c;font-size:13px}.bank-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bank h2{font-size:20px}.bank p{font-size:12px}.bank-preview{background:#f1f4e9;padding:13px;border-radius:10px}.bank>.back{margin-left:20px}.progress-summary{color:#899879;margin-bottom:25px;font-size:13px}.progress-summary strong{font-size:28px;color:#65864c;margin:0 8px}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.skin-card{text-align:center}.skin-card h2{font-size:17px}.skin-card p{font-size:10px}.skin-card progress{display:block;width:100%;height:6px;margin:18px 0 22px;accent-color:#92b86e}.skin-card .button,.skin-card .secondary{width:100%;font-size:11px}.skin-art{height:130px;position:relative;max-width:190px;margin:auto}.skin-body{position:absolute;left:55px;top:66px;width:105px;height:44px;border:18px solid var(--skin);border-top:0;border-radius:0 0 30px 30px;transform:rotate(-12deg)}.skin-head{position:absolute;left:35px;top:24px;width:63px;height:68px;background:var(--accent);border-radius:28px;display:flex;gap:10px;align-items:center;justify-content:center;border-bottom:8px solid var(--skin)}.skin-head i{width:15px;height:20px;background:#fff;border-radius:50%;position:relative}.skin-head i:after{content:"";position:absolute;width:7px;height:10px;top:7px;left:5px;border-radius:50%;background:#36533e}.skin-detail{position:absolute;top:5px;left:55px;font-size:29px;color:#d6b159}.skin-card.locked .skin-art{filter:saturate(.3);opacity:.65}.settings{max-width:760px;margin:auto}.settings h2{font-size:17px;margin:15px 0 20px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.setting-row b{font-size:13px}.setting-row small{display:block;font-size:11px;color:#909e82;margin-top:7px}input[type=checkbox]{width:21px;height:21px;accent-color:#6c9650}.settings>p{font-size:12px}.settings .actions{justify-content:flex-start}.danger-actions{display:flex;gap:25px;border-top:1px solid var(--line);margin-top:30px;padding-top:14px}.danger-actions button{color:#ae8472}.notice{background:#f4efdb;border:1px solid #e9dbae;padding:18px;border-radius:12px;margin-top:18px;font-size:12px}.file-label{cursor:pointer}.import-grid{display:grid;gap:20px}.field{display:flex;flex-direction:column;gap:9px;margin:12px 0;font-size:12px;color:#7d8c70}#import-root .card{margin-bottom:20px}#import-root img{object-fit:contain;max-height:220px;max-width:100%;border-radius:12px}#import-root table input{min-width:90px;width:100%}#import-root table td{padding:9px}#import-root progress{width:100%;accent-color:#7c9d5c}#import-root .toolbar{gap:15px;flex-wrap:wrap}#import-root .button,#import-root .secondary{margin:5px}#import-root h2{font-size:19px}.reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media (min-width:1300px){main{padding-top:44px}.hero{padding-top:35px;padding-bottom:45px}.mode-card{padding-top:29px;padding-bottom:27px}}@media (max-width:780px){header.topbar{padding:17px 20px}.top-note{display:none}.icon-button{margin-left:auto}.brand{font-size:18px}.brand small{font-size:7px}main{padding:25px 18px 35px}.hero{padding:22px 5px 30px;gap:0}.hero h1{font-size:34px}.hero p{font-size:12px}.hero-art{height:230px}.hero-art .mascot{width:220px}.letter-a{left:5px;top:20px}.letter-b{right:0;top:60px}.floating-letter{width:33px;height:35px;font-size:23px}.hero-tags{gap:9px;font-size:8px;flex-wrap:wrap}.art-caption{font-size:6px;letter-spacing:1px}.mode-card{padding:22px}.mode-card h3{font-size:17px}.mode-tag{right:17px;font-size:8px}.mode-bottom{font-size:8px;gap:10px}.mode-bottom strong{font-size:10px}.quick-links{gap:10px}.quick-links button{padding:13px 10px;grid-template-columns:25px 1fr;gap:6px}.quick-links button>span{font-size:22px}.quick-links i{display:none}.quick-links b{font-size:11px}.quick-links small{font-size:8px}.play-layout{grid-template-columns:minmax(0,1fr)}.learning{display:grid;grid-template-columns:1fr auto;padding:16px 20px}.learning .eyebrow,.learning .word-label,.learning .rules,.learning .tiny-snake{display:none}.target-word{grid-column:1;grid-row:1;font-size:25px;margin:0}.meaning{grid-column:1;grid-row:2;font-size:14px}.next-letter{grid-column:2;grid-row:1/3;margin:0;gap:18px;padding:8px 13px}.learning>.muted{grid-column:1/3;margin:8px 0 0;font-size:10px}.play-layout{gap:15px}.scorebar{gap:20px;padding:14px 17px;flex-wrap:wrap}.scorebar label{margin-left:auto}.scorebar strong{font-size:26px}.scorebar b{font-size:18px}.scorebar small{font-size:9px}.skin-grid{grid-template-columns:repeat(2,1fr)}.bank-grid{grid-template-columns:1fr}.board-column{max-width:550px;width:100%;margin:auto}.game-heading .eyebrow{font-size:9px}.game-heading .back{font-size:11px}.control-caption{margin-top:16px}.page-heading h1{font-size:27px}.result-stats{gap:25px}.result h1{font-size:26px}.level-grid{gap:8px}.level{padding:20px 5px}.level b{font-size:18px}.level span{font-size:10px}.setup-row{gap:15px;flex-wrap:wrap}}@media (max-width:480px){main{padding:22px 14px 32px}.hero{position:relative;grid-template-columns:1fr .8fr;padding-top:24px}.hero h1{font-size:30px;letter-spacing:0}.hero .pill{font-size:8px;padding:5px 8px}.hero-art{height:220px}.hero-art .mascot{width:180px;max-width:130%;margin-right:-5px}.hero p{font-size:10px;line-height:1.9}.hero-tags{gap:6px;max-width:230px}.hero-tags span:nth-child(3){display:none}.letter-a{top:24px;left:8px}.letter-b{top:67px;right:0}.floating-letter{width:28px;height:30px;font-size:21px;border-radius:8px}.art-caption{bottom:20px;font-size:5px;letter-spacing:.5px}.section-heading h2{font-size:15px}.section-heading>span{font-size:9px}.mode-grid{grid-template-columns:1fr;gap:14px}.mode-card{padding:22px 23px}.mode-icon{width:39px;height:39px;font-size:21px;border-radius:12px}.mode-card h3{margin-top:14px;font-size:20px}.mode-card p{font-size:11px;margin-bottom:15px}.mode-tag{top:24px;right:23px;font-size:9px}.mode-bottom{font-size:9px}.mode-bottom strong{font-size:11px}.quick-links{gap:7px;margin:18px 0}.quick-links button{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 4px;gap:8px}.quick-links button>span{font-size:24px}.quick-links small{font-size:8px}.gentle-note{font-size:9px;padding:13px;line-height:1.8}.gentle-note>span{margin-right:5px}footer{font-size:8px;padding:19px 15px;gap:15px}.scorebar{gap:16px;margin-bottom:13px;padding:12px 14px}.scorebar>div{flex:1}.scorebar label{margin:0;flex:1.5}.scorebar>button{padding:9px 15px;min-height:40px}.scorebar select{padding:8px;font-size:10px;min-height:38px;width:100%}.scorebar strong{font-size:25px}.game-heading{margin-bottom:10px}.game-heading .eyebrow{font-size:8px;letter-spacing:1px}.play-layout{gap:13px}.learning{padding:12px 16px;border-radius:16px}.target-word{font-size:22px;gap:2px}.next-letter{font-size:10px;gap:12px}.next-letter strong{font-size:23px}.board-wrap{padding:6px;border-radius:15px}.board-overlay{top:6px;right:6px;bottom:6px;left:6px}.dpad{grid-template-columns:repeat(3,60px);grid-template-rows:49px 49px;gap:8px;margin-top:13px}.control-caption{font-size:9px}.card{padding:20px}.level-grid{grid-template-columns:repeat(2,1fr)}.level{gap:10px}.setup-row{font-size:11px}.skin-grid{gap:12px}.skin-card{padding:15px 10px}.skin-card h2{font-size:14px}.skin-card p{font-size:9px}.skin-art{transform:scale(.8);margin:-10px;height:125px}.skin-card button{padding:10px 5px}.result-stats{gap:22px;padding:18px 8px}.result-stats b{font-size:17px}.final-score{font-size:60px}.result .actions{flex-direction:column}.overlay-card{padding:18px}.overlay-card h2{font-size:21px}.overlay-card button{min-width:160px;padding:12px}.table-scroll{margin:0 -12px}td,th{padding:15px 10px;font-size:10px}}@media (max-width:480px){body[data-page=game] header.topbar{padding:11px 16px}body[data-page=game] main{padding:10px 14px 15px;min-height:0}body[data-page=game] footer{display:none}body[data-page=game] .game-heading{margin-bottom:4px}body[data-page=game] .learning{padding:9px 15px}body[data-page=game] .learning>.muted{margin:3px 0 0}body[data-page=game] .board-column{max-width:min(100%,calc(100dvh - 448px))}body[data-page=game] .control-caption{margin-top:12px}body[data-page=game] .dpad{grid-template-rows:43px 43px;gap:7px;margin-top:10px}}.trophy svg{width:85px;height:85px}.record-trophy{display:inline-block;vertical-align:middle;width:35px;height:35px;margin-right:10px;animation:trophy-bounce .65s ease-in-out 3}.record-badge{display:inline-block;background:#f4e4af;color:#96702b;border:1px solid #e7d295;border-radius:20px;padding:7px 15px;margin-bottom:13px;font-size:11px}@keyframes trophy-bounce{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(8deg)}}#import-root .word-row{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr) 90px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e8ebde}#import-root .word-row .field{margin:0;width:100%;min-width:0}#import-root .word-row .button{margin:0;padding:10px 8px;width:100%;min-width:0;font-size:11px}#import-root .word-row>p,#import-root .word-row>label{grid-column:2/-1;font-size:11px;margin:0}#import-root .word-header{font-size:11px;color:#829374;border-bottom:2px solid #dfe7d5}#import-root .import-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:15px 0}#import-root .import-grid .card{margin:0;padding:17px}#import-root .word-editor{margin-bottom:18px}@media (max-width:480px){#import-root .word-row{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 48px;gap:6px}#import-root .word-row .field{padding:9px 6px;font-size:11px}#import-root .word-row .button{font-size:10px;padding:10px 2px}#import-root .word-header{font-size:9px}}.hero-art{background:radial-gradient(ellipse at center,#eef1e7 0,#f3f4ec 53%,transparent 54%)}.hero-art .mascot{width:310px}.skin-art{--snake-main:var(--skin);--snake-light:var(--accent);height:140px;max-width:210px}.skin-art>.mascot{width:200px;height:145px}.tiny-snake .mascot{width:145px}.skin-detail{top:16px;left:auto;right:24px;font-size:19px}.floating-letter{box-shadow:0 4px 12px #294d3c08;transform:rotate(-5deg);border-radius:9px}.letter-b{transform:rotate(6deg)}@media (max-width:480px){.hero-art .mascot{width:190px}.skin-art>.mascot{width:180px}}.skin-art>.wardrobe-snake{width:215px;height:175px}.skin-art:has(.wardrobe-snake){height:180px;max-width:230px}.tier-label{display:inline-block;font-size:9px;letter-spacing:2px;color:#a17d43;border:1px solid #e2d6ba;border-radius:20px;padding:5px 10px;margin-top:7px}.skin-card .outfit-description{color:#61715c;font-size:11px;line-height:1.7;min-height:38px;margin:9px 0}.skin-card.locked .skin-art{filter:saturate(.78);opacity:.9}.skin-card h2{margin-bottom:5px}@media (max-width:480px){.skin-art:has(.wardrobe-snake){height:155px;transform:none;margin:0 -8px}.skin-art>.wardrobe-snake{width:160px;height:150px;max-width:100%}.skin-card .outfit-description{font-size:10px;min-height:52px}.tier-label{font-size:8px;padding:4px 8px}}.game-window-actions{display:flex;align-items:center;gap:20px}.game-window-actions .secondary{min-height:36px;padding:8px 14px;font-size:11px}main:fullscreen,main.fullscreen-fallback{background:#fbfaf5;max-width:none;width:100vw;height:100dvh;padding:14px 24px;overflow:auto}main.fullscreen-fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}body.game-fullscreen{overflow:hidden}body.game-fullscreen .game-heading{margin-bottom:8px}body.game-fullscreen .scorebar{padding:10px 22px;margin-bottom:12px}body.game-fullscreen .scorebar strong{font-size:26px}body.game-fullscreen .play-layout{grid-template-columns:235px minmax(0,1fr);gap:24px;height:calc(100dvh - 155px);min-height:0}body.game-fullscreen .learning{overflow:auto}body.game-fullscreen .board-column{max-width:none!important;min-height:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}body.game-fullscreen .board-wrap{width:min(100%,calc(100dvh - 185px));flex:none}body.game-fullscreen .control-caption{margin-top:14px}@media (pointer:fine) and (min-width:781px){body.game-fullscreen .dpad{display:none}}@media (pointer:coarse) and (min-width:781px){body.game-fullscreen .board-wrap{width:min(100%,calc(100dvh - 295px))}}@media (max-width:780px){main:fullscreen,main.fullscreen-fallback{padding:10px 14px}body.game-fullscreen .game-heading{margin-bottom:4px}body.game-fullscreen .scorebar{padding:10px 14px;gap:12px}body.game-fullscreen .play-layout{display:flex;flex-direction:column;gap:9px;height:auto}body.game-fullscreen .learning{width:100%;flex:none;padding:9px 15px}body.game-fullscreen .learning>.muted{margin:2px 0 0}body.game-fullscreen .board-column{height:auto}body.game-fullscreen .board-wrap{width:min(100%,calc(100dvh - 375px))}body.game-fullscreen .control-caption{margin-top:8px}body.game-fullscreen .dpad{margin-top:8px;grid-template-rows:43px 43px;gap:7px}.game-window-actions{gap:12px}.game-window-actions .secondary{font-size:10px;padding:7px 10px}.game-heading>.eyebrow{max-width:43%;line-height:1.6}}.countdown #pause-countdown{display:block;margin:20px auto 0;font-size:11px;min-height:38px;padding:8px 16px;font-weight:500}:root{--line:#e5dfcf;--green:#345e4c;background:#f9f7ef;color:#2d493c}body{background-color:#f9f7ef;background-image:url(/art/botanical-garden.svg),radial-gradient(ellipse at 50% 0,#fffef9 0,transparent 65%);background-size:1600px 1200px,100% 100%;background-position:center top,center;background-repeat:repeat-y,no-repeat}header.topbar{border-bottom-color:#dbd5c4;background:linear-gradient(180deg,#fbfaf5e8,#fbfaf5b5)}.brand-icon{border:1px solid #50725a;box-shadow:inset 0 0 0 3px #ffffff13;transform:rotate(-5deg)}.brand small{color:#7f8a71}.top-note{color:#8d927a;letter-spacing:1.5px}.icon-button{border:1px solid #dfdccb;background:#f4f2e7}.hero{position:relative;padding:36px 25px 46px;border-bottom:1px solid #e6e0cf;margin-bottom:30px}.hero h1{color:#304d3c;letter-spacing:2px}.hero h1 span{color:#81986b}.hero>.hero-art{height:335px;background:url(/art/botanical-frame.svg) center center/contain no-repeat}.hero-art .mascot{width:285px;transform:translateY(9px)}.hero .pill{background:#f7f4e9;color:#8c8a64;border-color:#ded4b9;font-size:10px;letter-spacing:1px}.hero .letter-a{background:#ede1bf;color:#7f704b;left:56px;top:50px}.hero .letter-b{background:#e9d7cd;color:#956e64;right:26px;top:104px}.hero .art-caption{bottom:2px;color:#a28e69;font-size:8px;letter-spacing:2px}.hero-tags{color:#92957d}.hero p{color:#7b8474}.mode-card{background:linear-gradient(120deg,#f1f4ea,#eaf0e4f0);border-color:#dce2d0;border-radius:19px;box-shadow:0 5px 16px #4b533205;overflow:hidden}.mode-card.photo{background:linear-gradient(120deg,#f8f0e4,#f3eaddf0);border-color:#e5d8c3}.mode-card:after{content:"";position:absolute;right:-60px;bottom:-132px;width:235px;height:250px;background:url(/art/botanical-frame.svg) center/cover;opacity:.18;pointer-events:none}.mode-card>*{position:relative;z-index:1}.mode-icon{border:1px solid #d7dfc9;background:#e6edda;color:#68805b}.mode-icon.camera{background:#eee2cb;border-color:#e2d1b1}.mode-card .mode-bottom{border-color:#d3dcc6}.photo .mode-bottom{border-color:#e2d1b8}.card,.scorebar,.quick-links button{background-color:#fffefaed;border-color:#e5dfcf;box-shadow:0 6px 22px #55503104}.quick-links button{border-radius:13px}.gentle-note{background:#f3efe2d9;border:1px solid #e7dfc9;color:#929079}.section-heading>span{color:#a29377}.section-heading h2{letter-spacing:1px}.section-heading h2:before{content:"";display:inline-block;width:4px;height:15px;margin-right:9px;vertical-align:-2px;background:#bca579;border-radius:3px}.board-wrap{background:linear-gradient(135deg,#e7e3d3,#f7f2e5 48%,#d8dfca);border:1px solid #c8c4ac;box-shadow:0 0 0 4px #ffffff9c,0 12px 28px #5c634212;border-radius:17px}.board-wrap canvas{border-radius:10px}.learning{background-image:linear-gradient(#fffefaed,#fffefaee),url(/art/botanical-frame.svg);background-size:auto,120% auto;background-position:center,center bottom;background-repeat:no-repeat}.learning .rules{border-top-color:#e5dfcf}.learning .next-letter{background:#eff1e4;border:1px solid #e2e7d3}.scorebar{border-radius:15px}.game-heading{padding:0 3px}.board-overlay{background:#f1f3e5cc}.overlay-card{border-color:#ded2b6;box-shadow:0 10px 35px #4c523518}.button{background:#3a6650;box-shadow:0 3px #2e5140,0 5px 12px #34563f0b}.secondary{background:#f5f2e7;border-color:#dfd8c3}.dpad button{background:#f0f1e5;border-color:#d9dbc6;box-shadow:0 3px #d6dbc4}.skin-card{background:#fffef9ee}.tier-label{background:#faf6e9}.page-heading h1{letter-spacing:2px}.page-heading .back{color:#9e906f}.eyebrow{color:#96a083}footer{border-top-color:#e1dac8;background:#faf8f2bb;color:#a39b87}main:fullscreen,main.fullscreen-fallback{background-color:#f9f7ef;background-image:url(/art/botanical-garden.svg);background-size:cover;background-position:center}@media (min-width:1500px){body{background-size:100% auto,100% 100%}}@media (max-width:780px){.hero>.hero-art{height:260px}.hero{padding:22px 5px 30px;margin-bottom:24px}.hero-art .mascot{width:220px}.hero .letter-a{left:12px;top:42px}.hero .letter-b{right:5px;top:88px}.hero .art-caption{font-size:6px;letter-spacing:1px}body{background-size:1000px 900px,100% 100%;background-position:center top,center}}@media (max-width:480px){body{background-size:760px 820px,100% 100%;background-position:center -10px,center}.hero{padding:20px 1px 27px;gap:0;margin-bottom:23px}.hero h1{letter-spacing:0}.hero>.hero-art{height:225px;margin-right:-5px}.hero-art .mascot{width:160px;max-width:115%;transform:translateY(7px)}.hero .letter-a{left:3px;top:39px}.hero .letter-b{right:-1px;top:91px}.hero .art-caption{font-size:5px;letter-spacing:.3px;bottom:13px}.hero .pill{font-size:8px;padding:5px 7px}.board-wrap{border-radius:14px;box-shadow:0 0 0 2px #ffffff9c,0 8px 22px #5c63420e}.mode-card:after{opacity:.13}.section-heading h2:before{height:13px;width:3px}.hero-tags{gap:8px}}.mode-card>.mode-tag{position:absolute;right:27px;top:30px}@media (max-width:780px){.mode-card>.mode-tag{right:17px;top:30px}}@media (max-width:480px){.mode-card>.mode-tag{right:23px;top:24px}}.touch-hint{display:none}.control-caption>span{margin-left:0}#board{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.scorebar #music-toggle{font-size:11px;white-space:nowrap}.scorebar{gap:25px}.setup-row{gap:15px;flex-wrap:wrap}@media (max-width:780px),(pointer:coarse){.dpad{display:none!important}.keyboard-hint{display:none}.touch-hint{display:inline}.control-caption{line-height:1.8;font-size:11px}body[data-page=game] .board-column{max-width:min(100%,calc((100dvh - 345px)*var(--board-scale,1)))!important}body.game-fullscreen .board-column{max-width:none!important}body.game-fullscreen .board-wrap{width:min(100%,calc((100dvh - 275px)*var(--board-scale,1)))}.scorebar{gap:12px}.scorebar #music-toggle{padding:9px 11px;font-size:10px}.scorebar>button{min-height:38px}.target-word{font-size:27px}}@media (min-width:781px){body.game-fullscreen .board-wrap{width:min(100%,calc((100dvh - 185px)*var(--board-scale,1)))}}@media (orientation:landscape) and (max-height:600px){body[data-page=game] header.topbar,body[data-page=game] footer{display:none}body[data-page=game] main{padding:8px 15px;min-height:0}body[data-page=game] .game-heading{margin-bottom:4px}body[data-page=game] .scorebar{flex-wrap:nowrap;gap:15px;padding:7px 14px;margin-bottom:9px}body[data-page=game] .scorebar strong{font-size:20px}body[data-page=game] .scorebar b{font-size:16px}body[data-page=game] .scorebar small{font-size:8px}body[data-page=game] .scorebar select{padding:5px}body[data-page=game] .scorebar>button{padding:7px 10px;min-height:32px}body[data-page=game] .play-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;height:auto}body[data-page=game] .learning{display:block;padding:14px}body[data-page=game] .learning .eyebrow,body[data-page=game] .learning .rules,body[data-page=game] .learning .tiny-snake{display:none}body[data-page=game] .learning .next-letter{margin-top:12px}body[data-page=game] .board-column{max-width:none!important;height:auto}body[data-page=game] .board-wrap{width:min(100%,calc((100dvh - 160px)*var(--board-scale,1)));margin:auto}body[data-page=game] .control-caption{font-size:9px;margin-top:8px}}@media (max-width:480px){body[data-page=game] .board-column{max-width:min(100%,calc((100dvh - 355px)*var(--board-scale,1)))!important}body.game-fullscreen .board-column{max-width:none!important}.next-letter strong{font-size:30px}.target-word{font-size:28px}.scorebar{gap:10px}}@media (max-width:480px){body[data-page=game] header.topbar{padding:6px 15px}body[data-page=game] .brand-icon{width:32px;height:34px;font-size:26px}body[data-page=game] .brand{font-size:16px;gap:9px}body[data-page=game] .brand small{font-size:6px;margin-top:3px}body[data-page=game] .game-heading{min-height:32px}.scorebar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 12px;padding:10px 14px}.scorebar>div{grid-column:span 2;min-width:0}.scorebar>label{grid-column:span 2;margin:0;min-width:0;width:100%}.scorebar>button{grid-column:span 2;min-width:0;width:100%;padding:8px 6px;align-self:end}.scorebar b,.scorebar strong,.scorebar small{white-space:nowrap}.scorebar label small{display:none}.scorebar select{min-height:37px;padding:7px 5px;font-size:10px}.scorebar #music-toggle{padding:8px 5px;min-height:37px}body[data-page=game] .board-column{max-width:min(100%,calc((100dvh - 410px)*var(--board-scale,1)))!important}body.game-fullscreen .board-column{max-width:none!important}body.game-fullscreen .board-wrap{width:min(100%,calc((100dvh - 365px)*var(--board-scale,1)))}.control-caption{font-size:10px}}.hero{grid-template-columns:minmax(0,1.05fr) minmax(170px,.65fr) minmax(0,1fr);gap:12px}.hero-dedication{position:relative;text-align:center;align-self:center;padding:28px 8px;color:#78816b}.hero-dedication:before{content:"";position:absolute;top:14px;right:0;bottom:14px;left:0;background:radial-gradient(ellipse,#f2eadb6b,transparent 72%);z-index:-1}.dedication-ornament{display:block;color:#b8a16e;font-size:23px;margin-bottom:13px}.hero .hero-dedication p{font-family:STKaiti,KaiTi,Songti SC,SimSun,serif;font-size:18px;line-height:2.25;margin:0;color:#8d8b72;white-space:nowrap;letter-spacing:.3px}.hero-dedication strong{font-weight:500;color:#4d6e56;font-size:19px}.dedication-line{display:block;width:48px;height:1px;background:linear-gradient(90deg,transparent,#c4ac7b,transparent);margin:21px auto 0}.hero .hero-art .mascot{max-width:100%}.hero .hero-art .letter-a{left:14px}.hero .hero-art .letter-b{right:-8px}@media (max-width:950px){.hero{grid-template-columns:1.15fr 1fr}.hero>div:first-child{order:1}.hero>.hero-art{order:2}.hero-dedication{order:3;grid-column:1/-1;padding:13px 18px;border:1px solid #e6dcc6;border-radius:13px;background:#fffdf7b8;display:flex;justify-content:center;align-items:center;gap:18px;margin-top:10px}.dedication-ornament{margin:0}.hero .hero-dedication p{font-size:16px;line-height:1.9}.hero-dedication strong{font-size:17px}.dedication-line{margin:0;width:35px}}@media (max-width:480px){.hero{grid-template-columns:1fr .8fr}.hero-dedication{padding:12px 10px;gap:16px}.hero .hero-dedication p{font-size:15px;line-height:1.9}.hero-dedication strong{font-size:16px}.hero .hero-art .letter-a{left:3px}.hero .hero-art .letter-b{right:-1px}}.board-overlay{pointer-events:none}.board-overlay .overlay-card,.board-overlay #pause-countdown{pointer-events:auto}