:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f1417;background:#f4f6f4;font-synthesis:none;--ink:#0f1417;--green:#10a37f;--green-dark:#087a60;--acid:#a7f432;--paper:#f4f6f4;--white:#fff;--line:#d9e0dc;--muted:#5e6b66;--dark:#071b17;--soft:#edf7f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink)}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(1240px,calc(100% - 40px));margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{min-height:82px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);min-width:245px}.brand img{display:block}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:1.55rem;line-height:1;letter-spacing:-.05em}.brand-copy strong span{color:var(--green)}.brand-copy small{margin-top:6px;color:#74817c;font-size:.56rem;font-weight:800;letter-spacing:.18em}.main-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto}.main-nav a{position:relative;padding:30px 0 27px;color:#2d3935;text-decoration:none;font-size:.84rem;font-weight:700}.main-nav a:hover,.main-nav a.active{color:var(--green-dark)}.main-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--green)}.button{display:inline-flex;min-height:44px;padding:0 19px;align-items:center;justify-content:center;gap:14px;border:1px solid var(--green);border-radius:3px;background:var(--green);color:#fff;text-decoration:none;font-weight:800;font-size:.85rem;cursor:pointer;box-shadow:none}.button:hover{background:var(--green-dark);border-color:var(--green-dark)}.button-daily{min-width:150px}.button-ghost{background:#fff;color:var(--ink);border-color:#cfd8d3}.button-ghost:hover{background:#f7faf8;color:var(--green-dark);border-color:#aebdb5}.hero{padding:62px 0 58px;background:#fff;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:.88fr 1.32fr;gap:58px;align-items:center}.eyebrow,.section-kicker{margin:0 0 15px;color:var(--green-dark);font-size:.72rem;font-weight:900;letter-spacing:.12em}.eyebrow{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #bfe5d8;border-radius:18px;background:#f6fbf9;letter-spacing:0}.eyebrow span{width:7px;height:7px;margin-right:7px;background:var(--green);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(2.9rem,4.8vw,4.7rem);line-height:.98;letter-spacing:-.065em}h1 em{font-style:normal;color:var(--green)}h2{margin-bottom:11px;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.04;letter-spacing:-.045em}h3{margin-bottom:8px;letter-spacing:-.025em}.hero-lede{max-width:540px;margin-bottom:26px;color:var(--muted);font-size:1.02rem;line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border-top:1px solid var(--line)}.hero-facts div{padding:18px 12px 0 0;border-right:1px solid var(--line)}.hero-facts div+div{padding-left:16px}.hero-facts div:last-child{border-right:0}.hero-facts strong{display:block;color:var(--green-dark);font-size:1.23rem}.hero-facts span{display:block;margin-top:4px;color:#7a8781;font-size:.69rem}.hero-game-card{min-width:0;border:1px solid #113b32;border-radius:3px;background:var(--dark);box-shadow:0 14px 36px rgba(15,20,23,.12);overflow:hidden}.game-toolbar{height:66px;display:grid;grid-template-columns:1.2fr repeat(3,.7fr) 54px;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);background:#0a3028;color:#fff}.select-wrap{padding:0 14px}.select-wrap select{width:100%;min-height:38px;padding:0 34px 0 11px;border:1px solid rgba(255,255,255,.12);border-radius:3px;background:#16473d;color:#fff;font-weight:700;outline:none}.toolbar-stat{padding:0 14px;border-left:1px solid rgba(255,255,255,.10)}.toolbar-stat span{display:block;color:#8db5aa;font-size:.59rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.toolbar-stat strong{display:block;margin-top:4px;font-size:1.05rem}.icon-button{width:38px;height:38px;margin:auto;border:1px solid rgba(255,255,255,.13);border-radius:3px;background:#17443a;color:#fff;font-weight:900;cursor:pointer}.board-wrap{position:relative;height:410px;background:#071b17}.board-wrap canvas{display:block;width:100%;height:100%}.board-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(7,27,23,.45);color:#fff;text-align:center;pointer-events:none}.board-overlay[hidden]{display:none}.board-overlay strong{font-size:1.5rem}.board-overlay span{margin-top:6px;color:#bdd7cf;font-size:.8rem}.game-prompt{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:16px;align-items:center;min-height:78px;padding:11px 16px;border-top:1px solid rgba(255,255,255,.09);background:#09251f;color:#fff}.prompt-main{min-width:0}.prompt-main>span{display:block;margin-bottom:8px;color:#8db5aa;font-size:.59rem;font-weight:900;letter-spacing:.08em}.prompt-keys{display:flex;gap:7px;min-width:0;overflow:auto}.key-chip,.word-chip{display:flex;align-items:center;gap:5px;white-space:nowrap}.key-chip small,.word-chip small{color:#7da99d;font-size:.51rem;text-transform:uppercase}.key-chip kbd{display:grid;place-items:center;min-width:30px;height:28px;border:1px solid #9cb0aa;border-bottom:3px solid #6e817b;border-radius:3px;background:#f4f6f4;color:#0f1417;font-weight:900}.word-chip{padding:6px 8px;border:1px solid #326158;border-radius:3px;background:#103a31;font-size:.72rem;font-weight:800}.word-chip b{color:var(--acid)}.prompt-detail{padding-left:14px;border-left:1px solid rgba(255,255,255,.1)}.prompt-detail span{display:block;color:#789e94;font-size:.52rem;text-transform:uppercase}.prompt-detail strong{font-size:.82rem}.text-button{border:0;background:transparent;color:var(--green);font-weight:800;cursor:pointer}.hero-game-card .text-button{color:#c9fce9}.game-message{min-height:30px;padding:8px 16px;background:#061c17;color:#92b4ab;font-size:.7rem;border-top:1px solid rgba(255,255,255,.06)}.section-pad{padding:72px 0}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:28px}.section-title-row>p{max-width:470px;margin:0;color:var(--muted);line-height:1.65}.mode-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.mode-card{position:relative;min-height:210px;padding:22px 18px 18px;text-align:left;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);cursor:pointer}.mode-card:hover,.mode-card.selected{background:#eef9f5}.mode-card.selected::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:3px;background:var(--green)}.mode-icon{display:flex;align-items:center;height:42px;color:var(--green);font-size:1.25rem;font-weight:900}.mode-badge{position:absolute;top:18px;right:14px;color:#80908a;font-size:.52rem;font-weight:900;letter-spacing:.08em}.mode-card strong{display:block;margin-top:9px;font-size:.92rem}.mode-card p{min-height:58px;margin:7px 0 12px;color:var(--muted);font-size:.75rem;line-height:1.5}.mode-card small{color:var(--green-dark);font-weight:800}.progress-section{background:#f0f4f2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{border:1px solid var(--line);border-radius:3px;background:#fff;padding:24px}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-heading h2{font-size:1.35rem}.level-badge{padding:8px 10px;border:1px solid #c8e8dd;background:#f4fbf8;color:var(--green-dark);font-size:.72rem}.mastery-layout{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.mastery-gauge{--mastery:0deg;position:relative;width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(var(--green) var(--mastery),#e4ebe7 0)}.mastery-gauge::before{content:"";position:absolute;inset:17px;border-radius:50%;background:#fff}.mastery-gauge strong,.mastery-gauge span{position:relative;z-index:1}.mastery-gauge strong{color:var(--green-dark);font-size:2rem;letter-spacing:-.05em}.mastery-gauge span{color:var(--muted);font-size:.7rem}.progress-stats{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.progress-stats>div{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.progress-stats span{display:block;color:#7b8983;font-size:.62rem}.progress-stats strong{display:block;margin-top:5px;font-size:1.18rem}.profile-actions{display:flex;gap:10px;align-items:center;margin-top:20px}.button-ghost-dark{min-height:36px;padding:0 12px;background:#fff;color:var(--ink);border-color:#c9d3ce;font-size:.72rem}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.danger{margin-left:auto;color:#b2463d}.weak-summary{max-width:180px;color:#76847e;font-size:.7rem;text-align:right}.keyboard-heatmap{display:flex;flex-direction:column;gap:6px;padding:17px 10px;border:1px solid #e1e6e3;background:#fafcfb;overflow:hidden}.keyboard-row{display:flex;gap:5px;justify-content:center}.row-2{padding-left:18px}.row-3{padding-left:42px}.heat-key{display:grid;place-items:center;width:36px;height:31px;border:1px solid #d2d9d5;border-bottom:3px solid #c5ceca;border-radius:3px;background:#fff;font-size:.68rem;font-weight:800}.heat-key[data-heat="good"]{background:#bff3df;border-color:#8bd5bb}.heat-key[data-heat="average"]{background:#f2df8f;border-color:#dfc85f}.heat-key[data-heat="weak"]{background:#f3aa8f;border-color:#dc7d60}.heat-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:11px;color:#7c8984;font-size:.63rem}.heat-legend span{display:flex;align-items:center;gap:5px}.heat-legend i{width:10px;height:10px;border:1px solid #d2d9d5;background:#fff}.heat-legend .heat-good{background:#bff3df}.heat-legend .heat-average{background:#f2df8f}.heat-legend .heat-weak{background:#f3aa8f}.achievement-strip{display:grid;grid-template-columns:repeat(6,1fr);margin-top:16px;border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}.achievement{display:flex;gap:9px;min-height:86px;padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);opacity:.46}.achievement.unlocked{opacity:1;background:#f4fbf8}.achievement>span{color:var(--green);font-weight:900}.achievement strong{display:block;font-size:.72rem}.achievement small{display:block;margin-top:4px;color:#7c8984;font-size:.58rem;line-height:1.35}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefit-grid article{min-height:170px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.benefit-grid article>span{display:block;margin-bottom:24px;color:var(--green);font-weight:900}.benefit-grid p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.faq-section{background:#fff;border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:80px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{margin:11px 0 0;color:var(--muted);line-height:1.65}.site-footer{padding:34px 0;background:var(--ink);color:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{min-width:0;color:#fff}.footer-inner p{margin:0;color:#91a09a;font-size:.75rem}@media(max-width:1040px){.main-nav{display:none}.button-daily{margin-left:auto}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:760px}.mode-grid{grid-template-columns:repeat(3,1fr)}.achievement-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.wrap{width:min(100% - 24px,1240px)}.header-inner{min-height:70px}.brand{min-width:0}.brand-copy small{display:none}.brand img{width:42px;height:42px}.button-daily{min-width:0;padding:0 12px}.hero{padding:42px 0}.hero-facts{grid-template-columns:repeat(2,1fr)}.hero-facts div:nth-child(2){border-right:0}.hero-facts div:nth-child(n+3){padding-top:14px}.game-toolbar{grid-template-columns:1fr repeat(2,.65fr) 46px}.toolbar-stat:nth-of-type(3){display:none}.board-wrap{height:62vw;min-height:310px;max-height:440px}.game-prompt{grid-template-columns:1fr auto}.prompt-detail{display:none}.section-title-row{align-items:start;flex-direction:column;gap:8px}.mode-grid{grid-template-columns:repeat(2,1fr)}.progress-grid{grid-template-columns:1fr}.mastery-layout{grid-template-columns:140px 1fr}.mastery-gauge{width:130px;height:130px}.achievement-strip{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr;gap:22px}.footer-inner{align-items:flex-start;flex-direction:column}}@media(max-width:500px){h1{font-size:clamp(2.5rem,13vw,3.5rem)}.brand-copy strong{font-size:1.25rem}.button-daily{font-size:.7rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-facts strong{font-size:1.05rem}.game-toolbar{grid-template-columns:1fr .65fr 42px}.toolbar-stat:nth-of-type(2),.toolbar-stat:nth-of-type(3){display:none}.board-wrap{height:78vw;min-height:280px}.game-prompt{padding:10px}.prompt-keys{gap:4px}.key-chip{gap:2px}.key-chip small{display:none}.word-chip small{display:none}.game-message{display:none}.mode-grid{grid-template-columns:1fr}.mastery-layout{grid-template-columns:1fr}.mastery-gauge{margin:0 auto}.profile-actions{flex-wrap:wrap}.danger{margin-left:0}.achievement-strip,.benefit-grid{grid-template-columns:1fr}.keyboard-row{gap:3px}.heat-key{width:30px;height:29px}.row-2{padding-left:12px}.row-3{padding-left:24px}}

