:root{--brand: #0a2a8a;--brand-deep: #071e63;--brand-soft: #e3e9fa;--gold: #ffc107;--gold-deep: #e6a800;--gold-soft: #fff3cf;--cream: #fff7ec;--cream-deep: #ffefd9;--card: #ffffff;--ink: #1c2540;--ink-soft: #5b6684;--line: #ece3d4;--green: #1f9d55;--green-soft: #ddf4e6;--green-ink: #125c33;--coral: #e0563f;--coral-soft: #fbe3de;--sky: #2b6fd4;--sky-soft: #e0ecfb;--purple: #7351b8;--purple-soft: #ece4fa;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-xl: 34px;--sp-1: 8px;--sp-2: 14px;--sp-3: 20px;--sp-4: 28px;--sp-5: 40px;--shadow-sm: 0 2px 6px rgba(28, 37, 64, .08);--shadow-md: 0 10px 24px rgba(28, 37, 64, .12);--shadow-lg: 0 16px 38px rgba(28, 37, 64, .18);--tap: 60px;--font: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden}body,#root{min-height:100dvh}h1,h2,h3,h4{margin:0 0 var(--sp-2);line-height:1.15;font-weight:800;letter-spacing:-.01em}h1{font-size:clamp(1.5rem,5vw,2.1rem)}h2{font-size:clamp(1.25rem,4vw,1.6rem)}p{margin:0 0 var(--sp-2)}button{font-family:inherit}img,svg{max-width:100%}:focus-visible{outline:4px solid var(--sky);outline-offset:3px;border-radius:8px}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.home,.area,.stage,.activity,.profile,.future,.parent{width:100%;max-width:1040px;margin:0 auto;padding:var(--sp-3) var(--sp-3) 72px;display:flex;flex-direction:column;gap:var(--sp-3)}.notfound{max-width:520px;margin:var(--sp-5) auto;padding:var(--sp-4);text-align:center;background:var(--card);border:3px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);padding:14px 26px;border-radius:var(--r-lg);border:3px solid transparent;font-size:1.08rem;font-weight:800;cursor:pointer;text-align:center;text-decoration:none;color:var(--ink);background:var(--card);box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brand);color:#fff;border-color:var(--brand-deep);font-size:clamp(1.12rem,3vw,1.35rem);min-height:66px;padding:16px 34px}.btn--ghost{background:transparent;box-shadow:none;border-color:transparent;color:var(--brand);text-decoration:underline;text-underline-offset:3px;min-height:48px;padding:8px 12px}.btn--danger{background:var(--coral-soft);color:#9c2f1d;border-color:var(--coral)}.btn--small{min-height:46px;padding:8px 18px;font-size:.98rem}.btn--back{min-width:var(--tap);min-height:var(--tap);padding:0;width:var(--tap);border-radius:50%;background:var(--card);border-color:var(--line);color:var(--brand);flex:0 0 auto}.btn--back svg{width:28px;height:28px}.btn--icon{min-width:52px;min-height:52px;width:52px;padding:0;border-radius:50%;background:var(--gold-soft);border-color:var(--gold);color:#6b4b00;flex:0 0 auto}.btn--muted{opacity:.55}.btn--icon .icon-speaker{width:26px;height:26px}.btn--parent,.btn--future{flex:1 1 160px}.btn--parent{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep)}.btn--future{background:var(--purple-soft);border-color:var(--purple);color:#4b2f86}.btn--parent svg,.btn--future svg{width:26px;height:26px}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}@media(hover:hover){.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--primary:hover{background:var(--brand-deep)}.btn--ghost:hover{background:var(--brand-soft);text-decoration:none}}.page-header{text-align:center;padding:var(--sp-4) var(--sp-3);background:linear-gradient(140deg,var(--brand-soft),var(--gold-soft));border:3px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.page-header h1{font-size:clamp(2.1rem,9vw,3.2rem);color:var(--brand);margin-bottom:4px;letter-spacing:-.02em}.page-header--with-back{text-align:left;display:flex;align-items:center;gap:var(--sp-2)}.page-header--with-back h1{font-size:clamp(1.3rem,4.6vw,1.9rem);margin:0;flex:1}.section-title{font-size:clamp(1.3rem,4vw,1.7rem);margin:0 0 var(--sp-2);font-weight:800}.home__header{text-align:center;padding:var(--sp-4) var(--sp-3);background:linear-gradient(140deg,var(--brand-soft),var(--gold-soft));border:3px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.home__header h1{font-size:clamp(2.1rem,9vw,3.2rem);color:var(--brand);margin-bottom:4px;letter-spacing:-.02em}.home__tagline{margin:0;font-weight:700;color:var(--ink-soft);font-size:clamp(1rem,3.4vw,1.2rem)}.home__profile{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;background:var(--card);border:3px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-3);box-shadow:var(--shadow-sm)}.profile__avatar{flex:0 0 auto;display:grid;place-items:center}.profile__avatar svg{width:84px;height:84px}.profile__name{margin:0;font-size:clamp(1.25rem,4vw,1.6rem);font-weight:800}.profile__subtitle{margin:2px 0 var(--sp-1);color:var(--ink-soft);font-size:.98rem}.profile__edit{display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap}.profile__edit input{flex:1 1 160px;min-height:52px;padding:10px 14px;border:3px solid var(--line);border-radius:var(--r-md);font:inherit;font-weight:700;background:var(--cream)}.home__section-title{font-size:clamp(1.3rem,4vw,1.7rem);margin:0}.home__areas,.home__recents{display:flex;flex-direction:column;gap:var(--sp-2)}.home__recents-text{color:var(--ink-soft);margin:0}.home__footer{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-2)}.areagrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:var(--sp-2)}.areacard{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-xl);border:3px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;min-height:178px}.areacard__art{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:var(--cream);border:3px solid var(--line);overflow:hidden}.areacard__art svg{width:68px;height:68px}.areacard__name{font-weight:800;font-size:1.12rem}.areacard__subtitle{color:var(--ink-soft);font-size:.9rem;line-height:1.3}.areacard__check{position:absolute;top:10px;right:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800;font-size:1rem}.areacard--done{border-color:var(--green)}.areacard--recent{min-height:150px}.areacard--locked{opacity:.6;cursor:not-allowed;border-style:dashed}.areacard--locked:hover,.areacard--locked:focus-visible{transform:none;box-shadow:var(--shadow-sm);border-color:var(--line)}.areacard__count{font-size:.85rem;font-weight:800;color:var(--brand);margin-top:4px}.areacard__locked-badge{font-size:.8rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}@media(hover:hover){.areacard:hover,.areacard:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand)}}.area__header{display:flex;align-items:center;gap:var(--sp-2);background:linear-gradient(140deg,var(--brand-soft),var(--gold-soft));border:3px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-3) var(--sp-3);box-shadow:var(--shadow-sm)}.area__titlewrap{display:flex;align-items:center;gap:var(--sp-2);min-width:0;flex:1}.area__titlewrap h1{margin:0;font-size:clamp(1.5rem,5vw,2.2rem);color:var(--brand);letter-spacing:-.02em}.area__art{width:64px;height:64px;flex:0 0 auto;display:grid;place-items:center;background:var(--cream);border:3px solid var(--line);border-radius:50%}.area__art svg{width:48px;height:48px}.area__subtitle{margin:0;color:var(--ink-soft);font-size:.98rem}.area__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:var(--sp-2)}.area__empty{grid-column:1 / -1;text-align:center;color:var(--ink-soft);padding:var(--sp-4)}.activitycard{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-lg);border:3px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-sm);min-height:160px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.activitycard__art{width:72px;height:72px;display:grid;place-items:center;background:var(--cream);border:3px solid var(--line);border-radius:var(--r-md)}.activitycard__art svg{width:54px;height:54px}.activitycard__name{font-weight:800;font-size:1.05rem}.activitycard__skill{max-width:100%;font-size:.78rem;font-weight:700;line-height:1.3;color:var(--ink-soft);background:var(--cream);border:2px solid var(--line);border-radius:999px;padding:3px 10px}.activitycard__check{position:absolute;top:10px;right:12px;color:var(--gold);font-size:1.5rem;text-shadow:0 1px 0 rgba(0,0,0,.15)}.activitycard--done{border-color:var(--green);background:linear-gradient(180deg,var(--green-soft),var(--card))}@media(hover:hover){.activitycard:hover,.activitycard:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand)}}.activity{max-width:820px}.activity__header{display:flex;align-items:center;gap:var(--sp-2);background:linear-gradient(140deg,var(--brand-soft),var(--gold-soft));border:3px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-3) var(--sp-3);box-shadow:var(--shadow-sm)}.activity__titlewrap{display:flex;align-items:center;gap:var(--sp-2);flex:1;min-width:0}.activity__titlewrap h1{margin:0;font-size:clamp(1.5rem,5vw,2.2rem);color:var(--brand);letter-spacing:-.02em}.activity__art{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;background:var(--cream);border:3px solid var(--line);border-radius:50%}.activity__art svg{width:44px;height:44px}.activity__star{color:var(--gold);font-size:1.8rem;flex:0 0 auto}.runner{display:flex;flex-direction:column;gap:var(--sp-2)}.runner__header{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.runner__title{margin:0;flex:1 1 200px;font-size:clamp(1.2rem,4vw,1.6rem)}.runner__controls{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.runner__hint{display:flex;flex-direction:column;gap:2px;background:var(--gold-soft);border:3px dashed var(--gold-deep);border-radius:var(--r-md);padding:10px 14px;color:#6b4b00;max-width:460px}.runner__hintlabel{font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.runner__hinttext{font-weight:700}.runner__instruction{margin:0;background:var(--card);border:3px solid var(--line);border-left:12px solid var(--gold);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);font-size:clamp(1.08rem,3.4vw,1.3rem);font-weight:700}.runner__feedback{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-lg);font-size:clamp(1.02rem,3vw,1.2rem);font-weight:800;border:3px solid transparent;animation:pop .35s ease}.runner__feedback--good{background:var(--green-soft);border-color:var(--green);color:var(--green-ink)}.runner__feedback--try{background:var(--gold-soft);border-color:var(--gold-deep);color:#6b4b00}.runner__content{display:block}.runner__loading{text-align:center;color:var(--ink-soft);padding:var(--sp-4)}.progressdots{display:flex;gap:8px;align-items:center}.progressdots__dot{width:14px;height:14px;border-radius:50%;background:#1c25402e}.progressdots__dot--done{background:var(--green)}.completion{text-align:center;background:linear-gradient(160deg,var(--brand-soft),var(--gold-soft));border:3px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-3);box-shadow:var(--shadow-md)}.completion__star{font-size:clamp(3rem,14vw,5rem);color:var(--gold);line-height:1;animation:star-pop .6s ease backwards;text-shadow:0 4px 0 rgba(0,0,0,.08)}.completion__title{font-size:clamp(1.4rem,5vw,2rem);color:var(--brand);margin-top:var(--sp-1)}.completion__praise,.completion__assisted{font-size:1.15rem;font-weight:700}.completion__break{background:var(--card);border:3px dashed var(--gold-deep);border-radius:var(--r-md);padding:var(--sp-2);font-weight:700}.completion__actions{display:flex;gap:var(--sp-2);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-2)}.choice{display:flex;flex-direction:column;gap:var(--sp-3)}.choice__sequence,.choice__pieces{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.choice__sequence{background:var(--cream);border:2px dashed var(--line);border-radius:var(--r-md);padding:12px}.choice__compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.choice__group{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--cream);border:3px solid var(--line);border-radius:var(--r-md);padding:var(--sp-2)}.choice__glabel{font-weight:800;color:var(--ink-soft)}.choice__piece{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px}.choice__piece svg{width:clamp(44px,12vw,64px);height:clamp(44px,12vw,64px)}.choice__plabel{font-weight:700;font-size:.9rem}.choice__prompt{margin:0;text-align:center;font-size:clamp(1.15rem,3.6vw,1.4rem);font-weight:800}.choice__grid{display:grid;gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(min(140px,44vw),1fr))}.choice__grid--two{grid-template-columns:repeat(2,1fr)}.choice__next{display:flex;justify-content:center}.option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:132px;padding:14px;border-radius:var(--r-lg);border:3px solid var(--line);background:var(--cream);cursor:pointer;color:var(--ink);font-family:inherit;font-size:1.05rem;font-weight:800;box-shadow:var(--shadow-sm);transition:transform .12s ease,border-color .12s ease,background .12s ease}.option__art svg{width:clamp(60px,20vw,92px);height:clamp(60px,20vw,92px)}.option__text{text-align:center}.option__symbol{font-size:clamp(1.05rem,3.5vw,1.3rem);font-weight:800;line-height:1}.activitycard__art .option__symbol,.activity__art .option__symbol,.stage__header .option__symbol{font-size:clamp(.85rem,2.5vw,1.1rem);font-weight:700;line-height:1.1;word-break:break-word;max-width:100%;overflow-wrap:anywhere}.option--right{border-color:var(--green);background:var(--green-soft)}.option--wrong{border-color:var(--coral);background:var(--coral-soft);animation:gentle-shake .4s ease;opacity:.85}.option[disabled]{cursor:default}@media(hover:hover){.option:hover:not([disabled]){transform:translateY(-3px);border-color:var(--brand)}}.match{display:flex;flex-direction:column;gap:var(--sp-2)}.match__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.match__col{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none;margin:0;padding:0}.match__tile{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;padding:10px;border-radius:var(--r-md);border:3px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink);font-family:inherit;font-weight:800;font-size:1rem;text-align:center;box-shadow:var(--shadow-sm);transition:transform .12s ease,border-color .12s ease,background .12s ease}.match__art svg{width:clamp(44px,13vw,60px);height:clamp(44px,13vw,60px)}.match__first{background:var(--gold);border-radius:6px;padding:0 3px}.match__tile--picked{border-color:var(--brand);background:var(--brand-soft);transform:scale(1.03)}.match__tile--done{border-color:var(--green);background:var(--green-soft);opacity:.7;cursor:default}.match__tile--flash{border-color:var(--coral);background:var(--coral-soft);animation:gentle-shake .4s ease}.match__hintline{margin:0;text-align:center;color:var(--ink-soft);font-weight:700}.sort{display:flex;flex-direction:column;gap:var(--sp-2)}.sort__buckets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,44vw),1fr));gap:var(--sp-2)}.bucket{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:150px;padding:12px;border-radius:var(--r-lg);border:3px dashed var(--line);background:var(--cream);cursor:pointer;color:var(--ink);font-family:inherit;font-weight:800;font-size:1.05rem;text-align:center;transition:transform .12s ease,border-color .12s ease,background .12s ease}.bucket__art svg{width:54px;height:54px}.bucket__items{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:30px}.bucket__item svg{width:34px;height:34px}.bucket--ready{border-color:var(--brand);background:var(--brand-soft)}.bucket--shake{border-color:var(--coral);background:var(--coral-soft);animation:gentle-shake .4s ease}.sort__prompt,.order__prompt{margin:0;text-align:center;font-weight:800;color:var(--ink-soft)}.sort__tray,.order__pool{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;padding:var(--sp-2);background:var(--cream);border:3px solid var(--line);border-radius:var(--r-lg);min-height:96px}.tray__empty{align-self:center;margin:0;color:var(--ink-soft);font-weight:800}.tray__item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:84px;min-height:84px;padding:8px;border-radius:var(--r-md);border:3px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink);font-family:inherit;font-weight:800;font-size:.9rem;text-align:center;transition:transform .12s ease,border-color .12s ease}.tray__art svg{width:46px;height:46px}.tray__item--picked{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-4px);box-shadow:var(--shadow-md)}.tray__item--wrong{border-color:var(--coral);background:var(--coral-soft);animation:gentle-shake .4s ease}.order{display:flex;flex-direction:column;gap:var(--sp-2)}.order__slots{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}.order__slot{position:relative;width:clamp(84px,26vw,120px);min-height:clamp(84px,26vw,120px);display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);border:3px dashed var(--line);background:var(--cream);padding:8px}.order__slot svg{width:clamp(44px,12vw,64px);height:clamp(44px,12vw,64px)}.order__slot--filled{border-style:solid;background:var(--card)}.order__slot--current{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.order__num{position:absolute;top:-10px;left:-6px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:.85rem;font-weight:800}.order__placeholder{font-size:1.8rem;font-weight:800;color:var(--line)}.gridgame{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center}.gridgame__board{display:grid;gap:5px;width:100%;max-width:min(440px,92vw);padding:8px;background:var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.gridcell{aspect-ratio:1;border-radius:8px;background:#f3ecdf;display:grid;place-items:center;position:relative}.gridcell svg{width:80%;height:80%}.gridcell--wall{background:#8d7b62}.gridcell--goal{background:var(--gold-soft)}.gridcell--visited{background:var(--sky-soft)}.grid__robot,.grid__arrow{display:block}.gridgame__cmdline{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;width:100%;min-height:58px;padding:8px;background:var(--cream);border:2px dashed var(--line);border-radius:var(--r-md)}.gridgame__empty{color:var(--ink-soft);font-weight:700}.gridgame__chip{width:44px;height:44px;border-radius:12px;background:var(--card);border:2px solid var(--line);display:grid;place-items:center;color:var(--brand)}.gridgame__chip .grid__arrow{width:24px;height:24px}.gridgame__pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(240px,74vw)}.gridgame__btn{aspect-ratio:1;border-radius:var(--r-md);border:3px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.gridgame__btn .grid__arrow{width:34px;height:34px}.gridgame__btn--up{grid-column:2;grid-row:1}.gridgame__btn--left{grid-column:1;grid-row:2}.gridgame__btn--right{grid-column:3;grid-row:2}.gridgame__btn--down{grid-column:2;grid-row:3}.gridgame__btn[disabled]{opacity:.4;cursor:not-allowed}.gridgame__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}@media(hover:hover){.gridgame__btn:hover:not([disabled]){background:var(--brand-soft);border-color:var(--brand)}}.memory{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center}.memory__hintline{margin:0;color:var(--ink-soft);font-weight:700;text-align:center}.memory__grid{display:grid;gap:10px;width:100%;max-width:460px}.memcard{aspect-ratio:1;border:none;padding:0;background:none;cursor:pointer}.memcard__inner{display:block;width:100%;height:100%;position:relative}.memcard__face{position:absolute;inset:0;display:grid;place-items:center;gap:4px;border-radius:var(--r-md);border:3px solid var(--line);padding:6px}.memcard__face--back{background:linear-gradient(135deg,var(--brand),var(--purple));border-color:var(--brand-deep)}.memcard__back{width:84%;height:84%}.memcard__face--front{background:var(--card);display:none}.memcard__face--front svg{width:62%;height:62%}.memcard__label{font-weight:800;font-size:.9rem;text-align:center}.memcard--up .memcard__face--back,.memcard--matched .memcard__face--back{display:none}.memcard--up .memcard__face--front,.memcard--matched .memcard__face--front{display:grid}.memcard--matched .memcard__face--front{background:var(--green-soft);border-color:var(--green)}.memcard--matched{cursor:default}.draw{display:flex;flex-direction:column;gap:var(--sp-2)}.draw__palette{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.swatch{width:52px;height:52px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 3px var(--line);cursor:pointer;padding:0}.swatch--active{box-shadow:0 0 0 4px var(--ink);transform:scale(1.1)}.draw__canvas{display:block;width:100%;aspect-ratio:4 / 3;background:#fffdf8;border:3px solid var(--line);border-radius:var(--r-md);touch-action:none}.draw__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;justify-content:center}.draw__confirm{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--coral-soft);border:3px solid var(--coral);border-radius:var(--r-lg);padding:6px 12px;font-weight:700}.draw__saved{margin:0;text-align:center;color:var(--green-ink);font-weight:800}.build{display:flex;flex-direction:column;gap:var(--sp-2)}.build__guide{margin:0;text-align:center;font-weight:800;color:var(--ink-soft)}.build__scene{position:relative;width:100%;aspect-ratio:4 / 3;background:linear-gradient(180deg,var(--sky-soft),var(--cream));border:3px solid var(--line);border-radius:var(--r-xl)}.buildslot{position:absolute;width:clamp(52px,16%,84px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:var(--r-md);border:3px dashed var(--line);background:#ffffffb3;cursor:pointer;padding:4px}.buildslot svg{width:100%;height:100%}.buildslot--shake{border-color:var(--coral);background:var(--coral-soft);animation:gentle-shake .4s ease}.buildslot__ghost{opacity:.28;display:grid;place-items:center;width:100%;height:100%}.buildslot__empty{font-size:1.6rem;font-weight:800;color:var(--line)}.build__palette{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.buildpiece{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:76px;min-height:76px;padding:6px;border-radius:var(--r-md);border:3px solid var(--line);background:var(--cream);cursor:pointer;font-family:inherit;font-weight:700}.buildpiece__art svg{width:48px;height:48px}.buildpiece__label{font-size:.9rem}.buildpiece--picked{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-3px)}.buildpiece--used{opacity:.35}.buildpiece[disabled]{cursor:default}.steps{display:flex;flex-direction:column;gap:var(--sp-2)}.steps__hint{margin:0;color:var(--ink-soft);font-weight:700}.steps__list{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none;margin:0;padding:0}.step{display:flex;align-items:center;gap:var(--sp-2);background:var(--cream);border:3px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-2)}.step--done{background:var(--green-soft);border-color:var(--green)}.step__check{flex:0 0 auto;border:none;background:none;cursor:pointer;padding:0}.step__box{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-sm);border:3px solid var(--brand);background:var(--card);color:var(--brand)}.step__tick{width:32px;height:32px}.step__art{width:56px;height:56px;flex:0 0 auto;display:grid;place-items:center;background:var(--card);border:2px solid var(--line);border-radius:var(--r-sm)}.step__art svg{width:44px;height:44px}.step__num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:800}.step__label{flex:1;font-weight:800;font-size:1.05rem}.profile__header,.future__header,.parent__header{display:flex;align-items:center;gap:var(--sp-2);background:linear-gradient(140deg,var(--brand-soft),var(--gold-soft));border:3px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-3) var(--sp-3);box-shadow:var(--shadow-sm)}.profile__header h1,.future__header h1,.parent__header h1{margin:0;flex:1;min-width:0;font-size:clamp(1.5rem,5vw,2.2rem);color:var(--brand);letter-spacing:-.02em}.profile__avatar-section,.profile__name-section{display:flex;flex-direction:column;gap:var(--sp-2);background:var(--card);border:3px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-3);box-shadow:var(--shadow-sm)}.profile__avatar-label,.profile__name-label{margin:0;font-weight:800;color:var(--ink-soft)}.profile__avatar-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}.avatar{border:3px solid var(--line);border-radius:50%;background:var(--cream);padding:6px;cursor:pointer;line-height:0}.avatar--selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 4px var(--brand-soft)}.profile__name-input{min-height:56px;padding:12px 16px;font:inherit;font-size:1.1rem;font-weight:700;border:3px solid var(--line);border-radius:var(--r-md);background:var(--cream)}.profile__error{margin:0;color:var(--coral);font-weight:700}.profile__toast,.parent__toast{margin:0;text-align:center;background:var(--green-soft);border:3px solid var(--green);color:var(--green-ink);border-radius:var(--r-md);padding:10px;font-weight:800}.profile__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end}.future__subtitle{color:var(--ink-soft);margin:0}.future__stages{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:var(--sp-3)}.future__stage{position:relative;display:flex;gap:var(--sp-2);align-items:flex-start;background:var(--card);border:3px dashed var(--line);border-radius:var(--r-lg);padding:var(--sp-3);min-height:150px;color:var(--ink);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.future__stage--open{border-style:solid;border-color:var(--brand)}@media(hover:hover){.future__stage:hover,.future__stage:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand)}}.future__count{display:inline-block;margin-top:8px;font-size:.9rem;font-weight:800;color:var(--brand)}.future__open{position:absolute;top:12px;right:12px;background:var(--brand);color:#fff;border-radius:999px;padding:4px 14px;font-weight:800;font-size:.9rem;letter-spacing:.03em}.stage__subhead{margin:var(--sp-3) 0 0;font-size:1.15rem}.stage__subjects{margin:var(--sp-2) 0 0;color:var(--ink-soft);font-size:.95rem;font-weight:700}.stage__subjectlabel{font-weight:800;color:var(--ink)}.stage__subjectgroup{margin-top:var(--sp-3)}.stage__subjectgroup h3.stage__subject{margin:0 0 var(--sp-2);font-size:1.05rem;color:var(--brand)}.future__stage-art{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;background:var(--cream);border:2px solid var(--line);border-radius:var(--r-md)}.future__stage-art svg{width:44px;height:44px}.future__stage-info h3{margin:0 0 4px}.future__stage-info p{margin:0;color:var(--ink-soft);font-size:.94rem}.future__soon{position:absolute;top:12px;right:12px;background:var(--ink);color:var(--gold);border-radius:999px;padding:4px 14px;font-weight:800;font-size:.9rem;letter-spacing:.05em}.gate{align-items:center;text-align:center;max-width:520px;margin:var(--sp-5) auto;background:var(--card);border:3px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-4);box-shadow:var(--shadow-md)}.gate__text{color:var(--ink-soft);margin-bottom:var(--sp-3);font-size:.98rem;line-height:1.5}.gate__input{min-height:60px;width:min(240px,100%);padding:12px 18px;font:inherit;font-size:1.3rem;font-weight:800;text-align:center;border:3px solid var(--line);border-radius:var(--r-md);background:var(--cream)}.gate__question{font-size:clamp(1.5rem,6vw,2.1rem);font-weight:800;color:var(--brand);margin:var(--sp-2) 0}.gate input{min-height:60px;width:min(240px,100%);padding:12px 18px;font:inherit;font-size:1.3rem;font-weight:800;text-align:center;border:3px solid var(--line);border-radius:var(--r-md);background:var(--cream)}.gate__error{color:var(--coral);font-weight:800}.gate__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.parent__section{background:var(--card);border:3px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-3);box-shadow:var(--shadow-sm)}.parent__section h2{margin-top:0}.parent__section>p{color:var(--ink-soft);margin-top:0}.parent__overview{display:grid;grid-template-columns:1fr auto;gap:6px var(--sp-2);margin:var(--sp-2) 0 0}.parent__overview dt{color:var(--ink-soft);font-weight:700}.parent__overview dd{margin:0;font-weight:800;font-size:1.3rem;color:var(--brand);text-align:right}.parent__areatable,.parent__recenttable{display:flex;flex-direction:column;gap:6px;margin-top:var(--sp-2)}.parent__arearow{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;padding:10px 12px;border-radius:var(--r-md);background:var(--cream);font-weight:700}.parent__recentrow{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:8px;padding:10px 12px;border-radius:var(--r-md);background:var(--cream);font-weight:700;font-size:.92rem}.parent__empty{color:var(--ink-soft)}.parent__curriculumgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-2);margin-top:var(--sp-2)}.parent__curriculumcard{background:var(--cream);border:3px solid var(--line);border-radius:var(--r-md);padding:var(--sp-2)}.parent__curriculumcard h3{margin:0 0 6px;color:var(--brand);font-size:1.05rem}.parent__curriculumline{margin:4px 0;color:var(--ink-soft);font-size:.92rem;line-height:1.4}.parent__curriculumlabel{font-weight:800;color:var(--ink)}.parent__curriculumsource{margin:6px 0 0;font-size:.82rem;color:var(--ink-soft);font-style:italic}.parent__masterygrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-2);margin-top:var(--sp-2)}.parent__masterycard{display:flex;flex-direction:column;gap:6px;background:var(--cream);border:3px solid var(--line);border-radius:var(--r-md);padding:var(--sp-2)}.parent__masterycard--mastered{border-color:var(--green)}.parent__masterycard--developing{border-color:var(--amber, #f0a500)}.parent__masterytop{display:flex;align-items:center;justify-content:space-between;gap:8px}.parent__masteryname{font-weight:800;color:var(--ink)}.parent__masteryreview{font-size:.78rem;font-weight:800;color:var(--gold, #b8860b);background:var(--cream);border:2px solid currentColor;border-radius:999px;padding:2px 8px;white-space:nowrap}.parent__masterybadge{align-self:flex-start;font-size:.82rem;font-weight:800;color:var(--brand)}.parent__masterycount{font-size:.82rem;color:var(--ink-soft)}.parent__suggestions{margin:var(--sp-1) 0 0;padding-left:var(--sp-3);color:var(--ink-soft);font-weight:700}.parent__suggestions li{margin-bottom:4px}.parent__setting{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-1)}.parent__setting label,.parent__toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--cream);border:3px solid var(--line);font-weight:700;cursor:pointer}.parent__setting input,.parent__toggle input{width:22px;height:22px;accent-color:var(--brand)}.parent__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin-top:var(--sp-2)}.parent__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.parent__danger{border-color:var(--coral)}.parent__confirm{margin-top:var(--sp-1)}.parent__confirm-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}@keyframes gentle-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes star-pop{0%{transform:scale(0) rotate(-30deg);opacity:0}70%{transform:scale(1.25) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.no-animations *,.no-animations *:before,.no-animations *:after{animation:none!important;transition:none!important}@media(min-width:720px){.areagrid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}}@media(max-width:480px){html,body{font-size:16px}.match__tile{min-height:88px;font-size:1rem}.option{min-height:116px}.btn--primary{min-height:60px}.parent__arearow,.parent__recentrow{grid-template-columns:1fr 1fr}}@media print{.home__footer,.btn--back{display:none}}