.library-note{padding:12px 14px;border-radius:10px;background:#f8f6fd;border:1px solid #e4dcf5;color:#55486e;margin-bottom:18px}

/* Crow Valley map */
.crow-valley-shell{border:1px solid #d6cceb;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 14px 38px rgba(70,52,112,.09)}
.valley-hud{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--border)}
.valley-hud>div:first-child{display:flex;flex-direction:column}.valley-hud strong{font-size:18px}.valley-hud span{font-size:13px;color:var(--muted)}
.valley-progress{min-width:260px}.valley-progress>span{display:block;text-align:right;margin-bottom:6px}.valley-progress .progress{height:8px}.valley-progress .progress i{display:block;height:100%;background:var(--primary);border-radius:999px}
.crow-valley{position:relative;aspect-ratio:16/9;min-height:560px;background:#98c77c;overflow:hidden}.valley-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.valley-title{position:absolute;left:50%;top:3%;transform:translateX(-50%);text-align:center;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.9);border:2px solid rgba(42,43,45,.18);box-shadow:0 5px 12px rgba(0,0,0,.09);white-space:nowrap}.valley-title span{display:block;font-size:11px;color:#6d6676}.valley-title strong{font-size:15px}
.valley-node{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;cursor:pointer;text-align:center;width:112px;z-index:3}.valley-node:disabled{cursor:default}.node-orbit{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 4px;background:conic-gradient(var(--primary) var(--node-progress),#f1f1f3 0);box-shadow:0 3px 0 #37343d,0 6px 12px rgba(0,0,0,.16);position:relative}.node-orbit::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff;border:2px solid #424047}.node-core{position:relative;z-index:1;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ec7071;color:#fff;font-weight:800;font-size:20px;border:2px solid #3d3944}.valley-node.locked{filter:grayscale(1);opacity:.64}.valley-node.locked .node-core::after{content:"";position:absolute;width:16px;height:13px;border:3px solid #46434a;border-radius:3px;background:#f1f1f3;left:50%;top:50%;transform:translate(-50%,-38%)}.valley-node.locked .node-core::before{content:"";position:absolute;width:11px;height:10px;border:3px solid #46434a;border-bottom:0;border-radius:8px 8px 0 0;left:50%;top:25%;transform:translateX(-50%);z-index:2}.valley-node.complete .node-core{background:#66af8e}.node-label{display:block;color:#fff;font-size:12px;font-weight:800;text-shadow:-1px -1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333,1px 1px 0 #333;text-transform:uppercase}.node-meta{display:block;background:rgba(255,255,255,.9);border-radius:999px;padding:2px 6px;margin:3px auto 0;width:max-content;max-width:110px;font-size:9px;color:#5a5560;white-space:nowrap}.valley-node.unlocked:hover{transform:translate(-50%,-50%) scale(1.08)}
.yearclock-map-button{position:absolute;left:2.2%;bottom:3%;border:0;background:transparent;display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;text-align:left;z-index:4;text-shadow:0 2px 2px rgba(0,0,0,.6)}.yearclock-map-button span:last-child{display:flex;flex-direction:column}.yearclock-map-button small{font-size:10px}.mini-wheel{width:62px;height:62px;border-radius:50%;background:conic-gradient(#f47472 0 45deg,#9bd4d2 45deg 90deg,#f6d56c 90deg 135deg,#aaa0c7 135deg 180deg,#f18a43 180deg 225deg,#58aacd 225deg 270deg,#f4c32c 270deg 315deg,#a8d2de 315deg);border:4px solid #47434b;box-shadow:0 3px 0 rgba(0,0,0,.38)}
.valley-footnote{padding:12px 16px;background:#fbfafc;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}

/* Strength path */
.strength-path-shell{border:1px solid #d8d0e4;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 14px 36px rgba(66,48,102,.09)}.path-topbar{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;background:#fff;border-bottom:1px solid var(--border)}.game-back{justify-self:start;border-radius:999px;background:#f6ca56;border:1px solid #8e742c;padding:8px 14px;font-weight:700;cursor:pointer}.path-heading{text-align:center}.path-heading span{font-size:12px;color:var(--muted)}.path-heading h1{margin:0;font-size:26px}.path-score{justify-self:end;background:var(--primary);color:#fff;border-radius:999px;padding:8px 14px;font-weight:700}
.strength-path-scene{position:relative;aspect-ratio:2/1;min-height:520px;overflow:hidden}.path-art{position:absolute;inset:0;width:100%;height:100%}.path-intro{position:absolute;left:50%;top:6%;transform:translateX(-50%);background:rgba(255,255,255,.92);border:2px solid #44404a;border-radius:999px;padding:8px 18px;text-align:center}.path-intro span{display:block;font-size:11px;color:#6c6572}.path-intro strong{font-size:16px}.path-line{position:absolute;left:17%;right:14%;top:59%;height:6px;background:#796a56;border-radius:999px;transform:rotate(3deg);box-shadow:0 2px 0 rgba(0,0,0,.22)}.path-step{position:absolute;top:50%;border:0;background:transparent;width:118px;text-align:center;cursor:pointer;z-index:3}.path-step.step-0{left:18%}.path-step.step-1{left:39%;top:54%}.path-step.step-2{left:61%;top:50%}.path-step.step-3{left:81%;top:55%}.step-disc{width:80px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 5px;background:#7552c7;border:3px solid #3f3b49;box-shadow:0 4px 0 #3f3b49}.medal-star{font-size:31px;color:#f3c64d;text-shadow:0 2px 0 #564217}.path-step.current .step-disc{background:#ee7272;animation:pulseStep 1.7s infinite}.path-step.done .step-disc{background:#7552c7}.path-step.locked .step-disc{background:#d9d9dd}.path-step.locked .medal-star{visibility:hidden}.path-step strong{display:block;text-transform:uppercase;color:#fff;text-shadow:-1px -1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333,1px 1px 0 #333;font-size:12px}.path-step small{display:block;font-size:10px;color:#403a45;background:rgba(255,255,255,.82);width:max-content;margin:2px auto 0;border-radius:999px;padding:1px 6px}.drawn-lock{position:absolute;width:22px;height:19px;border:3px solid #4e4b52;border-radius:4px}.drawn-lock::before{content:"";position:absolute;width:14px;height:13px;border:3px solid #4e4b52;border-bottom:0;border-radius:9px 9px 0 0;left:50%;top:-13px;transform:translateX(-50%)}
.crow-marker{position:absolute;left:calc(18% + (var(--crow-step) * 21%));top:39%;width:62px;height:75px;z-index:4;transition:left .35s ease}.crow-body,.collection-crow{display:block;position:relative;width:46px;height:60px;background:#111;border-radius:55% 48% 50% 45%;transform:rotate(-8deg)}.crow-body::before,.collection-crow::before{content:"";position:absolute;width:45px;height:18px;background:#111;right:-27px;top:10px;clip-path:polygon(0 0,100% 50%,0 100%)}.crow-body::after,.collection-crow::after{content:"";position:absolute;width:31px;height:24px;border-radius:50%;background:#aaa;left:6px;bottom:8px;box-shadow:14px 6px 0 -6px #111,-12px 8px 0 -5px #111}.collection-link{position:absolute;left:3%;bottom:3%;border:0;background:transparent;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.65);cursor:pointer}.collection-link .collection-crow{margin:0 auto 4px;transform:scale(.75)}.path-help{padding:10px 14px;text-align:center;font-size:13px;color:var(--muted)}
@keyframes pulseStep{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* Chalkboard lesson player */
.lesson-stage{position:fixed;inset:0;z-index:100;background:#1e1d21;display:grid;place-items:center;padding:10px}.lesson-wood-frame{width:min(1500px,100%);height:min(900px,calc(100vh - 20px));padding:26px;background:repeating-linear-gradient(7deg,#a36e35 0 10px,#b77c3d 10px 21px,#8e5e31 21px 24px);border:4px solid #4f341c;border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,.45)}.lesson-board{height:100%;background:linear-gradient(135deg,#43866e 0%,#2d7459 100%);border:3px solid #263b32;border-radius:9px;display:grid;grid-template-rows:74px 1fr 42px;color:#fff;position:relative;overflow:hidden}.lesson-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.08),transparent 38%);pointer-events:none}.board-controls{display:grid;grid-template-columns:130px 1fr 130px;align-items:center;gap:28px;padding:0 110px;z-index:2}.board-back,.board-done{border-radius:999px;border:2px solid #544126;padding:9px 18px;font-weight:800;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35);cursor:pointer}.board-back{background:#f5c958}.board-done{background:#7754c9;border-color:#493375}.board-progress{height:28px;border-radius:999px;background:rgba(232,242,235,.62);border:2px solid #3e4650;overflow:hidden;box-shadow:inset 0 3px 8px rgba(0,0,0,.12)}.board-progress i{display:block;height:100%;background:linear-gradient(90deg,#6840c1,#8c62e0);border-radius:999px;transition:width .2s ease}.board-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:35px 110px 55px;gap:40px;z-index:2}.board-copy{max-width:610px}.board-kicker{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e8dffb}.board-copy h1{font-family:'Luckiest Guy',Ageo,Arial,sans-serif;font-size:54px;line-height:.98;margin:14px 0 26px;text-transform:uppercase;text-shadow:4px 4px 0 #2e2b35,-2px -2px 0 #2e2b35,2px -2px 0 #2e2b35,-2px 2px 0 #2e2b35}.board-copy p{font-size:26px;line-height:1.45;margin:0;white-space:normal}.board-copy p span{display:block;margin-bottom:8px}.board-visual{display:grid;place-items:center;height:100%;position:relative}.bird-scene,.bird-group{position:relative;width:470px;height:330px}.bird{position:absolute;width:145px;height:190px;border-radius:60% 55% 50% 46%;bottom:20px;border:3px solid #25272a}.bird::before{content:"";position:absolute;width:105px;height:44px;background:#111;right:-78px;top:30px;clip-path:polygon(0 0,100% 50%,0 100%)}.bird::after{content:"";position:absolute;left:25px;bottom:32px;width:90px;height:52px;border-radius:50%;background:repeating-linear-gradient(0deg,#ccc 0 7px,#111 7px 10px)}.bird.black{left:15px;background:#111}.bird.blue{right:8px;background:#6fb9d9}.bird.blue::before{background:#e7a84c}.bird.pale{right:18px;background:#d8d8d8}.bird.big{left:155px;width:155px;height:205px}.sandcastle{position:absolute;width:160px;height:205px;background:#e7c37d;left:160px;bottom:16px;clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:15px}.bird-group .bird.blue{left:20px;right:auto}.bird-group .bird.pale{right:15px}.finish-medal{width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#ef7977 0 56%,#fff 57% 65%,#ef7977 66% 78%,#fff 79%);display:grid;place-items:center;box-shadow:0 10px 0 rgba(0,0,0,.18)}.finish-medal span{font-size:105px;color:#f4c847;text-shadow:0 5px 0 #765917}.chalk-crow .crow-body{transform:scale(3)}.board-footer{display:flex;justify-content:space-between;padding:0 110px;align-items:center;font-size:13px;color:#d9eee5;z-index:2}

/* reward */
.game-reward{position:fixed;inset:0;z-index:120;background:rgba(27,37,33,.78);display:grid;place-items:center;overflow:hidden}.reward-card{position:relative;z-index:2;width:min(560px,calc(100% - 30px));background:#fff;border-radius:28px;padding:38px;text-align:center;border:5px solid #3f3a48;box-shadow:0 22px 80px rgba(0,0,0,.35)}.reward-eyebrow{display:block;color:var(--primary);font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.08em}.reward-medal{width:140px;height:140px;margin:18px auto;border-radius:50%;display:grid;place-items:center;background:#ec7471;border:12px solid #fff;outline:9px solid #ec7471;font-size:70px;color:#f5cc4b;text-shadow:0 4px 0 #755a1e}.reward-card h2{font-size:34px;margin:24px 0 8px}.reward-card p{color:var(--muted);margin:0 0 22px}.reward-confetti{position:absolute;inset:0}.reward-confetti i{position:absolute;left:var(--x);top:-30px;width:12px;height:16px;background:#f1c94c;border-radius:5px;animation:confetti 2.2s var(--d) infinite linear;transform:rotate(var(--r))}.reward-confetti i:nth-child(3n){background:#7956c9}.reward-confetti i:nth-child(4n){background:#78c9c6}.reward-confetti i:nth-child(5n){background:#ec7471}
@keyframes confetti{to{transform:translateY(110vh) rotate(420deg)}}

@media(max-width:1050px){.crow-valley{min-height:500px}.valley-node{width:92px}.node-orbit{width:58px;height:58px}.node-core{width:39px;height:39px}.node-label{font-size:10px}.path-step{width:94px}.step-disc{width:67px;height:54px}.board-controls,.board-content,.board-footer{padding-left:50px;padding-right:50px}.board-copy h1{font-size:44px}.board-copy p{font-size:22px}.bird-scene,.bird-group{transform:scale(.8)}}
@media(max-width:800px){.valley-hud{align-items:flex-start;flex-direction:column}.valley-progress{min-width:0;width:100%}.valley-progress>span{text-align:left}.crow-valley{min-height:620px;aspect-ratio:auto}.valley-title{white-space:normal;width:72%}.valley-node{transform:translate(-50%,-50%) scale(.84)}.strength-path-scene{min-height:560px;aspect-ratio:auto}.path-topbar{grid-template-columns:1fr auto}.path-heading{grid-column:1/-1;grid-row:1;text-align:center}.game-back{grid-column:1;grid-row:1;z-index:2;font-size:11px}.path-score{grid-column:2;grid-row:1;font-size:11px}.path-step.step-0{left:15%;top:52%}.path-step.step-1{left:38%;top:58%}.path-step.step-2{left:62%;top:52%}.path-step.step-3{left:84%;top:59%}.crow-marker{display:none}.lesson-wood-frame{padding:12px}.lesson-board{grid-template-rows:70px 1fr 36px}.board-controls{grid-template-columns:92px 1fr 92px;gap:12px;padding:0 18px}.board-content{grid-template-columns:1fr;padding:28px 28px 40px;overflow:auto}.board-copy h1{font-size:38px}.board-copy p{font-size:20px}.board-visual{min-height:260px}.board-footer{padding:0 28px}.bird-scene,.bird-group{transform:scale(.68)}}