.lost-notes-page{--ln-accent:#53ddf5}
.lost-notes-hero{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:20px;padding:26px}
.lost-notes-kicker{display:block;margin-bottom:7px;color:var(--ln-accent);font-size:11px;font-weight:900;letter-spacing:.14em}
.lost-notes-hero h2{margin:0 0 9px;font-size:clamp(25px,3vw,42px)}
.lost-notes-hero p{max-width:760px;margin:0;color:var(--muted,#91a8b4);line-height:1.6}
.lost-notes-hero__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.lost-notes-hero__note{display:grid;place-items:center;width:130px;height:130px;justify-self:end;border:1px solid rgba(83,221,245,.35);background:radial-gradient(circle,rgba(83,221,245,.15),transparent 64%);color:#dffbff;font-size:78px;text-shadow:0 0 18px #35cdea;animation:lostHubFloat 3s ease-in-out infinite}
@keyframes lostHubFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(4deg)}}
.lost-notes-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.lost-notes-stat-grid .module{display:grid;gap:5px;padding:16px}
.lost-notes-stat-grid span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#76dff3;text-transform:uppercase}
.lost-notes-stat-grid strong{font-size:28px}.lost-notes-stat-grid small{color:#78909c}
.lost-notes-how{margin-top:12px}.lost-notes-how__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.lost-notes-how article{padding:12px;border:1px solid var(--border,#243d48);background:rgba(255,255,255,.018)}
.lost-notes-how article>span{display:grid;place-items:center;width:28px;height:28px;margin-bottom:8px;border:1px solid rgba(83,221,245,.35);color:#60e3fa;font-weight:900}
.lost-notes-how article strong{display:block;margin-bottom:4px}.lost-notes-how article p{margin:0;color:#78909c;font-size:12px;line-height:1.5}
.lost-notes-melody-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.lost-notes-melody-card{padding:12px;border:1px solid var(--border,#243d48);background:rgba(255,255,255,.018)}
.lost-notes-melody-card.is-complete{border-color:rgba(255,211,79,.38);background:rgba(255,190,40,.04)}
.lost-notes-melody-card__head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px}
.lost-notes-melody-card__head>span{font-size:24px}.lost-notes-melody-card__head strong{display:block}.lost-notes-melody-card__head small{display:block;color:#78909c;margin-top:2px}.lost-notes-melody-card__head b{font-size:12px;color:#75e4f7}
.lost-notes-progress{height:5px;margin:9px 0;background:rgba(255,255,255,.07)}.lost-notes-progress i{display:block;height:100%;background:linear-gradient(90deg,#169eba,#76e6f7)}
.lost-notes-melody-card p{margin:7px 0;color:#78909c;font-size:11px;line-height:1.5}.lost-notes-melody-card em{display:block;margin-top:8px;color:#ffe174;font-size:10px;font-style:normal;font-weight:900}
.lost-notes-note-strip{display:flex;gap:5px;flex-wrap:wrap}.lost-notes-note-strip span{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.08);font-size:16px}.lost-notes-note-strip .is-missing{filter:grayscale(1);opacity:.25}.lost-notes-note-strip .is-found{border-color:rgba(83,221,245,.28);color:#9df0ff}
.lost-notes-lists{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.lost-notes-find-list{display:grid}
.lost-notes-find-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.lost-notes-find-list article:last-child{border-bottom:0}
.lost-notes-find-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(83,221,245,.2);background:rgba(83,221,245,.04);font-size:18px}.lost-notes-find-list strong{display:block;font-size:12px}.lost-notes-find-list small,.lost-notes-find-list time{color:#78909c;font-size:9px}
.lost-notes-empty{display:grid;gap:4px;padding:22px 10px;text-align:center;color:#78909c}.lost-notes-empty strong{color:inherit}
@media(max-width:900px){.lost-notes-stat-grid,.lost-notes-how__grid{grid-template-columns:repeat(2,1fr)}.lost-notes-lists,.lost-notes-melody-grid{grid-template-columns:1fr}}
@media(max-width:620px){.lost-notes-hero{grid-template-columns:1fr;padding:18px}.lost-notes-hero__note{display:none}.lost-notes-stat-grid,.lost-notes-how__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.lost-notes-hero__note{animation:none}}

.community-lost-notes-panel{margin-top:12px}
.community-lost-notes-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.community-lost-notes-summary>div{display:grid;gap:3px;padding:10px;border:1px solid var(--border,#243d48);background:rgba(255,255,255,.018)}
.community-lost-notes-summary span{font-size:9px;font-weight:900;letter-spacing:.07em;color:#77deef;text-transform:uppercase}
.community-lost-notes-summary strong{font-size:22px}
@media(max-width:620px){.community-lost-notes-summary{grid-template-columns:1fr}}

.lost-notes-stat-grid{grid-template-columns:repeat(5,1fr)}
.lost-notes-hunts{margin-top:12px}
.lost-notes-hunt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.lost-notes-hunt-card{padding:13px;border:1px solid rgba(255,197,72,.22);background:linear-gradient(145deg,rgba(255,179,35,.045),rgba(255,255,255,.015))}
.lost-notes-hunt-card.is-complete{border-color:rgba(255,217,93,.42);background:rgba(255,193,45,.07)}
.lost-notes-hunt-card__head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px}
.lost-notes-hunt-card__head>span{font-size:24px;color:#ffdc77}.lost-notes-hunt-card__head strong{display:block}.lost-notes-hunt-card__head small{display:block;color:#8899a3;margin-top:2px}.lost-notes-hunt-card__head>b{font-size:12px;color:#ffdb70}
.lost-notes-hunt-card p{margin:8px 0 0;color:#81939e;font-size:11px;line-height:1.5}
.lost-notes-hunt-card__until{display:block;margin-top:7px;color:#9ca9b1;font-size:9px}
.lost-notes-hunt-card em{display:block;margin-top:8px;color:#ffe47c;font-size:10px;font-style:normal;font-weight:900}
@media(max-width:1050px){.lost-notes-stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.lost-notes-hunt-grid{grid-template-columns:1fr}}

/* Phase 3.02L — persoonlijk notenboek */
.lost-notes-journal{margin-top:12px}
.lost-notes-journal .module-heading>div p{margin:3px 0 0;color:#80939f;font-size:10px;font-weight:400}
.lost-notes-journal__overview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.9fr);gap:10px}
.lost-notes-journal__progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:13px;border:1px solid var(--border,#243d48);background:rgba(255,255,255,.018)}
.lost-notes-journal__progress>div strong{display:block;font-size:24px}.lost-notes-journal__progress>div span{color:#8296a2;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.lost-notes-journal__progress>b{font-size:17px;color:#73e4f7}.lost-notes-journal__progress>.lost-notes-progress{grid-column:1/-1;margin:2px 0}.lost-notes-journal__progress>small{grid-column:1/-1;color:#7d909c;font-size:9px}
.lost-notes-journal__types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.lost-notes-journal__types article{display:grid;gap:2px;align-content:center;min-height:88px;padding:9px;border:1px solid var(--border,#243d48);background:rgba(255,255,255,.018);text-align:center}
.lost-notes-journal__types article>span{font-size:20px}.lost-notes-journal__types strong{font-size:9px;text-transform:uppercase;letter-spacing:.06em}.lost-notes-journal__types b{font-size:12px}.lost-notes-journal__types small{color:#748995;font-size:8px}
.lost-notes-journal__types .is-silver>span{color:#d6e1e6}.lost-notes-journal__types .is-gold>span{color:#ffd866}.lost-notes-journal__types .is-special>span{color:#ed8cff}.lost-notes-journal__types .is-event>span{color:#ffae62}
.lost-notes-journal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.lost-notes-journal-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--border,#243d48);background:rgba(255,255,255,.018)}
.lost-notes-journal-card.is-gold{border-color:rgba(255,214,81,.28)}.lost-notes-journal-card.is-special{border-color:rgba(227,121,246,.25)}.lost-notes-journal-card.is-event{border-color:rgba(255,157,75,.28)}
.lost-notes-journal-card__icon{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;border:1px solid rgba(83,221,245,.16);background:rgba(83,221,245,.035);font-size:24px}
.lost-notes-journal-card__icon img{width:100%;height:100%;object-fit:contain}
.lost-notes-journal-card__copy{display:grid;gap:1px;min-width:0}.lost-notes-journal-card__copy small{color:#70dcef;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.lost-notes-journal-card__copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lost-notes-journal-card__copy span{color:#778b97;font-size:8px}.lost-notes-journal-card__copy em{margin-top:2px;color:#a8bac4;font-size:8px;font-style:normal}.lost-notes-journal-card>b{align-self:start;color:#72e3f6;font-size:10px}
@media(max-width:1000px){.lost-notes-journal__overview{grid-template-columns:1fr}.lost-notes-journal__types{grid-template-columns:repeat(5,1fr)}}
@media(max-width:720px){.lost-notes-journal__types{grid-template-columns:repeat(2,1fr)}.lost-notes-journal__grid{grid-template-columns:1fr}}
@media(max-width:420px){.lost-notes-journal__types{grid-template-columns:1fr 1fr}.lost-notes-journal-card{grid-template-columns:42px minmax(0,1fr) auto}.lost-notes-journal-card__icon{width:40px;height:40px}}

/* Phase 3.02L FIX1 — Lost Notes eigen geschiedenis */
.lost-notes-history{margin-top:12px}
.lost-notes-history .module-heading>div p{margin:3px 0 0;color:#80939f;font-size:10px;font-weight:400}
.lost-notes-history__list{display:grid}
.lost-notes-history__list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.lost-notes-history__list article:last-child{border-bottom:0}
.lost-notes-history__icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(83,221,245,.18);background:rgba(83,221,245,.035);font-size:19px}
.lost-notes-history__list article>div{display:grid;gap:1px;min-width:0}.lost-notes-history__list small{color:#6fdff3;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.lost-notes-history__list strong{font-size:11px}.lost-notes-history__list em{color:#8fa0aa;font-size:8px;font-style:normal}.lost-notes-history__list time{color:#768995;font-size:8px;white-space:nowrap}
.lost-notes-history__list .is-melody .lost-notes-history__icon{border-color:rgba(118,229,247,.28)}
.lost-notes-history__list .is-hunt .lost-notes-history__icon{border-color:rgba(255,211,80,.28);color:#ffe07a}
@media(max-width:560px){.lost-notes-history__list article{grid-template-columns:34px minmax(0,1fr)}.lost-notes-history__list time{grid-column:2}}

/* Phase 3.02M — Notenjagers Ranglijst */
.lost-notes-leaderboard{margin-top:12px}
.lost-notes-leaderboard .module-heading>div p{margin:3px 0 0;color:#80939f;font-size:10px;font-weight:400}
.lost-notes-leaderboard__table{display:grid;overflow-x:auto}
.lost-notes-leaderboard__head,.lost-notes-leaderboard__row{display:grid;grid-template-columns:38px minmax(150px,1.8fr) repeat(6,minmax(62px,.7fr));align-items:center;min-width:720px}
.lost-notes-leaderboard__head{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.08);color:#718793;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.lost-notes-leaderboard__row{padding:8px;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px}.lost-notes-leaderboard__row:last-child{border-bottom:0}.lost-notes-leaderboard__row>b{color:#6fe2f5}.lost-notes-leaderboard__row>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lost-notes-leaderboard__row>span{text-align:center;color:#9aabb5}.lost-notes-leaderboard__row.is-me{background:rgba(83,221,245,.055);box-shadow:inset 2px 0 0 #58ddef}
.lost-notes-leaderboard__me{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;margin-top:10px;padding:10px;border:1px solid rgba(83,221,245,.22);background:rgba(83,221,245,.035)}.lost-notes-leaderboard__me>span{font-size:8px;font-weight:900;letter-spacing:.09em;color:#65dff4}.lost-notes-leaderboard__me>strong{font-size:20px}.lost-notes-leaderboard__me>small{color:#8497a2;font-size:9px}
@media(max-width:620px){.lost-notes-leaderboard__me{grid-template-columns:auto auto}.lost-notes-leaderboard__me>small{grid-column:1/-1}}