/* Shared child-first home, scoped away from the Japanese game and country picker. */
.piko-home{--ink:#20354b;--muted:#536477;--paper:#faf9f5;--line:#dce2e7;--blue:#245b9b;--purple:#65449b;--green:#27634a;--amber:#815108;color:var(--ink);background:var(--paper);font-family:ui-rounded,'Yu Gothic',system-ui,sans-serif;font-size:17px;line-height:1.6;margin:0;user-select:text}
body.country-entry{background:#faf9f5!important}
#country-home.piko-home{max-width:none;padding:0;color:var(--ink);background:var(--paper)}
.piko-home *{box-sizing:border-box}.piko-home a{color:inherit;text-decoration:none}.piko-home h1,.piko-home h2,.piko-home h3,.piko-home p{margin:0}.piko-home a,.piko-home summary{touch-action:manipulation}.piko-home :focus-visible{outline:3px solid #245b9b;outline-offset:5px}
.piko-home .home-skip{position:fixed;left:16px;top:-100px;z-index:10000;background:#fff;padding:16px;border:2px solid var(--blue);border-radius:12px}.piko-home .home-skip:focus{top:16px}
.piko-home .home-header{max-width:1168px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border:0;background:none;position:relative;box-shadow:none}
.piko-home .home-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;min-height:56px;font-size:23px;font-weight:900;color:var(--ink)}.piko-home .home-brand span{display:grid;place-items:center;width:38px;height:38px;background:#ffcf56;color:#4f3a10;border-radius:14px;font-size:28px}
.piko-home .home-languages{display:flex;align-items:center;gap:4px}.piko-home .home-languages a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:8px 14px;border-radius:12px;font-size:15px;color:var(--muted);font-weight:700}.piko-home .home-languages a[aria-current]{background:#e7edf5;color:#20354b}
.piko-home .home-main{width:calc(100% - 48px);max-width:1120px;margin:auto}.piko-home .home-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 28px}
.piko-home .home-eyebrow,.piko-home .home-project-kicker{font-size:12px;font-weight:850;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}.piko-home h1{font-size:clamp(30px,4.2vw,52px);line-height:1.25;letter-spacing:-.025em;font-weight:900;color:var(--ink)}.piko-home .home-welcome p:last-child{font-size:18px;margin-top:12px;color:var(--muted);max-width:750px}.piko-home .home-mascot{font-size:98px;line-height:1;color:#ffcc50;transform:rotate(12deg);padding-right:20px}
.piko-home .home-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;scroll-margin-top:24px}.piko-home .home-choice{display:flex;flex-direction:column;align-items:flex-start;gap:14px;border:1px solid var(--category-border);border-radius:24px;background:var(--category-bg);color:var(--category-ink);padding:24px;min-height:268px;transition:transform .15s,box-shadow .15s;width:auto;margin:0;box-shadow:none;position:relative}
.piko-home .home-skill{--category-bg:#eaf2fc;--category-border:#b7cce6;--category-ink:var(--blue)}.piko-home .home-logic{--category-bg:#f0ebfa;--category-border:#cfc0e8;--category-ink:var(--purple)}.piko-home .home-town{--category-bg:#fff2d8;--category-border:#e8cd91;--category-ink:var(--amber)}.piko-home .home-project{--category-bg:#e7f3eb;--category-border:#b2d1be;--category-ink:var(--green)}
.piko-home .choice-icon{font-size:38px;line-height:1.2;display:block}.piko-home .home-choice h2{font-size:23px;line-height:1.3;font-weight:850;color:inherit}.piko-home .home-choice p{font-size:15px;color:var(--ink);margin-top:9px;line-height:1.6}.piko-home .choice-action{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:16px;font-weight:850;margin-top:auto;min-height:56px;border-top:1px solid var(--category-border);padding-top:10px}.piko-home .choice-action b{font-size:23px;font-weight:500}.piko-home .home-choice:hover{transform:translateY(-3px);box-shadow:0 8px 24px #20354b12}.piko-home .home-access{color:var(--muted);font-size:13px;margin:14px 0 42px}
.piko-home .global-routes,.piko-home .home-projects,.piko-home .home-more{padding:28px;margin:0 0 36px;border:1px solid var(--line);border-radius:24px;scroll-margin-top:24px}.piko-home .home-skills{background:#fff;border-top:4px solid var(--blue)}.piko-home .global-routes h2,.piko-home .home-projects h2,.piko-home .home-more h2{font-size:clamp(24px,3vw,30px);line-height:1.3;font-weight:850;color:var(--ink)}.piko-home .global-routes>p,.piko-home .home-section-heading>p{color:var(--muted);margin-top:10px;font-size:16px}
.piko-home .route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.piko-home .route-card{position:relative;display:block;padding:20px 38px 20px 20px;border:1px solid #d4e1f0;border-radius:16px;background:#f6f9fe;color:var(--ink);min-width:0;transition:background .15s}.piko-home .route-card>span{font-size:26px;font-weight:850;color:var(--blue)}.piko-home .route-card h3{font-size:19px;margin:8px 0 5px;line-height:1.4}.piko-home .route-card p{font-size:14px;color:var(--muted);line-height:1.6}.piko-home .route-card b{position:absolute;right:16px;top:23px;color:var(--blue);font-size:20px}.piko-home .route-card:hover{background:#eaf2fc}
.piko-home .home-projects{background:#f0f8f2;border-color:#b2d1be;border-top:4px solid var(--green)}.piko-home .home-project-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.piko-home .home-projects h2,.piko-home .home-project-kicker{color:var(--green)}.piko-home .home-project-intro{margin-top:10px;font-size:16px;line-height:1.7;color:#435e51;max-width:700px}.piko-home .home-project-actions{display:flex;flex-direction:column;gap:8px}.piko-home .home-project-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:10px 20px;border-radius:12px;font-size:15px;font-weight:850;box-sizing:border-box}.piko-home .home-project-primary{background:var(--green);color:#fff}.piko-home .home-project-guide{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.piko-home .home-project-tags{display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0;padding:0;list-style:none;color:#435e51;font-size:13px}.piko-home .home-project-tags li::before{content:'✓ ';font-weight:850}.piko-home .home-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.piko-home .home-project-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border:1px solid #c5dccd;border-radius:16px;background:#fff;color:var(--ink);min-width:0}.piko-home .home-project-icon{font-size:30px;line-height:1.3}.piko-home .home-project-card h3{font-size:19px;line-height:1.4;color:var(--ink)}.piko-home .home-project-card p{font-size:14px;line-height:1.6;color:var(--muted)}.piko-home .home-project-card .home-project-meta{font-size:12px;color:#435e51}.piko-home .home-project-open{display:flex;align-items:center;min-height:56px;margin-top:auto;font-size:14px;font-weight:850;line-height:1.5;color:var(--green)}.piko-home .home-project-card:hover{background:#f6fcf8;border-color:var(--green)}
.piko-home .home-courses,.piko-home .home-family{margin-bottom:36px;background:#fff;border:1px solid var(--line);border-radius:20px;scroll-margin-top:24px}.piko-home summary{cursor:pointer;min-height:64px;padding:20px 24px;font-weight:850;font-size:18px;color:var(--ink)}.piko-home details[open]>summary{border-bottom:1px solid var(--line)}.piko-home .home-courses .global-routes{border:0;margin:0;padding-top:22px}.piko-home .home-courses .route-card{background:#faf9f5;border-color:var(--line)}.piko-home .home-course-note{font-size:13px!important;margin-top:22px!important}
.piko-home .home-more{background:#fff}.piko-home .home-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.piko-home .home-more-grid a{display:flex;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;align-items:flex-start}.piko-home .home-more-grid a>span{font-size:26px}.piko-home .home-more-grid h3{font-size:18px;line-height:1.4}.piko-home .home-more-grid p{font-size:14px;color:var(--muted);margin-top:6px}.piko-home .home-more-grid b{margin-left:auto}
.piko-home .home-family>div{padding:24px;max-width:860px}.piko-home .home-family h2{font-size:25px;line-height:1.4;margin-bottom:12px}.piko-home .home-family h3{font-size:18px;margin-top:20px}.piko-home .home-family p{font-size:15px;color:var(--muted);margin:8px 0}.piko-home .home-family nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.piko-home .home-family a,.piko-home .home-back{display:inline-flex;align-items:center;min-height:56px;padding:10px 16px;color:var(--blue);font-size:15px;font-weight:750;border:1px solid var(--line);border-radius:12px}.piko-home .home-back{margin-bottom:36px}.piko-home .home-footer{max-width:1168px;margin:auto;border-top:1px solid var(--line);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted)}.piko-home .home-footer nav{display:flex;flex-wrap:wrap;gap:4px 16px}.piko-home .home-footer a{display:flex;align-items:center;min-height:56px}
@media(max-width:960px){.piko-home .home-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.piko-home .home-choice{min-height:220px}.piko-home .home-more-grid{grid-template-columns:1fr}.piko-home .home-project-heading{grid-template-columns:1fr}.piko-home .home-project-actions{flex-direction:row;flex-wrap:wrap}.piko-home .home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.piko-home .home-header{padding:12px 16px;flex-wrap:wrap;gap:0 12px}.piko-home .home-brand{font-size:20px}.piko-home .home-languages{margin-left:auto}.piko-home .home-languages a{font-size:13px;padding:8px 10px}.piko-home .home-main{width:calc(100% - 32px)}.piko-home .home-welcome{padding:20px 0}.piko-home .home-welcome p:last-child{font-size:16px;max-width:300px}.piko-home .home-mascot{display:none}.piko-home .home-choices{gap:10px}.piko-home .home-choice{padding:16px;gap:10px;border-radius:18px;min-height:226px}.piko-home .choice-icon{font-size:30px}.piko-home .home-choice h2{font-size:19px}.piko-home .home-choice p{font-size:14px;margin-top:6px}.piko-home .choice-action{font-size:14px;gap:5px}.piko-home .home-access{margin-bottom:28px;font-size:12px}.piko-home .global-routes,.piko-home .home-projects,.piko-home .home-more{padding:20px;margin-bottom:24px;border-radius:20px}.piko-home .route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.piko-home .route-card{padding:16px 28px 16px 14px}.piko-home .route-card h3{font-size:17px}.piko-home .route-card b{right:10px}.piko-home .home-project-grid{grid-template-columns:1fr}.piko-home .home-project-heading{gap:16px}.piko-home .home-project-actions{flex-direction:column}.piko-home .home-project-tags{gap:8px 16px}.piko-home .home-project-card{padding:18px}.piko-home .home-courses,.piko-home .home-family{margin-bottom:24px}.piko-home summary{padding:18px 20px;font-size:17px}.piko-home .home-footer{flex-direction:column;align-items:flex-start;padding:20px 16px}.piko-home .home-family>div{padding:20px}}
@media(prefers-reduced-motion:reduce){.piko-home .home-choice{transition:none}.piko-home .home-choice:hover{transform:none}}

/* Override the legacy root shell without changing the optional globe picker. */
body.country-entry #country-home.piko-home{padding:0;background:#faf9f5;color:#20354b}
#country-home.piko-home .home-header{padding:18px 24px;gap:16px}
#country-home.piko-home h1{font-size:clamp(30px,4.2vw,52px);line-height:1.25;letter-spacing:-.025em;margin:0;text-wrap:initial}
#country-home.piko-home .home-languages{gap:4px;flex-wrap:nowrap}
@media(max-width:600px){#country-home.piko-home .home-header{padding:12px 16px;gap:0 12px}}

@media(max-width:600px){.piko-home .home-choice{padding:14px;gap:8px;min-height:216px}.piko-home .home-choice h2{font-size:18px;line-height:1.3}.piko-home .home-welcome{padding:16px 0}.piko-home .home-welcome p:last-child{margin-top:8px}.piko-home .home-choice p{font-size:14px;line-height:1.5}.piko-home .choice-action{line-height:1.4}}

/* School-year paths are an always-visible choice, alongside activity-first play. */
.piko-home .home-grade-entry{display:flex;align-items:center;gap:16px;margin-top:16px;padding:16px 22px;min-height:80px;border:1px solid #b7cce6;border-radius:18px;background:#fff;color:var(--ink)}
.piko-home .home-grade-entry>span{font-size:32px}
.piko-home .home-grade-entry h2{font-size:21px;line-height:1.4}
.piko-home .home-grade-entry p{font-size:14px;color:var(--muted);margin-top:3px}
.piko-home .home-grade-entry b{display:flex;align-items:center;min-height:56px;margin-left:auto;color:var(--blue);font-size:16px;white-space:nowrap}
.piko-home .home-grade-entry:hover{background:#f6f9fe}
.piko-home .home-courses{border-top:4px solid var(--blue)}
.piko-home .home-skill-grade{display:inline-flex;align-items:center;min-height:56px;margin-top:12px;padding:8px 16px;border:1px solid #b7cce6;border-radius:12px;color:var(--blue);font-size:16px;font-weight:800}
@media(max-width:600px){.piko-home .home-grade-entry{padding:14px;gap:12px;flex-wrap:wrap}.piko-home .home-grade-entry>span{font-size:26px}.piko-home .home-grade-entry h2{font-size:19px}.piko-home .home-grade-entry b{justify-content:flex-start;width:100%;margin-left:38px;white-space:normal;min-height:56px}}

/* Public guides sit beside the direct workshop action. */
.piko-home .home-project-item{display:flex;flex-direction:column;gap:6px;min-width:0}.piko-home .home-project-item .home-project-card{flex:1}.piko-home .home-project-item>.home-project-guide,.piko-home .home-skill-guide a,.piko-home .home-secondary-guides a{display:flex;align-items:center;min-height:44px;padding:8px 4px;font-weight:700;overflow-wrap:anywhere}.piko-home .home-secondary-guides{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px}.piko-home .home-skill-guide{margin-top:12px}