.badge-hud{position:fixed;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-start;justify-content:center;gap:10px;width:min(560px,calc(100vw - 640px));z-index:9}.badge-hud button{border:0;padding:0;width:82px;min-width:44px;color:#fff4db;text-shadow:0 2px 5px #000;font-size:11px;line-height:1.35}.badge-hud img{display:block;width:64px;height:64px;object-fit:contain;margin:0 auto 6px;transition:filter .5s,transform .5s}.badge-hud .unearned img{filter:grayscale(1) brightness(.65);opacity:.75}.badge-hud .earned img{filter:drop-shadow(0 0 7px #ead69780)}.badge-hud button:hover img{transform:translateY(-3px)}.collection-open{position:fixed;left:28px;top:112px;background:#f7f3eae8;color:#244739;border-color:#c7b78c;z-index:12;font-size:12px;backdrop-filter:blur(12px)}
.badge-wall{background:#f7f3ea;color:#203e34;inset:3vh 3vw;margin:auto;width:min(1240px,94vw);max-width:94vw;height:94dvh;max-height:94dvh;border-radius:18px;padding:38px 44px;overflow:auto}.badge-wall>button{float:right}.collection-kicker{letter-spacing:.2em;font-size:11px;margin:6px 0 14px}.badge-wall h2{font:48px Georgia,serif;margin:0 0 14px}.collection-note{font-size:13px;line-height:1.7;color:#637366}.city-shelves{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.city-shelf{border-top:1px solid #cbbf9f;padding:18px 0}.city-shelf h3{font:25px Georgia;margin:0 0 7px;letter-spacing:.03em}.city-shelf>img{width:100%;height:200px;object-fit:contain;margin:15px 0}.city-shelf>strong{display:block;font:21px Georgia;margin-bottom:10px}.city-shelf>p{font-size:13px;line-height:1.6}.city-shelf>button{margin-top:18px;background:#234f43;color:#fff8e7}.collection-layers{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}.collection-layers span,.book-beats span{border:1px solid #c8c2af;border-radius:14px;padding:5px 10px;font-size:11px;color:#738075}.collection-layers .earned,.book-beats .earned{background:#254f41;color:#fff1c9;border-color:#254f41}.wall-tasks{border-top:1px solid #cbbf9f;padding-top:20px;margin-top:12px}.wall-tasks h3{font:24px Georgia;margin:0 0 15px}.wall-task-row{display:flex;justify-content:space-between;gap:15px}.wall-task-row button{flex:1;border:0;font-size:13px}.wall-task-row img{width:78px;height:78px;object-fit:contain;margin:0 auto 10px}.wall-task-row .unearned img{filter:grayscale(1);opacity:.35}
.badge-task{position:fixed;inset:18vh auto auto 50%;transform:translateX(-50%);width:min(400px,92vw);background:#f7f3ea;color:#203e34;padding:24px;border-radius:20px;z-index:35}.badge-task>img{width:100px;height:100px;object-fit:contain;margin:5px auto 20px}.badge-task h2{font:27px Georgia;clear:both}.badge-task blockquote{font:21px Georgia;line-height:1.5;margin:18px 0}.badge-task p{line-height:1.7;font-size:14px}.badge-task>button:last-child{margin-top:15px}.badge-toast{position:fixed;left:50%;top:150px;transform:translateX(-50%);z-index:40;background:#214737f5;color:#f8efd5;padding:12px 20px;border:1px solid #b8a16d;border-radius:16px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 40px #152f3540;font-size:15px;pointer-events:none}.badge-toast img{width:54px;height:54px;object-fit:contain}
.culture-reader{position:fixed;inset:13vh auto auto 50%;transform:translateX(-50%);margin:0;background:#f7f3ea;width:min(850px,91vw);padding:14px 18px;border-radius:12px;z-index:24;box-shadow:0 18px 70px #001b2260;max-height:58dvh;overflow:auto}.culture-reader>img{width:100%;max-height:40dvh;object-fit:contain;clear:both}.culture-reader>p{font-size:12px;line-height:1.5;color:#4b6150}.culture-reader a{color:#254f43}.book-beats{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}
@media(max-width:1050px){.badge-hud{top:82px;left:35%;width:360px;gap:5px}.badge-hud img{width:50px;height:50px}.badge-hud button{font-size:10px}.collection-open{top:157px;left:18px}.badge-wall{padding:25px}.badge-wall h2{font-size:37px}.city-shelves{gap:18px}.city-shelf>img{height:160px}}
@media(max-width:650px){.badge-hud{top:83px;left:10px;transform:none;width:calc(100vw - 210px);min-width:145px;flex-wrap:wrap;gap:4px;justify-content:flex-start}.badge-hud button{width:44px;font-size:8px}.badge-hud img{width:35px;height:35px;margin-bottom:4px}.collection-open{top:222px;left:10px;min-height:40px;font-size:11px;padding:6px 10px}.city-shelves{grid-template-columns:1fr}.city-shelf>img{height:200px}.badge-wall h2{font-size:32px}.wall-task-row{flex-wrap:wrap;justify-content:center}.wall-task-row button{flex:0 0 27%;padding:4px}.wall-task-row img{width:60px;height:60px}.badge-toast{top:40%;max-width:90vw;width:max-content;font-size:13px}.culture-reader{top:20%;max-height:58dvh}.culture-reader>img{max-height:none}.badge-wall{padding:20px}}
@media(prefers-reduced-motion:reduce){.badge-hud img{transition:none}.badge-hud button:hover img{transform:none}}
.badge-hud img[src*="task-weigh"],.wall-task-row img[src*="task-weigh"],.badge-task img[src*="task-weigh"],.badge-toast img[src*="task-weigh"]{clip-path:ellipse(32% 31.3% at 50% 48%);scale:1.35}

.live-caption{z-index:26}

.culture-reader{max-height:min(58dvh,calc(87dvh - var(--lesson-caption-bottom,182px) - 65px))}
@media(max-width:650px){.culture-reader{max-height:min(58dvh,calc(80dvh - var(--lesson-caption-bottom,182px) - 55px))}}