/* The lesson catalogue shares the homepage's silver, wine and graphite palette. */
body.lobby.glass-public{--green:#e6bccb;--mono:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 5% 12%,#b9c4ca80,transparent 50%),radial-gradient(ellipse at 90% 50%,#c5cfd666,transparent 55%),linear-gradient(125deg,#d6dfe4,#f3f5f7 65%,#dce3e8);color:#20242c}
body.lobby.glass-public .wrap{max-width:1340px;padding:0 32px}
body.lobby.glass-public .top{max-width:1312px;padding:18px 24px;border-radius:28px;background:linear-gradient(125deg,#ffffff32,#ffffff0a);border:1px solid #ffffffb0;box-shadow:inset 0 1px 2px #fff,0 10px 25px #25364509}
body.lobby.glass-public .brand,body.lobby.glass-public .brand span{font-weight:650;letter-spacing:-.045em}
body.lobby.glass-public .lobby-hero{gap:24px;grid-template-columns:1.2fr 1fr;padding:40px 0 54px;align-items:stretch}
body.lobby.glass-public .lobby-hero>div:first-child{padding:clamp(28px,4vw,50px);border:1px solid #ffffffde;border-radius:32px;background:linear-gradient(125deg,#ffffff70,#ffffff20);box-shadow:inset 0 1px 2px #fff,0 20px 40px #2c3e5010;backdrop-filter:blur(12px)}
body.lobby.glass-public .lobby-hero h1{font-size:clamp(36px,4.1vw,56px);line-height:1.08;font-weight:600}
body.lobby.glass-public .eyebrow{font-family:inherit;font-size:12px;letter-spacing:.12em;line-height:1.6}
body.lobby.glass-public .lead{font-size:20px;color:#555f6b}
body.lobby.glass-public .featured{transform:none;min-height:480px;border-radius:32px;background:linear-gradient(125deg,#4a5861e8,#263239f2);border:1px solid #ffffff9c;box-shadow:inset 0 1px 3px #ffffff90,0 20px 40px #2536451a;padding:28px 32px}
body.lobby.glass-public .file-top{color:#d4dce2;border-color:#ffffff25;letter-spacing:.1em}
body.lobby.glass-public .file-top span:first-child{color:#e6bccb}
body.lobby.glass-public .stamp{display:none}
body.lobby.glass-public .feature-text{padding-top:80px}
body.lobby.glass-public .feature-text h2{font-family:inherit;font-size:44px}
body.lobby.glass-public .feature-text strong{font-family:inherit;color:#f4e8ed;letter-spacing:-.055em;font-size:72px}
body.lobby.glass-public .feature-text>p,body.lobby.glass-public .file-bottom{font-family:inherit;letter-spacing:.03em;font-size:13px;color:#dde2e6}
body.lobby.glass-public .mini-radar{top:auto;bottom:-24px;right:-36px;opacity:.35;width:270px;height:270px;background:repeating-radial-gradient(circle,transparent 0 42px,#e3c0cd40 43px 44px);border-color:#e3c0cd40}
body.lobby.glass-public .radar:before,body.lobby.glass-public .radar:after{background:linear-gradient(90deg,transparent 49.8%,#e3c0cd35 50%,transparent 50.2%)}
body.lobby.glass-public .radar i{background:conic-gradient(transparent 68%,#e3c0cd30 96%,#e3c0cd80)}
body.lobby.glass-public .radar b,body.lobby.glass-public .radar span{background:#e3c0cd;box-shadow:0 0 15px #e3c0cd50}
body.lobby.glass-public .topic{position:relative;border-radius:28px;padding:28px;background:linear-gradient(130deg,#ffffff60,#ffffff12);border:1px solid #ffffffe0;box-shadow:inset 0 1px 2px #fff,inset 0 -1px 1px #ffffff60,0 18px 36px #25364512;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.lobby.glass-public .topic-mark{font-family:inherit;font-size:30px;letter-spacing:-.04em}
body.lobby.glass-public .topic p{color:#58636e;font-size:15px}
body.lobby.glass-public .topic-foot{border-color:#ffffffd0}
body.lobby.glass-public .age-tabs button{background:linear-gradient(125deg,#ffffff55,#ffffff12);border-color:#ffffffdf;box-shadow:inset 0 1px 2px #fff,0 6px 18px #2536450a}
body.lobby.glass-public .age-tabs button[aria-pressed=true]{background:linear-gradient(125deg,#971d41,#800020);color:white;border-color:#d99aac}
body.lobby.glass-public .human-note{margin:20px 0 36px;border-radius:28px;border-color:#ffffffda;background:linear-gradient(125deg,#ffffff65,#ffffff18)}
@media(hover:hover){body.lobby.glass-public .topic.ready:hover{background:linear-gradient(125deg,#ffffff95,#ffffff30);box-shadow:inset 0 1px 3px #fff,0 24px 42px #25364520;border-color:white}}
@media(max-width:800px){body.lobby.glass-public .lobby-hero{grid-template-columns:1fr;gap:20px;padding-top:22px}body.lobby.glass-public .featured{min-height:350px}body.lobby.glass-public .feature-text{padding-top:36px}}
@media(max-width:560px){body.lobby.glass-public .wrap{padding:0 18px}body.lobby.glass-public .top .free-tag{display:none}body.lobby.glass-public .top{border-radius:24px}body.lobby.glass-public .lobby-hero>div:first-child{padding:26px;border-radius:28px}body.lobby.glass-public .lead{font-size:18px}body.lobby.glass-public .lobby-hero h1{font-size:clamp(30px,8.4vw,42px)}body.lobby.glass-public .primary{width:100%}body.lobby.glass-public .featured{padding:26px}body.lobby.glass-public .topic{padding:26px}body.lobby.glass-public .section-heading h2{font-size:28px}}
/* The mission retains its own agent identity inside the silver catalogue. */
body.lobby.glass-public .featured{transform:rotate(2deg);background:linear-gradient(125deg,#3c4c55,#1f2b32);transition:transform .4s,box-shadow .4s}
body.lobby.glass-public .stamp{display:block;top:92px;left:28px;transform:rotate(-14deg);font:12px/1.4 ui-monospace,monospace;letter-spacing:3px;border-color:#e5b273;color:#e5b273}
body.lobby.glass-public .feature-text{padding-top:125px}
body.lobby.glass-public .feature-text strong,body.lobby.glass-public .file-top span:first-child{color:#99ffc8}
body.lobby.glass-public .file-top{color:#a4c4b5;border-color:#507164}
body.lobby.glass-public .mini-radar{top:95px;bottom:auto;opacity:.65;background:repeating-radial-gradient(circle,transparent 0 42px,#84dda52c 43px 44px);border-color:#71c7a445}
body.lobby.glass-public .radar i{background:conic-gradient(transparent 68%,#8af9b349 96%,#adffd9c0)}
body.lobby.glass-public .radar b,body.lobby.glass-public .radar span{background:#99ffc8;box-shadow:0 0 20px #8efbbb}
body.lobby.glass-public .radar:before,body.lobby.glass-public .radar:after{background:linear-gradient(90deg,transparent 49.8%,#82dbaa40 50%,transparent 50.2%)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.lobby.glass-public .featured:hover{transform:rotate(0) translateY(-4px);box-shadow:inset 0 1px 3px #ffffff90,0 24px 45px #25364525}}
@media(max-width:800px){body.lobby.glass-public .featured{margin:8px;min-height:460px}}
@media(prefers-reduced-motion:reduce){body.lobby.glass-public .featured{transition:none}}