.games-page,.number-play-page{--games-coral:#ff759f;--games-gold:#ffbf58;--games-mint:#5bd7b1;--games-cyan:#66cbe9;--games-violet:#8a73f6;--games-blue:#5d8cff}
.games-hub,.number-lab{position:relative;z-index:1}.games-hub{display:grid;gap:48px}.games-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:54px;align-items:center;min-height:540px;padding:68px 0 30px}.games-hero-copy{max-width:720px}.games-title{margin:14px 0 18px;font-family:var(--font-ui);font-size:clamp(3.05rem,5.4vw,5.55rem);line-height:.94;letter-spacing:-.055em}.games-title span,.games-title strong{display:block}.games-title span{color:var(--ink-strong)}.games-title strong{margin-top:.09em;background:linear-gradient(95deg,var(--games-blue),var(--games-violet) 46%,var(--games-coral));-webkit-background-clip:text;background-clip:text;color:transparent}.games-hero .copy{max-width:680px;font-size:1.05rem;line-height:1.72}.games-hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.games-hero-pills span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid color-mix(in srgb,var(--purple) 13%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 90%,transparent);font-size:.75rem;font-weight:850;color:var(--muted);box-shadow:0 7px 20px rgba(44,65,104,.07)}.games-hero-pills .icon{width:17px;height:17px;color:var(--purple)}
.games-universe{position:relative;justify-self:end;width:min(440px,38vw);aspect-ratio:1;border-radius:38%;overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--purple) 13%,var(--line));background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.98),rgba(237,249,255,.76) 42%,rgba(246,238,255,.76) 72%,rgba(255,240,246,.72));box-shadow:0 34px 82px rgba(73,84,142,.17)}.games-universe::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 15deg,transparent 0 15%,rgba(103,204,233,.08) 20%,transparent 30% 48%,rgba(138,115,246,.1) 54%,transparent 64% 80%,rgba(255,117,159,.08) 86%,transparent);animation:universe-drift 24s linear infinite}.universe-halo{position:absolute;border:1px dashed color-mix(in srgb,var(--purple) 20%,transparent);border-radius:50%;inset:13%;animation:universe-spin 24s linear infinite}.universe-halo.halo-two{inset:29%;border-color:color-mix(in srgb,var(--games-cyan) 27%,transparent);animation-direction:reverse;animation-duration:17s}.universe-path{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--purple) 22%,transparent),transparent);opacity:.7}.path-one{width:44%;left:25%;top:39%;rotate:-24deg}.path-two{width:45%;left:31%;top:63%;rotate:21deg}.universe-core{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:3;width:132px;aspect-ratio:1;border-radius:34px;display:grid;place-items:center;align-content:center;background:linear-gradient(145deg,#fff7cd,#ffc562 54%,#ffb466);box-shadow:0 13px 0 rgba(189,119,29,.14),0 28px 58px rgba(104,77,48,.2);animation:universe-breathe 5.6s ease-in-out infinite}.universe-core-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.65);color:#7653bf}.universe-core-icon svg{width:22px;height:22px}.universe-core strong{margin-top:8px;font-family:var(--font-ui);font-size:1.02rem;color:#5a456f}.universe-core small{margin-top:1px;font-size:.66rem;font-weight:900;letter-spacing:.13em;color:#8a5a66;text-transform:uppercase}.universe-node{position:absolute;z-index:2;min-width:62px;min-height:58px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--purple) 13%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 12px 28px rgba(55,73,112,.12);display:grid;place-items:center;align-content:center;color:var(--ink);animation:node-float 6s ease-in-out infinite}.universe-node b{font-family:var(--font-ui);font-size:1.18rem;line-height:1;color:var(--purple)}.universe-node small{margin-top:5px;font-size:.48rem;font-weight:950;letter-spacing:.1em;color:var(--muted)}.universe-node svg{width:22px;height:22px;color:var(--purple)}.node-number{left:8%;top:39%;animation-delay:-1.1s}.node-language{right:8%;top:15%;animation-delay:-2.2s}.node-audio{right:7%;top:50%;animation-delay:-3.4s}.node-world{left:17%;top:12%;animation-delay:-4.2s}.node-star{right:21%;bottom:7%;animation-delay:-.6s}.node-logic{left:12%;bottom:11%;grid-template-columns:repeat(2,8px);justify-content:center;align-content:center;justify-items:center;column-gap:4px;row-gap:3px}.node-logic small{grid-column:1/-1;justify-self:center;width:max-content;max-width:54px;margin:5px 0 0;text-align:center;white-space:nowrap}.node-logic i{width:8px;height:8px;border-radius:3px;background:linear-gradient(145deg,var(--games-mint),var(--games-blue))}.node-logic i:nth-child(2){background:linear-gradient(145deg,var(--games-gold),var(--games-coral))}.node-logic i:nth-child(3){background:linear-gradient(145deg,var(--games-violet),var(--games-coral))}.node-logic i:nth-child(4){background:linear-gradient(145deg,var(--games-cyan),var(--games-mint))}.universe-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--games-coral);box-shadow:0 0 0 7px color-mix(in srgb,var(--games-coral) 12%,transparent);animation:particle-pulse 4s ease-in-out infinite}.particle-a{left:43%;top:11%}.particle-b{right:11%;bottom:29%;background:var(--games-gold);animation-delay:-1.4s}.particle-c{left:42%;bottom:9%;background:var(--games-mint);animation-delay:-2.7s}
.games-suite{display:grid;gap:24px}.games-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px}.games-section-head>div{max-width:800px}.eyebrow{margin:0 0 7px;color:var(--purple);font-size:.72rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.games-section-head h2,.family-origin h2{margin:0;font-family:var(--font-ui);font-size:clamp(2rem,3vw,3.3rem);letter-spacing:-.04em}.games-section-head p:not(.eyebrow),.family-origin p:not(.eyebrow){margin:10px 0 0;color:var(--muted);line-height:1.67}.family-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--games-gold) 34%,var(--line));border-radius:999px;background:linear-gradient(120deg,color-mix(in srgb,#fff0b3 42%,var(--surface)),color-mix(in srgb,#f3eaff 48%,var(--surface)));color:#8c6128;font-size:.72rem;font-weight:900}.family-badge i{width:7px;height:7px;border-radius:50%;background:var(--games-gold);box-shadow:0 0 0 5px color-mix(in srgb,var(--games-gold) 14%,transparent);animation:particle-pulse 3.4s ease-in-out infinite}
.game-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.number-game-card{--game-accent:var(--games-blue);position:relative;min-width:0;min-height:288px;display:flex;flex-direction:column;padding:22px;border:1px solid color-mix(in srgb,var(--game-accent) 20%,var(--line));border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--game-accent) 8%,var(--surface)),var(--surface) 64%);box-shadow:0 9px 0 color-mix(in srgb,var(--game-accent) 10%,transparent),0 24px 48px rgba(44,65,104,.1);text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.number-game-card.is-violet{--game-accent:var(--games-violet)}.number-game-card.is-rainbow{--game-accent:#b765db}.number-game-card.is-mint{--game-accent:var(--games-mint)}.number-game-card.is-gold{--game-accent:var(--games-gold)}.number-game-card.is-coral{--game-accent:var(--games-coral)}.game-card-glow{position:absolute;width:170px;height:170px;right:-60px;top:-62px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--game-accent) 24%,transparent),transparent 70%);pointer-events:none}.game-card-visual{position:relative;height:82px;display:flex;align-items:center;margin-bottom:3px;color:color-mix(in srgb,var(--game-accent) 86%,var(--ink));isolation:isolate}.visual-route{gap:12px}.visual-route>strong{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--game-accent) 14%,var(--surface));font-family:var(--font-ui);font-size:1.15rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--game-accent) 18%,transparent)}.route-visual-track{position:relative;flex:1;max-width:120px;height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 2px}.route-visual-track::before{content:"";position:absolute;left:4px;right:4px;top:50%;height:3px;translate:0 -50%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--game-accent) 28%,transparent),color-mix(in srgb,var(--game-accent) 68%,transparent),color-mix(in srgb,var(--game-accent) 28%,transparent))}.route-visual-track i{position:relative;z-index:1;width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--game-accent) 54%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--surface) 90%,transparent)}.route-visual-track b{position:absolute;z-index:2;left:2px;top:50%;width:14px;height:14px;border-radius:50%;translate:0 -50%;background:var(--game-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--game-accent) 15%,transparent);animation:route-travel 5.8s ease-in-out infinite}.visual-listen-choice{justify-content:center;gap:22px}.listen-disc{position:relative;width:58px;height:58px;border-radius:21px;display:grid;place-items:center;background:color-mix(in srgb,var(--game-accent) 15%,var(--surface));color:var(--game-accent)}.listen-disc svg{width:26px;height:26px}.listen-number{width:55px;height:55px;border-radius:18px;display:grid;place-items:center;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--game-accent) 24%,var(--line));font-family:var(--font-ui);font-size:1.35rem;font-weight:950;color:var(--game-accent);animation:number-pop 4.6s ease-in-out infinite}.sound-ring{position:absolute;left:calc(50% - 55px);top:50%;width:72px;height:72px;border:2px solid color-mix(in srgb,var(--game-accent) 28%,transparent);border-radius:50%;translate:-50% -50%;animation:sound-ring 3s ease-out infinite}.sound-ring-b{animation-delay:1.5s}.visual-listen-build{justify-content:center;gap:8px}.build-chip{width:44px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--surface);box-shadow:0 5px 0 color-mix(in srgb,var(--game-accent) 14%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--game-accent) 28%,var(--line));font-family:var(--font-ui);font-weight:950;color:var(--game-accent);animation:chip-float 5.3s ease-in-out infinite}.chip-b{animation-delay:-1.6s}.chip-c{animation-delay:-3.2s}.build-slots{position:absolute;left:50%;bottom:4px;translate:-50% 0;display:flex;gap:7px}.build-slots i{width:27px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--game-accent) 34%,transparent)}.visual-listen-write{justify-content:center}.write-pencil{position:absolute;left:34%;top:15px;width:12px;height:48px;border-radius:8px 8px 5px 5px;background:linear-gradient(180deg,color-mix(in srgb,var(--game-accent) 85%,#fff),var(--game-accent));rotate:38deg;transform-origin:50% 90%;animation:pencil-write 4.8s ease-in-out infinite}.write-pencil::before{content:"";position:absolute;left:2px;right:2px;top:-5px;height:8px;border-radius:5px;background:#ffe6b3}.write-pencil i{position:absolute;left:2px;right:2px;bottom:-7px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:9px solid #5a4d64}.write-line{position:absolute;left:43%;right:21%;bottom:21px;height:15px;border-bottom:3px solid color-mix(in srgb,var(--game-accent) 58%,transparent);border-radius:50%}.write-line i{position:absolute;left:0;bottom:-3px;width:52%;height:3px;border-radius:999px;background:var(--game-accent);transform-origin:left center;animation:line-grow 4.8s ease-in-out infinite}.write-spark{position:absolute;right:27%;top:13px;color:var(--game-accent);font-size:1.2rem;animation:particle-pulse 2.6s ease-in-out infinite}.number-game-card h3{margin:17px 0 8px;font-family:var(--font-ui);font-size:1.3rem;line-height:1.1;letter-spacing:-.025em}.number-game-card p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.58}.game-card-meta{margin-top:auto;padding-top:19px;display:flex;justify-content:space-between;align-items:center;gap:14px;color:color-mix(in srgb,var(--game-accent) 72%,var(--ink));font-size:.74rem;font-weight:900}.game-card-pulse{display:flex;align-items:center;gap:4px;padding:8px 9px;border-radius:999px;background:color-mix(in srgb,var(--game-accent) 10%,var(--surface))}.game-card-pulse i{width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--game-accent) 70%,var(--ink));opacity:.45}.game-card-pulse i:nth-child(2){opacity:.7}.game-card-pulse i:nth-child(3){opacity:1}
.family-origin{position:relative;overflow:hidden;display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;align-items:center;padding:34px 36px;border:1px solid color-mix(in srgb,var(--purple) 14%,var(--line));border-radius:30px;background:linear-gradient(125deg,color-mix(in srgb,var(--surface-lilac) 57%,var(--surface)),color-mix(in srgb,var(--surface-mint) 52%,var(--surface)) 55%,color-mix(in srgb,#fff3d5 38%,var(--surface)));box-shadow:0 12px 0 color-mix(in srgb,var(--purple) 6%,transparent),0 30px 66px rgba(57,70,111,.1)}.family-origin::after{content:"";position:absolute;right:-80px;top:-100px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--games-coral) 13%,transparent),transparent 68%);pointer-events:none}.family-origin h2{background:linear-gradient(96deg,var(--games-blue),var(--games-violet) 52%,#d85d95);-webkit-background-clip:text;background-clip:text;color:transparent}.origin-visual{position:relative;width:170px;height:128px}.origin-person{position:absolute;top:24px;width:72px;height:72px;border-radius:25px;display:grid;place-items:center;font-family:var(--font-ui);font-size:1.6rem;font-weight:950;box-shadow:0 9px 0 rgba(76,87,137,.09),0 20px 35px rgba(58,68,110,.12)}.origin-claudia{left:0;background:linear-gradient(145deg,#fff1bc,#ffb979);color:#8d5f2b}.origin-angel{right:0;background:linear-gradient(145deg,#dff6ff,#a9c9ff);color:#4d66a8}.origin-bridge{position:absolute;left:54px;right:54px;top:57px;height:8px;display:flex;justify-content:center;gap:5px}.origin-bridge i{width:7px;height:7px;border-radius:50%;background:var(--games-violet);animation:bridge-pulse 2.8s ease-in-out infinite}.origin-bridge i:nth-child(2){animation-delay:-.9s;background:var(--games-coral)}.origin-bridge i:nth-child(3){animation-delay:-1.8s;background:var(--games-mint)}.origin-star{position:absolute;left:50%;bottom:2px;translate:-50% 0;color:var(--purple);font-size:1.25rem;animation:particle-pulse 2.9s ease-in-out infinite}.origin-copy{position:relative;z-index:1}.origin-roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.origin-roles span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--purple) 12%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);font-size:.7rem;font-weight:800}.origin-roles strong{color:var(--ink);font-weight:950}
.number-lab{display:grid;gap:18px;padding-top:40px}.number-lab-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,330px);gap:24px;align-items:end}.back-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-bottom:12px;color:var(--muted);text-decoration:none;font-size:.78rem;font-weight:850}.number-lab-head h1{margin:8px 0 8px;font-family:var(--font-ui);font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.045em}.number-lab-head .copy{max-width:760px;margin:0}.mode-picker{position:relative;z-index:15}.mode-picker>summary{list-style:none;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 8px 24px rgba(48,74,112,.09);cursor:pointer}.mode-picker>summary::-webkit-details-marker{display:none}.mode-picker>summary span{display:grid;gap:3px;min-width:0}.mode-picker>summary small{color:var(--muted);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.mode-picker>summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.mode-picker>summary b{font-size:1.25rem;color:var(--purple)}.mode-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(480px,calc(100vw - 20px));padding:8px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-float);display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-menu button{min-width:0;min-height:54px;text-align:left;border:1px solid transparent;border-radius:14px;background:var(--surface-soft);color:var(--ink);padding:9px 10px;font:inherit;cursor:pointer}.mode-menu button strong,.mode-menu button small{display:block}.mode-menu button strong{font-size:.74rem}.mode-menu button small{margin-top:2px;color:var(--muted);font-size:.62rem}.mode-menu button[aria-current="true"]{border-color:color-mix(in srgb,var(--purple) 34%,var(--line));background:var(--surface-lilac);color:var(--purple)}
.game-controls{padding:15px 16px}.route-compact{display:grid;grid-template-columns:minmax(150px,1fr) 48px minmax(150px,1fr) minmax(220px,1.1fr);gap:10px;align-items:end}.route-compact label:not(.smart-mix){display:grid;gap:6px}.route-compact label>span,.game-controls label>span{font-size:.68rem;font-weight:900;color:var(--muted)}.route-compact select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);padding:0 12px;font:inherit;font-size:.82rem;font-weight:850}.swap-button{width:46px;height:46px;border:1px solid var(--line);border-radius:13px;background:var(--surface-lilac);color:var(--purple);font-size:1.1rem;font-weight:950;cursor:pointer}.smart-mix{min-height:46px;display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface-lilac) 44%,var(--surface));cursor:pointer}.smart-mix input{position:absolute;opacity:0;pointer-events:none}.smart-mix .switch{position:relative;flex:0 0 auto;width:38px;height:22px;border-radius:999px;background:var(--line-strong);transition:background .16s ease}.smart-mix .switch::after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(32,45,72,.2);transition:transform .16s ease}.smart-mix input:checked+.switch{background:linear-gradient(90deg,var(--games-blue),var(--games-violet))}.smart-mix input:checked+.switch::after{transform:translateX(16px)}.smart-mix>span:last-child{display:grid;gap:1px;min-width:0}.smart-mix strong{font-size:.74rem}.smart-mix small{font-size:.61rem;color:var(--muted)}.audio-language-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:12px;align-items:center}.lang-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.audio-lang{min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--muted);font:inherit;font-size:.75rem;font-weight:900;cursor:pointer}.audio-lang img{width:25px;height:17px;border-radius:4px;object-fit:cover}.audio-lang[aria-pressed="true"]{color:var(--purple);border-color:color-mix(in srgb,var(--purple) 30%,var(--line));background:var(--surface-lilac);box-shadow:0 4px 0 color-mix(in srgb,var(--purple) 10%,transparent)}.lang-segment.is-language-mix{padding:3px;border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--games-blue) 8%,transparent),color-mix(in srgb,var(--games-violet) 9%,transparent),color-mix(in srgb,var(--games-coral) 7%,transparent))}.lang-segment.is-language-mix .audio-lang[aria-pressed="true"]{color:var(--ink);border-color:color-mix(in srgb,var(--purple) 25%,var(--line));background:color-mix(in srgb,var(--surface) 82%,var(--surface-lilac));box-shadow:0 3px 0 color-mix(in srgb,var(--purple) 9%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--purple) 6%,transparent)}.lang-segment.is-language-mix .audio-lang[data-lang="ro"]{border-color:color-mix(in srgb,#4d78ff 28%,var(--line))}.lang-segment.is-language-mix .audio-lang[data-lang="da"]{border-color:color-mix(in srgb,#e94d71 25%,var(--line))}.lang-segment.is-language-mix .audio-lang[data-lang="en"]{border-color:color-mix(in srgb,#4ca5d8 28%,var(--line))}.route-mix-languages{display:none;grid-column:1/4;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line));border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--games-blue) 7%,var(--surface)),color-mix(in srgb,var(--games-violet) 7%,var(--surface)),color-mix(in srgb,var(--games-coral) 6%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface) 70%,transparent)}.route-compact.is-language-mix .route-single-control{display:none}.route-compact.is-language-mix .route-mix-languages{display:flex}.mix-language-chip{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid color-mix(in srgb,var(--purple) 20%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--surface) 90%,transparent);font-size:.72rem;font-weight:900;color:var(--ink);box-shadow:0 3px 0 color-mix(in srgb,var(--purple) 7%,transparent)}.mix-language-chip img{width:23px;height:16px;border-radius:4px;object-fit:cover}.mix-language-chip[data-lang="ro"]{border-color:color-mix(in srgb,#4d78ff 28%,var(--line))}.mix-language-chip[data-lang="da"]{border-color:color-mix(in srgb,#e94d71 25%,var(--line))}.mix-language-chip[data-lang="en"]{border-color:color-mix(in srgb,#4ca5d8 28%,var(--line))}
.number-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.number-stat{min-width:0;min-height:72px;padding:10px 12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,var(--surface-soft));display:grid;align-content:center;gap:2px;text-align:center}.number-stat strong{font-family:var(--font-ui);font-size:1.05rem;color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.number-stat span{font-size:.62rem;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.number-stage{position:relative;min-height:530px;padding:24px;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--surface-lilac) 22%,var(--surface)),var(--surface) 55%,color-mix(in srgb,var(--surface-mint) 22%,var(--surface)))}.stage-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.stage-sparkles i{position:absolute;font-style:normal;font-family:var(--font-ui);font-weight:950;color:color-mix(in srgb,var(--purple) 10%,transparent);font-size:clamp(3rem,7vw,7rem);transform:rotate(-10deg)}.stage-sparkles i:nth-child(1){left:3%;top:7%}.stage-sparkles i:nth-child(2){right:5%;top:8%;transform:rotate(12deg)}.stage-sparkles i:nth-child(3){left:6%;bottom:4%;transform:rotate(6deg)}.stage-sparkles i:nth-child(4){right:3%;bottom:1%;transform:rotate(-8deg)}.start-screen,.finish-screen{position:relative;z-index:2;min-height:470px;display:grid;place-items:center;align-content:center;text-align:center;gap:12px;max-width:660px;margin:auto}.start-orb{position:relative;width:126px;height:126px;border-radius:38px;display:grid;place-items:center;background:linear-gradient(145deg,#fff3bd,#ffb85d);box-shadow:0 12px 0 rgba(195,123,34,.15),0 28px 55px rgba(112,81,60,.16);isolation:isolate}.start-orb::before{content:"";position:absolute;inset:-18px;border:1px dashed color-mix(in srgb,var(--purple) 25%,transparent);border-radius:50%;animation:orbit-spin 14s linear infinite}.start-orb-visual{position:relative;z-index:1;width:106px;height:76px;display:grid;place-items:center}.start-orb .mode-option-visual.is-start{width:106px;height:76px;border:0;background:transparent;box-shadow:none;overflow:visible}.start-orb .mode-option-visual.is-start.is-route{gap:8px}.start-orb .mode-option-visual.is-start.is-route>b{font-size:.88rem;color:#674a86}.start-orb .mode-option-visual.is-start .mode-option-track{width:34px;background:rgba(103,74,134,.22)}.start-orb .mode-option-visual.is-start .mode-option-track::after{background:#7653bf;box-shadow:0 0 0 5px rgba(118,83,191,.12)}.start-orb .mode-option-visual.is-start .mode-sound{width:36px;height:36px;background:rgba(255,255,255,.48)}.start-orb .mode-option-visual.is-start .mode-choice-dots{grid-template-columns:repeat(2,9px);gap:5px}.start-orb .mode-option-visual.is-start .mode-choice-dots b{width:9px;height:9px}.start-orb .mode-option-visual.is-start .mode-letter{width:29px;height:34px;border-radius:10px;background:rgba(255,255,255,.55);font-size:.72rem}.start-orb .mode-option-visual.is-start .mode-pencil{left:34%;top:16px;width:9px;height:36px}.start-orb .mode-option-visual.is-start .mode-write-line{left:48%;right:10%;bottom:18px}.start-orb i{position:absolute;width:9px;height:9px;right:8px;top:10px;border-radius:50%;background:#ff6e9f;box-shadow:-120px 84px 0 #5cd6b1}.start-screen h2,.finish-screen h2{margin:14px 0 0;font-family:var(--font-ui);font-size:clamp(1.9rem,3.5vw,3rem);letter-spacing:-.035em}.start-screen p{max-width:580px;margin:0;color:var(--muted);line-height:1.65}.start-button{min-width:220px;margin-top:8px}.start-screen small{color:var(--muted);font-size:.69rem}.play-screen{position:relative;z-index:2;max-width:900px;margin:auto}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.stage-top>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.mode-badge,.route-flags{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:.68rem;font-weight:900}.mode-badge{background:var(--surface-lilac);color:var(--purple)}.route-flags{background:var(--surface-soft);color:var(--muted)}.route-flags{gap:6px}.route-code{font-weight:950;letter-spacing:.04em}.route-flow-icon{position:relative;display:inline-block;width:18px;height:12px;flex:0 0 auto;color:var(--purple)}.route-flow-icon i{position:absolute;left:1px;right:2px;top:5px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--games-cyan),var(--purple),var(--games-coral))}.route-flow-icon b{position:absolute;right:1px;top:2px;width:7px;height:7px;border-top:2px solid var(--games-coral);border-right:2px solid var(--games-coral);transform:rotate(45deg);border-radius:1px}.stage-toggles{display:flex;gap:6px}.stage-toggles button{min-height:34px;padding:0 9px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);font:inherit;font-size:.64rem;font-weight:850;cursor:pointer}.progress-track{height:8px;margin:14px 0 0;border-radius:999px;background:color-mix(in srgb,var(--line) 80%,transparent);overflow:hidden}.progress-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--games-blue),var(--games-violet),var(--games-coral));transition:width .24s ease}.question-panel{min-height:235px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:24px 16px 14px}.question-flag{width:34px;height:23px;border-radius:5px;object-fit:cover;box-shadow:0 2px 7px rgba(32,48,80,.14)}.question-prompt{margin:0;color:var(--muted);font-size:.82rem;font-weight:800}.question-word{font-family:var(--font-ui);font-size:clamp(2.4rem,6vw,5.2rem);font-weight:950;line-height:1;letter-spacing:-.04em;color:var(--ink-strong)}.question-digit{width:124px;height:124px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--games-cyan) 20%,var(--surface)),color-mix(in srgb,var(--games-violet) 14%,var(--surface)));border:1px solid color-mix(in srgb,var(--games-violet) 22%,var(--line));font-family:var(--font-ui);font-size:4.3rem;font-weight:950;color:var(--purple);box-shadow:0 10px 0 color-mix(in srgb,var(--purple) 8%,transparent)}.voice-orb{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid color-mix(in srgb,var(--games-cyan) 30%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--games-cyan) 9%,var(--surface));color:color-mix(in srgb,var(--blue) 78%,var(--ink));font:inherit;font-size:.74rem;font-weight:900;cursor:pointer}.voice-orb .icon{width:18px;height:18px}.number-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px;margin:0 auto}.number-answer{min-width:0;min-height:64px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);font:inherit;font-family:var(--font-ui);font-size:1.05rem;font-weight:900;cursor:pointer;box-shadow:0 5px 0 color-mix(in srgb,var(--line-strong) 60%,transparent);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.number-answer.is-correct{border-color:color-mix(in srgb,var(--success) 65%,var(--line));background:color-mix(in srgb,var(--success) 14%,var(--surface));color:color-mix(in srgb,var(--success) 70%,var(--ink))}.number-answer.is-wrong{border-color:color-mix(in srgb,var(--danger) 58%,var(--line));background:color-mix(in srgb,var(--danger) 11%,var(--surface));color:color-mix(in srgb,var(--danger) 72%,var(--ink))}.build-area{max-width:780px;margin:auto}.built-pattern{min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-family:var(--font-ui);font-size:clamp(1.5rem,5vw,2.7rem);font-weight:950;letter-spacing:.16em;color:var(--ink-strong)}.letter-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 0}.letter-tile{min-width:46px;height:46px;padding:0 10px;border:1px solid color-mix(in srgb,var(--games-violet) 22%,var(--line));border-radius:13px;background:var(--surface);color:var(--ink);font:inherit;font-family:var(--font-ui);font-size:1rem;font-weight:950;cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb,var(--purple) 12%,transparent)}.letter-tile:disabled{opacity:.28;transform:translateY(2px);box-shadow:none}.build-actions{display:flex;justify-content:center;gap:9px;margin-top:10px}.write-area{max-width:720px;margin:auto;display:grid;gap:8px}.write-area>label{font-size:.72rem;color:var(--muted);font-weight:900}.write-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.write-row input{min-width:0;min-height:54px;border:2px solid color-mix(in srgb,var(--games-violet) 24%,var(--line));border-radius:15px;background:var(--surface);color:var(--ink);padding:0 14px;font:inherit;font-size:1rem;font-weight:800}.special-letters{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.special-letters button{min-width:42px;min-height:40px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font:inherit;font-weight:900;cursor:pointer}.special-letters button:last-child{padding:0 11px;color:var(--muted);font-size:.7rem}.number-feedback{min-height:54px;display:grid;place-items:center;text-align:center;margin:16px auto 0;padding:8px 12px;border-radius:15px;color:var(--muted);font-size:.82rem;font-weight:850;line-height:1.45}.number-feedback.is-ok{background:color-mix(in srgb,var(--success) 12%,transparent);color:color-mix(in srgb,var(--success) 68%,var(--ink))}.number-feedback.is-bad{background:color-mix(in srgb,var(--danger) 10%,transparent);color:color-mix(in srgb,var(--danger) 65%,var(--ink))}.next-row{min-height:56px;display:flex;justify-content:center;align-items:center}.finish-medal{width:86px;height:86px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#fff2a9,#ffb451);color:#8a5b30;box-shadow:0 9px 0 rgba(180,108,32,.14)}.finish-medal .icon{width:42px;height:42px}.final-score{font-family:var(--font-ui);font-size:1.3rem;font-weight:950;color:var(--purple)}.type-summary{width:min(100%,660px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.type-summary div{padding:10px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 90%,var(--surface-soft));font-size:.72rem;color:var(--muted)}.type-summary strong{color:var(--ink)}.finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:10px}
.pronunciation-studio{overflow:hidden}.pronunciation-studio>summary{list-style:none;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;cursor:pointer}.pronunciation-studio>summary::-webkit-details-marker{display:none}.pronunciation-studio>summary span{display:grid;grid-template-columns:24px 1fr;column-gap:10px;align-items:center}.pronunciation-studio>summary .icon{grid-row:1/3;width:22px;height:22px;color:var(--purple)}.pronunciation-studio>summary strong{font-size:.84rem}.pronunciation-studio>summary small{color:var(--muted);font-size:.68rem}.pronunciation-studio>summary b{color:var(--purple);font-size:1.25rem}.pronunciation-library{padding:0 16px 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pron-lang{min-width:0;border:1px solid var(--line);border-radius:17px;background:var(--surface-soft);padding:10px}.pron-lang h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:.78rem}.pron-lang h3 img{width:24px;height:16px;border-radius:4px}.pron-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.pron-button{min-width:0;min-height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:.64rem;font-weight:850;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;padding:0 7px}.pron-button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.pron-sound-icon{position:relative;flex:0 0 auto;width:18px;height:18px;border-radius:7px;background:color-mix(in srgb,var(--games-cyan) 12%,var(--surface));color:color-mix(in srgb,var(--blue) 78%,var(--ink))}.pron-sound-icon i{position:absolute;left:4px;top:6px;width:5px;height:7px;border-radius:2px 0 0 2px;background:currentColor;box-shadow:3px 0 0 -1px currentColor}.pron-sound-icon b{position:absolute;right:3px;top:4px;width:6px;height:10px;border:1.5px solid currentColor;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 8px 8px 0;opacity:.82}
.hidden{display:none!important}
@media(hover:hover) and (pointer:fine){.number-game-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--game-accent) 38%,var(--line));box-shadow:0 10px 0 color-mix(in srgb,var(--game-accent) 14%,transparent),0 32px 58px rgba(44,65,104,.15)}.number-game-card:hover .route-visual-track b{animation-duration:2.2s}.number-game-card:hover .build-chip{transform:translateY(-3px)}.number-game-card:hover .game-card-pulse i{animation:bridge-pulse 1.1s ease-in-out infinite}.number-game-card:hover .game-card-pulse i:nth-child(2){animation-delay:-.35s}.number-game-card:hover .game-card-pulse i:nth-child(3){animation-delay:-.7s}.number-answer:hover:not(:disabled),.letter-tile:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--purple) 30%,var(--line))}}
@keyframes universe-spin{to{transform:rotate(360deg)}}@keyframes universe-drift{to{transform:rotate(360deg)}}@keyframes universe-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.015)}}@keyframes node-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes particle-pulse{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.12);opacity:1}}@keyframes route-travel{0%,8%{transform:translateX(0)}48%,58%{transform:translateX(96px)}92%,100%{transform:translateX(0)}}@keyframes number-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes sound-ring{0%{transform:scale(.64);opacity:.48}80%,100%{transform:scale(1.08);opacity:0}}@keyframes chip-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-2deg)}}@keyframes pencil-write{0%,100%{transform:translate(-4px,-2px) rotate(0)}50%{transform:translate(20px,4px) rotate(4deg)}}@keyframes line-grow{0%,12%{transform:scaleX(.08);opacity:.35}55%,100%{transform:scaleX(1);opacity:1}}@keyframes bridge-pulse{0%,100%{transform:scale(.72);opacity:.45}50%{transform:scale(1.05);opacity:1}}
@media(max-width:980px){.route-mix-languages{grid-column:1/-1}.games-hero{grid-template-columns:1fr;min-height:auto;padding-top:48px}.games-universe{justify-self:center;width:min(480px,74vw)}.game-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.number-lab-head{grid-template-columns:1fr}.mode-picker{width:min(100%,440px)}.route-compact{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}.route-compact .smart-mix{grid-column:1/-1}.audio-language-row{grid-template-columns:1fr}.number-stage{min-height:500px}}
@media(max-width:720px){.games-hub{gap:35px}.games-hero{gap:30px}.games-section-head{align-items:flex-start;flex-direction:column}.family-badge{align-self:flex-start}.game-card-grid{grid-template-columns:1fr}.number-game-card{min-height:232px}.family-origin{grid-template-columns:1fr;padding:25px}.origin-visual{width:156px;height:110px}.origin-person{width:64px;height:64px;border-radius:22px}.origin-bridge{left:48px;right:48px;top:52px}.number-lab{padding-top:26px}.number-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.number-stat{min-height:64px}.number-stat:nth-child(-n+3){grid-column:span 2}.number-stat:nth-child(n+4){grid-column:span 3}.number-stage{padding:18px}.stage-top{align-items:flex-start}.stage-toggles{flex-direction:column}.number-answers{grid-template-columns:1fr 1fr}.pronunciation-library{grid-template-columns:1fr}.pron-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.route-mix-languages{gap:4px;padding:4px}.mix-language-chip{min-width:0;flex:1;padding:0 5px;font-size:.65rem}.mix-language-chip img{width:20px;height:14px}.games-hero{padding-top:30px}.games-title{font-size:clamp(2.65rem,14vw,4rem)}.games-universe{width:min(350px,88vw);border-radius:32%}.universe-core{width:108px;border-radius:28px}.universe-core-icon{width:32px;height:32px}.universe-node{min-width:52px;min-height:50px;padding:6px 8px;border-radius:15px}.universe-node b{font-size:1rem}.universe-node small{font-size:.42rem}.node-number{left:6%}.node-audio{right:5%}.node-world{left:13%}.node-star{right:16%}.games-hero-pills span{font-size:.68rem}.game-card-grid{gap:13px}.number-game-card{min-height:218px;padding:18px;border-radius:24px}.game-card-visual{height:68px}.visual-route>strong{width:46px;height:46px;border-radius:16px;font-size:1.02rem}.number-game-card h3{margin-top:13px;font-size:1.16rem}.family-origin{padding:21px;border-radius:25px}.origin-roles{display:grid;grid-template-columns:1fr}.origin-roles span{justify-content:flex-start}.number-lab{gap:12px}.number-lab-head h1{font-size:clamp(1.9rem,10vw,2.7rem)}.mode-picker{width:100%}.mode-picker>summary{min-height:60px}.mode-menu{left:0;right:auto;width:100%;grid-template-columns:1fr}.game-controls{padding:10px}.route-compact{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:6px}.route-compact select{min-height:44px;padding:0 8px;font-size:.72rem}.swap-button{width:42px;height:44px}.route-compact .smart-mix{grid-column:1/-1}.lang-segment{gap:4px}.audio-lang{min-height:44px;gap:4px;padding:0 5px;font-size:.66rem}.audio-lang img{width:21px;height:14px}.smart-mix{min-height:44px}.number-stats{gap:6px}.number-stat{min-height:58px;padding:7px}.number-stat strong{font-size:.9rem}.number-stat span{font-size:.54rem}.number-stage{min-height:470px;padding:13px;border-radius:24px}.start-screen,.finish-screen{min-height:430px}.start-orb{width:100px;height:100px;border-radius:30px}.start-orb-visual{width:86px;height:64px}.start-orb .mode-option-visual.is-start{width:86px;height:64px}.start-orb .mode-option-visual.is-start.is-route{gap:5px}.start-orb .mode-option-visual.is-start .mode-option-track{width:25px}.start-orb .mode-option-visual.is-start .mode-letter{width:23px;height:29px;font-size:.62rem}.stage-top{gap:7px}.stage-toggles button{font-size:.56rem;padding:0 6px}.question-panel{min-height:190px;padding:18px 6px 10px}.question-word{font-size:clamp(2.15rem,13vw,3.8rem)}.question-digit{width:100px;height:100px;border-radius:30px;font-size:3.6rem}.number-answers{gap:7px}.number-answer{min-height:56px;border-radius:15px;font-size:.92rem}.letter-tray{gap:6px}.letter-tile{min-width:42px;height:44px;padding:0 8px}.build-actions{display:grid;grid-template-columns:1fr 1fr}.write-row{grid-template-columns:1fr}.write-row .button{width:100%}.special-letters button{min-width:40px}.number-feedback{font-size:.75rem;margin-top:10px}.pronunciation-studio>summary{padding:10px 12px}.pronunciation-studio>summary small{font-size:.61rem}.pron-list{grid-template-columns:repeat(2,minmax(0,1fr))}.finish-actions{width:100%;display:grid;grid-template-columns:1fr}.type-summary{grid-template-columns:1fr}}
@media(max-width:360px){.games-universe{width:92vw}.universe-node{transform:scale(.94)}.route-compact{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.route-compact label>span{font-size:.6rem}.route-compact select{font-size:.66rem}.audio-lang{font-size:.61rem}.number-stage{padding:10px}.stage-toggles button{min-height:32px}.mode-badge,.route-flags{font-size:.6rem;padding:0 7px}.question-panel{min-height:178px}.number-answer{min-height:54px}.pronunciation-studio>summary span{grid-template-columns:20px 1fr;column-gap:7px}}
@media(prefers-reduced-motion:reduce){.games-universe::before,.universe-halo,.universe-core,.universe-node,.universe-particle,.family-badge i,.route-visual-track b,.listen-number,.sound-ring,.build-chip,.write-pencil,.write-line i,.write-spark,.origin-bridge i,.origin-star,.start-orb::before{animation:none!important}.number-game-card,.progress-fill,.smart-mix .switch,.smart-mix .switch::after{transition:none}}
html[data-theme="night"] .games-universe,html[data-theme="night"] .number-game-card,html[data-theme="night"] .family-origin,html[data-theme="night"] .number-stage{box-shadow:0 24px 64px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){html[data-theme="auto"] .games-universe,html[data-theme="auto"] .number-game-card,html[data-theme="auto"] .family-origin,html[data-theme="auto"] .number-stage{box-shadow:0 24px 64px rgba(0,0,0,.28)}}

/* SUPPORT-0049 Games UX polish: first-party controls, semantic picker visuals and the same back affordance used by Materials. */
.mode-picker>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;padding:9px 12px;align-items:center}
.mode-picker-copy{display:grid!important;gap:2px;min-width:0}.mode-picker-copy strong,.mode-picker-copy small{min-width:0}
.mode-picker-chevron,.details-chevron{position:relative;display:inline-block;flex:0 0 auto;width:22px;height:22px;border-radius:8px;background:color-mix(in srgb,var(--surface-lilac) 78%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 13%,var(--line));transition:transform .2s ease,background .2s ease,border-color .2s ease}
.mode-picker-chevron::before,.mode-picker-chevron::after,.details-chevron::before,.details-chevron::after{content:"";position:absolute;top:10px;width:7px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--pink));transition:transform .2s ease}
.mode-picker-chevron::before,.details-chevron::before{left:4px;transform:rotate(42deg)}.mode-picker-chevron::after,.details-chevron::after{right:4px;transform:rotate(-42deg)}
.mode-picker[open] .mode-picker-chevron,.pronunciation-studio[open] .details-chevron{transform:rotate(180deg)}
.mode-picker-visual,.mode-option-visual{--mode-accent:var(--games-violet);position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--mode-accent) 20%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--mode-accent) 11%,var(--surface)),var(--surface));color:var(--mode-accent)}
.mode-picker-visual{width:54px;height:46px;border-radius:14px}.mode-option-visual{width:92px;height:48px;border-radius:14px}
.mode-option-visual.is-route,.mode-picker-visual.is-route{--mode-accent:var(--games-blue);gap:7px}.mode-option-visual.is-choice,.mode-picker-visual.is-choice{--mode-accent:var(--games-mint);gap:9px}.mode-option-visual.is-build,.mode-picker-visual.is-build{--mode-accent:var(--games-gold);gap:4px}.mode-option-visual.is-write,.mode-picker-visual.is-write{--mode-accent:var(--games-coral)}
.mode-option-visual.is-route>b,.mode-picker-visual.is-route>b{font-family:var(--font-ui);font-size:.67rem;font-weight:950;line-height:1}.mode-picker-visual.is-route>b{font-size:.55rem}
.mode-option-track{position:relative;width:28px;height:3px;border-radius:99px;background:color-mix(in srgb,var(--mode-accent) 30%,transparent)}.mode-option-track::after{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;translate:0 -50%;background:var(--mode-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--mode-accent) 12%,transparent);animation:picker-route 3.6s ease-in-out infinite}
.mode-picker-visual .mode-option-track{width:16px}.mode-picker-visual .mode-option-track::after{width:6px;height:6px;box-shadow:none}
.mode-sound{position:relative;width:27px;height:27px;border-radius:10px;background:color-mix(in srgb,var(--mode-accent) 13%,var(--surface))}.mode-sound::before{content:"";position:absolute;left:6px;top:9px;width:6px;height:9px;border-radius:2px 0 0 2px;background:var(--mode-accent);box-shadow:4px 0 0 -1px var(--mode-accent)}.mode-sound::after{content:"";position:absolute;right:4px;top:7px;width:8px;height:12px;border:2px solid var(--mode-accent);border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 10px 10px 0;opacity:.8}
.mode-choice-dots{display:grid;grid-template-columns:repeat(2,7px);gap:4px}.mode-choice-dots b{width:7px;height:7px;border-radius:3px;background:color-mix(in srgb,var(--mode-accent) 72%,var(--surface))}.mode-choice-dots b:nth-child(2){opacity:.55}.mode-choice-dots b:nth-child(3){grid-column:1/-1;justify-self:center;opacity:.8}
.mode-letter{width:24px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--surface);border:1px solid color-mix(in srgb,var(--mode-accent) 28%,var(--line));font-family:var(--font-ui);font-size:.67rem;font-weight:950;color:var(--mode-accent);box-shadow:0 3px 0 color-mix(in srgb,var(--mode-accent) 12%,transparent)}.mode-picker-visual .mode-letter{width:15px;height:20px;border-radius:6px;font-size:.46rem}
.mode-pencil{position:absolute;left:34%;top:8px;width:8px;height:31px;border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--mode-accent) 74%,#fff),var(--mode-accent));rotate:37deg}.mode-pencil::after{content:"";position:absolute;left:1px;right:1px;bottom:-5px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:6px solid color-mix(in srgb,var(--ink) 72%,transparent)}.mode-write-line{position:absolute;left:48%;right:14%;bottom:12px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--mode-accent),color-mix(in srgb,var(--mode-accent) 20%,transparent))}
.mode-menu button{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;padding:8px}.mode-option-copy{display:block;min-width:0}.mode-option-copy strong,.mode-option-copy small{overflow:hidden;text-overflow:ellipsis}.mode-menu button[aria-current="true"] .mode-option-visual{border-color:color-mix(in srgb,var(--purple) 42%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 8%,transparent)}
.swap-button{display:grid;place-items:center}.swap-icon{position:relative;width:23px;height:20px;display:block}.swap-icon i{position:absolute;left:2px;width:17px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--pink))}.swap-icon i:first-child{top:5px}.swap-icon i:last-child{bottom:5px;left:auto;right:2px;background:linear-gradient(90deg,var(--games-cyan),var(--purple))}.swap-icon i:first-child::after,.swap-icon i:last-child::before{content:"";position:absolute;width:6px;height:6px;border-top:2px solid currentColor;border-right:2px solid currentColor}.swap-icon i:first-child::after{right:-1px;top:-3px;transform:rotate(45deg);color:var(--pink)}.swap-icon i:last-child::before{left:-1px;top:-3px;transform:rotate(-135deg);color:var(--games-cyan)}
.stage-toggles button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.stage-toggles .icon{width:14px;height:14px;flex:0 0 auto}
.pronunciation-studio>summary>.details-chevron{margin-left:auto}.pronunciation-studio>summary>b{display:none}
@keyframes picker-route{0%,12%{transform:translateX(0)}50%,62%{transform:translateX(21px)}100%{transform:translateX(0)}}
@media(hover:hover) and (pointer:fine){.mode-menu button:hover .mode-option-visual{transform:translateY(-1px)}}
@media(max-width:560px){.mode-picker>summary{grid-template-columns:auto minmax(0,1fr) auto}.mode-picker-visual{width:48px;height:42px}.mode-menu button{grid-template-columns:78px minmax(0,1fr);min-height:62px}.mode-option-visual{width:78px;height:44px}.mode-option-track{width:22px}.stage-toggles button{gap:4px}}
@media(max-width:360px){.mode-picker-visual{width:44px}.mode-menu button{grid-template-columns:72px minmax(0,1fr);gap:8px}.mode-option-visual{width:72px}.mode-option-copy small{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){.mode-picker-chevron,.details-chevron,.mode-option-track::after,.mode-option-visual{animation:none!important;transition:none!important}.mode-menu button:hover .mode-option-visual{transform:none!important}}
@media(forced-colors:active){.mode-picker-chevron,.details-chevron,.mode-option-visual{box-shadow:none;border:1px solid CanvasText}.mode-picker-chevron::before,.mode-picker-chevron::after,.details-chevron::before,.details-chevron::after{background:CanvasText}}
.mode-picker-visual .mode-option-track::after{animation-name:picker-route-compact}@keyframes picker-route-compact{0%,12%{transform:translateX(0)}50%,62%{transform:translateX(10px)}100%{transform:translateX(0)}}
.mode-picker>summary .mode-picker-visual{display:flex;gap:4px;min-width:0}.mode-picker>summary .mode-picker-chevron{display:inline-block;min-width:22px}
.pronunciation-studio>summary>.details-chevron{display:inline-block;min-width:22px;width:22px;height:22px}
.write-spark,.origin-star{font-size:0}.write-spark::before,.origin-star::before{content:"";display:block;width:14px;height:14px;background:currentColor;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%)}.origin-star::before{width:17px;height:17px}
.type-summary strong{display:inline-flex;align-items:center;gap:6px}.summary-type-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:24px;height:20px;border-radius:7px;background:color-mix(in srgb,var(--purple) 9%,var(--surface));color:var(--purple);font-family:var(--font-ui);font-size:.46rem;font-weight:950;letter-spacing:-.04em}.summary-type-icon.is-read::before{content:"";width:13px;height:8px;border:1.8px solid currentColor;border-radius:50%}.summary-type-icon.is-read::after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor}.summary-type-icon.is-listen::before{content:"";width:5px;height:8px;border-radius:2px;background:currentColor;box-shadow:4px 0 0 -1px currentColor}.summary-type-icon.is-listen::after{content:"";position:absolute;right:4px;width:7px;height:10px;border:1.6px solid currentColor;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 8px 8px 0}
.number-burst-token.is-spark{width:13px;height:13px;background:currentColor;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%)}

