.title-screen{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:55px;flex:1;padding:35px 5% 40px}.title-copy h1{font-size:clamp(3.5rem,6.7vw,6.5rem);letter-spacing:-.065em;margin-bottom:22px}.title-copy h1 span{display:block;color:var(--blue)}.tagline{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;margin-bottom:34px}.curriculum{font-size:.875rem;margin:26px 0 0;color:var(--muted)}.lab-card{position:relative;border:8px solid white;border-radius:40px;background:linear-gradient(150deg,#d6edff,#ecfbff 60%,#ddf5eb);box-shadow:0 22px 65px #275c8020;padding:35px 25px 25px;text-align:center}.lab-label{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;font-weight:800;color:#326680}.pico{display:flex;flex-direction:column;align-items:center;justify-content:center}.pico-emoji{font-size:clamp(100px,12vw,170px);line-height:1.3;filter:drop-shadow(0 15px 12px #1c5c8020)}.pico-name{background:#ffda58;border:3px solid white;border-radius:12px;padding:6px 20px;font-size:.875rem;letter-spacing:.16em;font-weight:900}.title-screen .pico{min-height:265px}.pico-note{background:white;border-radius:20px;margin:24px 0 0;padding:18px;font-weight:700;line-height:1.5}.lab-symbols{display:flex;justify-content:center;gap:22px;margin-top:24px;color:#38637d;font-size:25px}.main-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:start;padding-bottom:25px}.welcome{background:linear-gradient(145deg,#dcefff,#e4f8ee);border:1px solid white;border-radius:28px;padding:30px;text-align:center}.welcome .pico-emoji{font-size:100px}.welcome p{margin:22px 0 0;font-weight:700}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.menu-start{grid-column:1/-1;padding:26px;font-size:1.1rem;min-height:95px}.menu-card{border:1px solid var(--line);background:white;border-radius:22px;text-align:left;padding:23px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:start;gap:16px;font-weight:800}.menu-card small{font-size:.8125rem;font-weight:400;color:var(--muted)}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:28px}.year-card{background:#ffffffba;border:1px solid #cedfe9;border-radius:24px;text-align:left;padding:25px;position:relative;display:flex;flex-direction:column;gap:18px}.year-card .year-number{font-size:2.6rem;font-weight:900;color:#698397}.year-card strong{font-size:1.125rem}.badge{align-self:flex-start;border-radius:30px;background:#eaf0f5;color:#52677a;padding:7px 12px;font-size:.8125rem;font-weight:700}.year-card.active{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 10px 25px #086bdc25}.year-card.active .year-number{color:white}.year-card.active .badge{background:var(--yellow);color:#4b3900}.year-arrow{position:absolute;right:24px;top:27px;font-size:1.5rem}.units-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:28px}.unit-card{border:1px solid var(--line);border-radius:23px;padding:23px;background:white;text-align:left;box-shadow:var(--shadow);display:flex;gap:17px;align-items:center;min-height:130px}.unit-card strong{display:block;font-size:1.05rem;margin:6px 0}.unit-card small{font-size:.8125rem;color:var(--muted)}.unit-card:nth-child(3n+2) .card-icon{background:#e5f6e9}.unit-card:nth-child(3n) .card-icon{background:#fff4ca}.placeholder-panel{background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;max-width:640px;width:100%;margin:auto;text-align:center;padding:48px 30px}.placeholder-panel .card-icon{margin:0 auto 24px;width:80px;height:80px;font-size:40px}.placeholder-panel .primary{margin-top:15px}.content-screen{width:100%;max-width:1120px;margin:0 auto;flex:1;display:flex;flex-direction:column}.section-kicker{color:var(--blue);font-size:.8125rem;font-weight:800;letter-spacing:.1em;margin-bottom:10px}

/* Shared game panels translate the reference without reproducing gameplay. */
.title-copy h1{color:#39b7f4;text-shadow:2px 3px 0 #09265f,-1px -1px 0 #09265f,1px -1px 0 #09265f,-1px 1px 0 #09265f;letter-spacing:-.045em}
.title-copy h1 span{color:#ffcf30}.tagline{color:#102860}.eyebrow{color:#285b80}
.lab-card{border-color:#77c9ff;background:linear-gradient(145deg,#f9fdff,#dcefff 65%,#e2f4e6);box-shadow:inset 0 0 0 4px white,0 7px 0 #4597ce,0 22px 45px #275c8020}
.pico-name{background:linear-gradient(#fff5d7,#f8dfae);color:#142e61;border:2px solid white;box-shadow:0 3px 0 #c7b793;letter-spacing:.1em}
.pico-note{border:2px solid #6fbdf5;border-radius:26px;box-shadow:0 3px 0 #bddcf2;color:#102860}
.welcome{border:3px solid #8bd2ff;background:linear-gradient(#f4fbff,#dcedff);box-shadow:inset 0 0 0 3px white,0 5px 0 #6fa9d4}
.welcome p{background:white;border:2px solid #a2d0f5;border-radius:22px;padding:18px;color:#142e61}
.menu-start{background:linear-gradient(#269b43,#137832);border-color:#a0e6a1;box-shadow:inset 0 2px 0 #ffffff70,0 5px 0 #105d29,0 12px 20px #14744720;text-shadow:0 1px 1px #144b22}
.menu-start:hover{background:linear-gradient(#20863a,#116c2c);box-shadow:0 5px 0 #105d29,0 12px 20px #14744720}
.menu-card,.unit-card,.year-card,.placeholder-panel{border:2px solid #b6d6f4;background:linear-gradient(white,#edf5ff);box-shadow:inset 0 1px 0 white,var(--shadow)}
.menu-card:hover,.unit-card:hover,.year-card:not(.active):hover{border-color:#5eace7;background:linear-gradient(white,#e0efff)}
.menu-card:nth-child(3) .card-icon{background:#fff0b5}.menu-card:nth-child(4) .card-icon{background:#dff3df}
.year-card .year-number{color:#365f87}.year-card.active{border:3px solid #8ed9ff;background:linear-gradient(#1397e8,#0766c7);box-shadow:inset 0 2px 0 #ffffff60,0 5px 0 #074b99,0 12px 24px #086bdc25}
.year-card.active .badge{border:1px solid #fff2a3;background:linear-gradient(#ffe876,#ffcf30)}
.badge{border:1px solid #c8d9e9;color:#425c75;background:#f5f9fd}
.unit-card strong{color:#142e61}.unit-card:nth-child(3n+2) .card-icon{background:linear-gradient(#edfbea,#c9edc7)}.unit-card:nth-child(3n) .card-icon{background:linear-gradient(#fff7d4,#ffe391)}
