.body-page{min-height:100vh;background:#eef3f6;--navy:#101c36;--cyan:#50dfcf;--orange:#ffad57;--lime:#c9ef62;--pink:#ff7d9b;--ink:#15213b}.body-page *{box-sizing:border-box}.body-page button,.body-page input,.body-page select{font:inherit}.body-tabs{display:flex;align-self:stretch;margin-left:auto}.body-tabs button{padding:0 1rem;border:0;border-bottom:3px solid transparent;color:#b9c8dc;background:transparent;font-size:.82rem;font-weight:850;cursor:pointer}.body-tabs button:hover,.body-tabs button[aria-current=page]{color:#fff;border-color:var(--cyan);background:#ffffff0d}.body-shell{width:min(1480px,calc(100% - 2rem));margin:auto;padding:1rem 0 2rem}.board-page{min-height:calc(100vh - 100px);padding:clamp(1rem,2.6vw,2.3rem);border-radius:24px;background:#fff;box-shadow:0 18px 55px #25365016}.board-page[hidden]{display:none}.page-title{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.3rem}.page-title span,.task-no,.wheel-label{color:#758296;font-size:.7rem;font-weight:950;letter-spacing:.12em}.page-title h1{margin:.15rem 0;color:var(--navy);font-size:clamp(1.9rem,3.7vw,3.4rem);line-height:1}.page-title p{margin:.45rem 0 0;color:#657287;font-weight:650}.score-chip{min-width:94px;padding:.75rem 1rem;border-radius:14px;background:var(--navy);color:#fff;text-align:center}.score-chip b{font-size:1.5rem;color:var(--cyan)}.parts-layout{display:grid;grid-template-columns:minmax(560px,1.45fr) minmax(310px,.7fr);gap:1.25rem}.figure-card{position:relative;min-height:610px;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 20% 0,#d8fbf5,transparent 45%),#eef8f7}.body-figure{display:block;width:100%;height:600px}.figure-note{position:absolute;right:1rem;bottom:.6rem;margin:0;color:#7c8999;font-size:.72rem;font-weight:800}.target{cursor:pointer}.target circle{fill:#fff;stroke:#c4d3da;stroke-width:3;transition:.18s}.target text{fill:var(--navy);font-size:15px;font-weight:900;text-anchor:middle;pointer-events:none}.target line{stroke:#8ba1aa;stroke-width:2}.target:hover circle,.target:focus circle,.target.active circle{fill:#fff3c7;stroke:var(--orange)}.target.correct circle{fill:var(--lime);stroke:#6aaa2e}.target.wrong circle{animation:shake .3s;background:#fee;stroke:#e35c5c}.word-panel{display:flex;flex-direction:column;padding:1rem;border:1px solid #dfe7ea;border-radius:20px;background:#f8fafb}.word-bank{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.word-chip,.gesture-chip{min-height:47px;padding:.55rem .8rem;border:2px solid #dbe3e8;border-radius:11px;color:#35445a;background:#fff;font-weight:850;cursor:pointer}.word-chip:hover,.word-chip.selected,.gesture-chip.selected{border-color:#138f8a;background:#ddf9f5}.word-chip.done,.gesture-chip.done{color:#54716f;border-color:#bdebc6;background:#effbef}.feedback{min-height:26px;margin:1rem 0;color:#637187;font-weight:750}.feedback.correct{color:#087b56}.feedback.wrong{color:#b24432}.board-actions{display:flex;gap:.6rem;margin-top:auto}.board-actions button,.spin-main,.wheel-card button,.result-card button,#sentence-check,#sentence-next,#practice-check{min-height:48px;padding:.65rem 1rem;border:0;border-radius:10px;color:#092524;background:var(--cyan);font-weight:900;cursor:pointer}.board-actions .soft-button,.result-card button{color:#526075;border:1px solid #dce4e8;background:#fff}.board-actions .reveal-button{color:#fff;background:var(--navy)}.sentence-board{display:grid;justify-items:center;align-content:center;min-height:610px;padding:2rem;border-radius:20px;color:#fff;background:radial-gradient(circle at 86% 10%,#50dfcf25,transparent 24rem),var(--navy)}.sentence-progress{display:flex;align-items:center;gap:1rem;width:min(780px,100%);color:#aebbd0;font-weight:800}.sentence-progress i{flex:1;height:8px;border-radius:20px;background:#30405c}.sentence-progress b{display:block;width:10%;height:100%;border-radius:inherit;background:var(--cyan);transition:.25s}.sentence-visual{display:grid;width:110px;height:110px;place-items:center;margin:2rem 0 1rem;border-radius:50%;background:#ffffff12;font-size:3.6rem}.big-sentence{min-height:100px;margin:0;text-align:center;font-size:clamp(1.55rem,4vw,3.2rem);font-weight:900}.gap-line{color:var(--lime);border-bottom:4px solid var(--lime)}.input-row{display:flex;width:min(650px,100%);gap:.6rem}.input-row input{flex:1;min-width:0;padding:.75rem 1rem;border:2px solid #51627d;border-radius:11px;color:#fff;background:#22314c;font-size:1.15rem;font-weight:800}.sentence-board .feedback{color:#c2ccdb}.sentence-board .feedback.correct{color:var(--lime)}.sentence-board .feedback.wrong{color:#ffb09f}.mini-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.mini-bank span{padding:.35rem .7rem;border-radius:99px;background:#ffffff12;color:#aebbd0;font-size:.8rem;font-weight:750}.gesture-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.gesture-card{position:relative;min-height:360px;padding:.8rem;border:2px solid #dfe7ea;border-radius:18px;background:#f6fafb;cursor:pointer}.gesture-card.selected{border-color:#159d96;box-shadow:0 0 0 4px #50dfcf26}.gesture-card.correct{border-color:#71b845;background:#f3fde8}.gesture-card svg{width:100%;height:280px}.gesture-card strong{display:block;text-align:center;color:var(--navy);font-size:1rem}.gesture-card .answer{color:#748195}.gesture-bank{display:flex;justify-content:center;gap:.7rem;margin-top:1rem}.centered{text-align:center}.practice-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.match-card{min-height:500px;padding:1.2rem;border:1px solid #dfe7ea;border-radius:18px;background:#f8fafb}.match-row{display:grid;grid-template-columns:110px 1fr;gap:.7rem;align-items:center;padding:.8rem 0;border-bottom:1px solid #e2e8ec}.match-row:last-child{border-bottom:0}.match-row strong{color:var(--navy)}.match-row select{width:100%;min-height:46px;padding:.45rem;border:2px solid #d8e1e6;border-radius:9px;background:#fff;color:#3e4c61;font-weight:750}.match-row.good select{border-color:#72bd47;background:#f0fae8}.match-row.bad select{border-color:#e26b59;background:#fff0ed}.bottom-actions{justify-content:center;margin-top:1rem}.bottom-actions .soft-button{background:#f3f6f8}.wheels{display:grid;grid-template-columns:1fr minmax(220px,.55fr) 1fr;gap:1rem;align-items:center}.wheel-card{text-align:center}.wheel-wrap{position:relative;width:min(430px,35vw);aspect-ratio:1;margin:1rem auto}.wheel{width:100%;height:100%;border:10px solid #fff;border-radius:50%;background:conic-gradient(#50dfcf 0 45deg,#ffad57 45deg 90deg,#c9ef62 90deg 135deg,#ff7d9b 135deg 180deg,#66a9ff 180deg 225deg,#b68cf0 225deg 270deg,#f8d34c 270deg 315deg,#74d9a0 315deg);box-shadow:0 12px 35px #17233b2b;transition:transform 2.7s cubic-bezier(.12,.76,.18,1)}.wheel::after{content:"";position:absolute;inset:43%;border:7px solid #fff;border-radius:50%;background:var(--navy)}.pointer{position:absolute;z-index:3;top:-8px;left:50%;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:34px solid var(--navy);transform:translateX(-50%)}.result-card{padding:1.4rem;border-radius:20px;color:#fff;background:var(--navy);text-align:center}.result-card span{color:var(--cyan);font-size:.7rem;font-weight:950;letter-spacing:.12em}.result-card strong{display:block;margin:.7rem 0;color:var(--lime);font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.15}.result-card p{color:#c8d2e0;line-height:1.5}.game-help{display:flex;gap:1rem;margin-top:1.4rem;padding:1rem 1.2rem;border-radius:14px;background:#fff8e8;color:#655139}.game-help b{color:#bc6429}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media(max-width:1050px){.body-tabs button{padding:0 .55rem;font-size:.73rem}.parts-layout{grid-template-columns:1fr}.word-bank{grid-template-columns:repeat(5,1fr)}.gesture-grid{grid-template-columns:repeat(3,1fr)}.wheels{grid-template-columns:1fr 1fr}.result-card{grid-column:1/-1;grid-row:2}.wheel-wrap{width:min(420px,42vw)}}@media(max-width:720px){.if-appbar-inner{width:calc(100% - 1rem);gap:.35rem}.if-app-brand strong,.if-home-button{display:none}.body-tabs{overflow-x:auto}.body-tabs button{min-width:92px}.body-shell{width:calc(100% - 1rem);padding:.5rem 0}.board-page{border-radius:16px;padding:1rem}.page-title{align-items:flex-start}.page-title p{display:none}.parts-layout{display:block}.figure-card{min-height:auto}.body-figure{height:auto}.word-bank{grid-template-columns:repeat(3,1fr)}.word-chip{font-size:.8rem}.gesture-grid{grid-template-columns:1fr 1fr}.gesture-card{min-height:260px}.gesture-card svg{height:190px}.gesture-bank{flex-wrap:wrap}.practice-layout{grid-template-columns:1fr}.match-row{grid-template-columns:85px 1fr}.wheels{display:block}.wheel-wrap{width:min(84vw,430px)}.result-card{margin:1rem 0}.game-help{display:block}.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%}}