/* E7 production QA / accessibility */
.skip-link{position:fixed;left:12px;top:10px;z-index:100;transform:translateY(-150%);padding:10px 14px;border:2px solid var(--acid);border-radius:2px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800}.skip-link:focus{transform:translateY(0)}
.noscript-banner{padding:12px 20px;background:#fff2c7;border-bottom:1px solid #e6cd76;color:#493e16;text-align:center;font-size:.82rem;font-weight:700}
:where(a,button,select,input,summary,[tabindex]):focus-visible{outline:3px solid var(--acid);outline-offset:3px}
#snake-canvas:focus-visible{outline:3px solid var(--acid);outline-offset:-3px}
.keyboard-notice{display:none;padding:10px 16px;border-top:1px solid rgba(255,255,255,.07);background:#0a3028;color:#a9c8bf;font-size:.7rem;line-height:1.45}.keyboard-notice strong{color:#fff}
.icon-button[aria-pressed="true"]{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.mode-card:focus-visible{position:relative;z-index:2;outline-offset:-3px}
.heat-key:focus-visible{outline-offset:1px}
.error-page{min-height:100vh;display:grid;place-items:center;background:#fff}.error-shell{width:min(680px,calc(100% - 40px));padding:56px 0}.error-shell img{display:block;width:min(430px,100%);height:auto;margin-bottom:52px}.error-shell h1{font-size:clamp(2.7rem,7vw,4.7rem)}.error-shell>p:not(.section-kicker){max-width:560px;margin-bottom:28px;color:var(--muted);font-size:1.05rem;line-height:1.65}
@media(pointer:coarse){.keyboard-notice{display:block}}
@media(max-width:760px){.keyboard-notice{display:block}.board-wrap canvas{touch-action:none}.hero-game-card{box-shadow:0 8px 24px rgba(15,20,23,.1)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(prefers-contrast:more){:root{--line:#aeb8b3;--muted:#37433e}.button-ghost,.button-ghost-dark{border-width:2px}.key-chip kbd,.heat-key{border-color:#53615b}}

/* E8 cartoon identity + multipage SEO cluster */
:root{--cartoon-green:#54c934;--cartoon-lime:#a7f432;--cartoon-yellow:#ffd64d;--cartoon-red:#ff695f;--cartoon-cream:#fffdf4;--cartoon-shadow:0 8px 0 rgba(36,93,24,.12),0 16px 32px rgba(15,20,23,.10)}
body{background:#fbfcf8}.cartoon-header{background:rgba(255,255,255,.97)}.cartoon-header .header-inner{min-height:76px}.cartoon-brand{min-width:235px;gap:7px}.brand-mascot{width:58px;height:62px;object-fit:contain;margin:-6px 0}.cartoon-brand .brand-copy strong{font-size:1.65rem}.cartoon-button{border-color:#2e8b2d;background:linear-gradient(#69db43,#34a92d);border-radius:9px;box-shadow:inset 0 1px rgba(255,255,255,.55),0 4px 0 #247825,0 8px 18px rgba(58,154,44,.16);text-shadow:0 1px rgba(0,0,0,.08)}.cartoon-button:hover{background:linear-gradient(#78e94f,#3ab531);transform:translateY(-1px)}.header-play{min-width:112px}.cartoon-hero{position:relative;overflow:hidden;padding:48px 0 52px;background:radial-gradient(circle at 12% 10%,#f2ffd9 0,transparent 26%),linear-gradient(180deg,#fff 0,#fbfff4 100%)}.cartoon-hero::after{content:"";position:absolute;width:460px;height:460px;right:-220px;top:-230px;border-radius:50%;background:rgba(167,244,50,.12);pointer-events:none}.hero-title-with-mascot{position:relative}.hero-title-with-mascot>img{position:absolute;width:148px;height:auto;right:-34px;top:-80px;filter:drop-shadow(0 12px 18px rgba(38,92,24,.13));transform:rotate(4deg)}.cartoon-hero h1{font-size:clamp(2.65rem,4.6vw,4.4rem);max-width:650px}.cartoon-hero h1 em{color:#2ca83a}.cartoon-hero .hero-lede{max-width:600px;color:#4f6256}.cartoon-game-card{border:2px solid #245d18;border-radius:16px;box-shadow:var(--cartoon-shadow);overflow:hidden;background:#073528}.cartoon-game-card .game-toolbar{background:linear-gradient(180deg,#0b4b39,#09352b);height:64px}.cartoon-game-card .board-wrap{height:410px}.cartoon-game-card .icon-button,.cartoon-game-card .select-wrap select{border-radius:8px}.game-mode-title{padding:0 16px}.game-mode-title span{display:block;color:#9bc9b9;font-size:.56rem;font-weight:900;letter-spacing:.1em}.game-mode-title strong{display:block;margin-top:4px;color:#fff;font-size:.92rem}.cartoon-game-card .game-prompt{background:#092a22}.cartoon-game-card .key-chip kbd{border-radius:7px;background:#fffdf4;border-color:#d9d0b9;border-bottom-color:#baa98b;box-shadow:0 2px 0 rgba(0,0,0,.2)}.cartoon-game-card .word-chip{border-radius:8px}.cartoon-mode-grid{grid-template-columns:repeat(5,1fr);border:0;gap:14px}.cartoon-mode-grid .mode-card{min-height:236px;padding:20px;border:1px solid #dfe8db;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 5px 0 #edf2e9;transition:transform .15s ease,box-shadow .15s ease}.cartoon-mode-grid .mode-card:hover{transform:translateY(-4px);box-shadow:0 9px 0 #e7efe2;background:#fff}.mode-art{display:grid;place-items:center;width:78px;height:66px;margin:0 0 12px;border-radius:16px;background:linear-gradient(180deg,#f4ffe8,#e4f8d4);border:1px solid #cde7bc;font-size:1rem;font-weight:1000;color:#1d7329;letter-spacing:-.05em;box-shadow:inset 0 1px #fff,0 4px 8px rgba(51,116,42,.08)}.mode-art-starter{background:transparent url('../assets/cartoon/snakekeys-mascot-card.png') center/contain no-repeat;border:0;box-shadow:none}.mode-art-classic::before{content:"🏆";font-size:2.5rem}.mode-art-home-row::before{content:"ASDF";padding:8px;border:2px solid #3aa84b;border-radius:8px;background:#fffdf4;box-shadow:0 4px 0 #cfc7b5}.mode-art-words::before{content:"CAT";padding:8px 11px;border:2px solid #3aa84b;border-radius:12px;background:#fffdf4;box-shadow:0 4px 0 #cfc7b5}.mode-art-alphabet::before{content:"ABC";font-size:1.45rem;color:#248f36}.mode-card .mode-badge{top:20px;right:17px;padding:5px 7px;border-radius:10px;background:#f0f7eb;color:#448743}.mode-card p{min-height:70px}.mode-card small{font-size:.72rem}.how-section{background:#fff;border-top:1px solid #e5eadf}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps-grid article{position:relative;min-height:185px;padding:22px;border:1px solid #dfe8db;border-radius:12px;background:#fff;box-shadow:0 5px 0 #edf2e9}.steps-grid article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:25px;border-radius:50%;background:linear-gradient(#7ce954,#3ab638);color:#fff;font-weight:900;box-shadow:0 3px 0 #247b2c}.steps-grid p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.seo-section{background:#fff;border-top:1px solid var(--line)}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.seo-grid p{color:var(--muted);line-height:1.72}.chooser-list{display:grid;gap:8px}.chooser-list a{display:flex;justify-content:space-between;gap:20px;padding:13px 14px;border:1px solid #dfe8db;border-radius:8px;background:#fbfff7;color:var(--ink);text-decoration:none}.chooser-list a:hover{border-color:#98cf83;background:#f4ffe9}.chooser-list span{color:var(--muted);font-size:.78rem}.faq-intro{color:var(--muted);line-height:1.6}.cartoon-footer{background:linear-gradient(120deg,#08382d,#071f1a)}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.footer-links a{color:#d8eee7;text-decoration:none;font-size:.72rem}.footer-links a:hover{color:var(--acid)}

/* Dedicated game pages */
.mode-page{--mode-accent:#49bd3a}.mode-page.theme-home-row{--mode-accent:#78c850}.mode-page.theme-words{--mode-accent:#46b8d9}.mode-page.theme-alphabet{--mode-accent:#f2b82f}.mode-page.theme-classic{--mode-accent:#47b344}.mode-page.theme-starter{--mode-accent:#62cc39}.mode-hero{padding:28px 0 48px;background:linear-gradient(180deg,#fff,#f7fced);border-bottom:1px solid #e0e9db}.breadcrumbs{display:flex;gap:8px;margin:0 0 24px;color:#75827b;font-size:.72rem}.breadcrumbs a{color:#347c3b;text-decoration:none}.mode-hero-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:32px;align-items:center}.mode-copy{position:relative;padding:26px 8px 24px 0;min-height:450px}.mode-copy h1{font-size:clamp(3rem,5vw,5rem)}.mode-copy .hero-lede{max-width:480px}.mode-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}.mode-tags span{padding:7px 9px;border:1px solid #cfe0c8;border-radius:13px;background:#fff;color:#486251;font-size:.67rem;font-weight:800}.mode-mascot{position:absolute;right:10px;bottom:-28px;width:150px;height:auto;opacity:.96;filter:drop-shadow(0 10px 12px rgba(42,98,31,.14))}.mode-content{background:#fff}.mode-info-grid{display:grid;grid-template-columns:1.05fr 1fr .85fr;gap:14px;margin-top:16px}.benefit-list{display:grid;gap:14px}.benefit-list article{padding-bottom:14px;border-bottom:1px solid #e7ece4}.benefit-list article:last-child{padding-bottom:0;border-bottom:0}.benefit-list h3{font-size:.9rem;color:#317d37}.benefit-list p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}.tips-panel ol{padding-left:20px;margin:10px 0 0}.tips-panel li{margin:0 0 12px;color:var(--muted);font-size:.8rem;line-height:1.5}.mini-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.mini-stats div{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-stats span{display:block;color:#7a8781;font-size:.62rem}.mini-stats strong{display:block;margin-top:5px;font-size:1.05rem}.related-section{background:#f5f8f1;border-top:1px solid #e0e7dc}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-card{min-height:150px;padding:20px;border:1px solid #dbe5d6;border-radius:10px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 4px 0 #e9eee6}.related-card:hover{transform:translateY(-2px)}.related-card strong{display:block;color:#278538}.related-card span{display:block;margin:9px 0;color:var(--muted);font-size:.74rem;line-height:1.45}.related-card small{color:#347c3b;font-weight:800}

@media(max-width:1100px){.hero-title-with-mascot>img{opacity:.18;right:0}.cartoon-mode-grid{grid-template-columns:repeat(3,1fr)}.mode-hero-grid{grid-template-columns:1fr}.mode-copy{min-height:0;padding-right:170px}.mode-mascot{bottom:0}.mode-info-grid{grid-template-columns:1fr 1fr}.progress-mini{grid-column:1/-1}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-play{margin-left:auto}.cartoon-brand{min-width:0}.brand-mascot{width:46px;height:50px}.hero-title-with-mascot>img{display:none}.cartoon-mode-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.seo-grid{grid-template-columns:1fr}.chooser-list a{flex-direction:column;gap:4px}.mode-copy{padding-right:0}.mode-mascot{display:none}.mode-info-grid{grid-template-columns:1fr}.progress-mini{grid-column:auto}.related-grid{grid-template-columns:1fr 1fr}.footer-links{order:3}.cartoon-game-card .board-wrap{height:60vw;min-height:300px}}
@media(max-width:500px){.cartoon-mode-grid,.steps-grid,.related-grid{grid-template-columns:1fr}.cartoon-mode-grid .mode-card{min-height:190px}.mode-card p{min-height:0}.mode-copy h1{font-size:2.8rem}.mode-tags{gap:5px}.footer-links{display:grid;grid-template-columns:1fr 1fr}}

/* v0.8.1 — home demo is intentionally single-mode. Dedicated modes live on their own URLs. */
.game-mode-title{min-width:190px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.game-mode-title span{display:block;color:#9bc9b9;font-size:.56rem;font-weight:900;letter-spacing:.11em}
.game-mode-title strong{display:block;margin-top:4px;color:#fff;font-size:1rem;line-height:1.1}
@media(max-width:760px){.game-mode-title{min-width:0;padding:0 10px}.game-mode-title span{font-size:.5rem}.game-mode-title strong{font-size:.82rem}}

/* v0.9.0 — expanded game cluster + illustrated interlinking */
.cartoon-mode-grid{grid-template-columns:repeat(5,1fr)}
.mode-art{padding:0;overflow:hidden;background:#eef8df}
.mode-art img{display:block;width:100%;height:100%;object-fit:contain}
.word-chip-large{padding:8px 10px;font-size:.84rem}
.word-chip-large b{font-size:.9rem}
.mode-page.theme-dynamic{--mode-accent:#58b7ff}.mode-page.theme-adaptive{--mode-accent:#6fcb5f}.mode-page.theme-speed{--mode-accent:#ff9255}.mode-page.theme-accuracy{--mode-accent:#ff6c63}.mode-page.theme-fruit-words{--mode-accent:#f39a32}
.related-grid{grid-template-columns:repeat(3,1fr)}
.related-card{display:flex;flex-direction:column;gap:10px;min-height:0}
.related-card-media{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border:1px solid #e6ede1;border-radius:10px;background:linear-gradient(180deg,#fbfef7,#f2f7ed)}
.related-card strong{margin-top:2px}
@media(max-width:1100px){.cartoon-mode-grid{grid-template-columns:repeat(4,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cartoon-mode-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.cartoon-mode-grid,.related-grid{grid-template-columns:1fr}}

/* v0.9.1 — static illustrated interlinking */
.chooser-list a{align-items:center}.chooser-list a>img{width:58px;height:58px;flex:0 0 58px;object-fit:contain;border:1px solid #dfe8db;border-radius:9px;background:#f8fced}.chooser-copy{display:flex;flex:1;min-width:0;justify-content:space-between;gap:18px;align-items:center}.chooser-copy>strong{min-width:170px}.chooser-copy>span{color:var(--muted);font-size:.78rem}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-card-media{height:142px;object-fit:contain}.mode-mascot{width:178px;max-height:190px;object-fit:contain}
@media(max-width:760px){.chooser-copy{align-items:flex-start;flex-direction:column;gap:3px}.chooser-copy>strong{min-width:0}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.related-grid{grid-template-columns:1fr}}