/* SUPPORT-0050 owner-QA: stable game identity on Start, aligned breadcrumb, and pencil tip anchored to its stroke. */
.number-lab-head .school-context-line{margin-bottom:8px}.number-lab-head .school-context-line+.number-lab-head-title,.number-lab-head .school-context-line+h1{margin-top:8px}.school-context-line .back-link{min-height:44px;padding:0 4px}.school-context-line .kicker{color:var(--purple)}
.start-orb{overflow:visible}.start-orb-visual{width:92px;height:92px}.game-index-emblem{--index-accent:var(--games-blue);position:relative;width:86px;height:86px;border-radius:29px;display:grid;place-items:center;font-family:var(--font-ui);font-size:3.55rem;line-height:1;font-weight:950;letter-spacing:-.07em;color:#60467e;background:linear-gradient(145deg,rgba(255,255,255,.72),color-mix(in srgb,var(--index-accent) 12%,rgba(255,255,255,.58)));border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--index-accent) 18%,transparent),0 7px 0 color-mix(in srgb,var(--index-accent) 12%,transparent),0 16px 28px rgba(91,73,116,.12);text-shadow:0 2px 0 rgba(255,255,255,.45);animation:game-index-breathe 4.8s ease-in-out infinite}.game-index-emblem::before{content:"";position:absolute;inset:9px;border-radius:22px;border:1px solid color-mix(in srgb,var(--index-accent) 18%,transparent);pointer-events:none}.game-index-emblem::after{content:"";position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--games-coral);box-shadow:-57px 59px 0 var(--games-mint);opacity:.88}.game-index-emblem.mode-route-0-10{--index-accent:var(--games-blue)}.game-index-emblem.mode-route-10-20{--index-accent:var(--games-violet)}.game-index-emblem.mode-route-0-20{--index-accent:#b765db}.game-index-emblem.is-choice{--index-accent:var(--games-mint)}.game-index-emblem.is-build{--index-accent:var(--games-gold)}.game-index-emblem.is-write{--index-accent:var(--games-coral)}
.visual-listen-write{position:relative;justify-content:center}.visual-listen-write .write-line{left:45%;right:19%;bottom:20px;height:14px;border-bottom-width:3px}.visual-listen-write .write-pencil{left:calc(45% - 6px);top:auto;bottom:27px;width:12px;height:48px;rotate:35deg;transform-origin:50% calc(100% + 7px);animation:pencil-tip-sway 4.8s ease-in-out infinite}.visual-listen-write .write-spark{right:27%;top:13px}.mode-option-visual.is-write .mode-pencil{left:calc(46% - 4px);top:auto;bottom:17px;transform-origin:50% calc(100% + 5px);rotate:35deg}.mode-option-visual.is-write .mode-write-line{left:46%;right:13%;bottom:12px}.start-orb .mode-option-visual.is-start{display:none!important}
@keyframes game-index-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.025)}}
@keyframes pencil-tip-sway{0%,100%{rotate:34deg;transform:translateY(0)}50%{rotate:40deg;transform:translateY(-1px)}}
@media(max-width:560px){.start-orb-visual{width:78px;height:78px}.game-index-emblem{width:74px;height:74px;border-radius:25px;font-size:3.05rem}.game-index-emblem::before{inset:8px;border-radius:19px}.game-index-emblem::after{right:8px;top:8px;width:7px;height:7px;box-shadow:-49px 50px 0 var(--games-mint)}}
@media(prefers-reduced-motion:reduce){.game-index-emblem,.visual-listen-write .write-pencil{animation:none!important}}
/* SUPPORT-0054 · bridge from gameplay back to structured learning */
.game-learning-bridge{display:inline-flex;align-items:center;gap:9px;max-width:620px;margin-top:12px;padding:8px 12px 8px 8px;border-radius:14px;text-decoration:none;color:var(--text);border:1px solid color-mix(in srgb,var(--purple) 13%,var(--line));background:color-mix(in srgb,var(--surface) 91%,var(--surface-lilac));box-shadow:0 4px 0 color-mix(in srgb,var(--purple-edge) 12%,var(--line-strong));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.game-learning-bridge:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--purple) 30%,var(--line));box-shadow:0 5px 0 color-mix(in srgb,var(--purple-edge) 16%,var(--line-strong))}.game-learning-bridge:active{transform:translateY(2px);box-shadow:0 2px 0 color-mix(in srgb,var(--purple-edge) 14%,var(--line-strong))}.game-learning-bridge .bridge-book{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-lilac) 82%,var(--surface)),var(--surface));color:var(--purple)}.game-learning-bridge .bridge-book .icon{width:18px;height:18px}.game-learning-bridge>span:last-child{display:grid;gap:1px}.game-learning-bridge strong{font-size:.78rem}.game-learning-bridge small{font-size:.69rem;line-height:1.35;color:var(--muted);font-weight:700}@media(max-width:560px){.game-learning-bridge{width:100%;margin-top:10px}.game-learning-bridge small{font-size:.66rem}}@media(prefers-reduced-motion:reduce){.game-learning-bridge{transition:none}}

/* QA-0080 · PSI accessibility/performance: stronger microcopy contrast and stable first paint. */
.visual-route>strong{color:color-mix(in srgb,var(--game-accent) 42%,var(--ink-strong))}
.smart-mix{color:var(--ink-strong)}
.smart-mix strong{color:var(--ink-strong)}
.smart-mix small,.route-compact label>span,.game-controls label>span{color:color-mix(in srgb,var(--muted) 72%,var(--ink-strong))}
.audio-lang{color:color-mix(in srgb,var(--muted) 72%,var(--ink-strong))}
.audio-lang[aria-pressed="true"]{color:color-mix(in srgb,var(--purple-edge) 70%,var(--ink-strong))}
.eyebrow{color:color-mix(in srgb,var(--purple-edge) 70%,var(--ink-strong))}