/* A compact toy-world lobby. Lesson information stays close to the lesson list. */
body.dungeon-lobby-q40 #v-dungeon{background:linear-gradient(#e1f7eccf,#fff5dbdc),url('/assets/dungeon/refresh-v40/gate.webp') center/cover fixed;color:#2b1d14}
body.dungeon-lobby-q40 #v-dungeon::before{content:none}
.dg-lobby-v40.dg-lobby-v3{max-width:1320px;padding:22px 28px 32px;--ink:#2b1d14}
.dg-lobby-v40.dg-lobby-v3 .dg-heading{display:grid;grid-template-columns:32% minmax(0,1fr);grid-template-rows:auto;gap:0;min-height:0;padding:0;margin:0 0 22px;background:#fff7df;border:4px solid var(--ink);border-radius:28px;box-shadow:0 6px 0 #9a7d52;isolation:auto;overflow:hidden}
.dg-lobby-v40 .dg40-cover{position:relative;margin:0;min-height:200px;max-height:245px;border-right:3px solid var(--ink);background:#bfe5ce}
.dg-lobby-v40 .dg40-cover>img{display:block;width:100%;height:100%;max-height:245px;object-fit:cover}
.dg-lobby-v40 .dg40-cover>span{position:absolute;bottom:13px;left:13px;padding:7px 12px;border:2px solid var(--ink);border-radius:20px;background:#fff3c8;font-size:12px;font-weight:800;box-shadow:0 3px 0 #2b1d1444}
.dg-lobby-v40 .dg40-brief{padding:19px 24px;min-width:0}
.dg-lobby-v40.dg-lobby-v3 .dg-heading .dg-kicker{margin:0 0 7px;font-size:12px;color:#725431;letter-spacing:.04em}
.dg-lobby-v40.dg-lobby-v3 .dg-heading h1{font:400 clamp(23px,2.6vw,34px)/1.3 'ZCOOL KuaiLe',sans-serif;margin:3px 0 8px;color:#2b1d14;text-shadow:none}
.dg-lobby-v40.dg-lobby-v3 .dg-heading .dg40-story{margin:0 0 9px;font-size:13px;line-height:1.7;color:#65563c}
.dg40-topics{display:flex;flex-wrap:wrap;gap:6px}.dg40-topics>span{padding:5px 10px;border:2px solid #b8ca99;border-radius:12px;background:#e9f4d8;color:#465a35;font-size:11px;font-weight:700}
.dg40-launch{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:11px;align-items:center;color:#766143}.dg40-launch small{font-size:12px}.dg40-launch>span{font-size:11px;background:#ffe69d;border-radius:10px;padding:4px 8px}
.dg-lobby-v40.dg-lobby-v3 .dg-lobby-grid{grid-template-columns:236px minmax(0,1fr);gap:22px}
.dg-lobby-v40.dg-lobby-v3 .dg40-hero{padding:13px;border-radius:25px;background:#fff4d7;box-shadow:0 6px 0 #ab8d60}
.dg40-partner{position:relative;margin:9px 0;border:2px solid #dbc28d;border-radius:20px;overflow:hidden;aspect-ratio:3/4;max-height:245px;background:#fff4d6}
.dg40-partner>img,.dg40-partner>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.dg40-partner>video{opacity:0;transition:opacity .25s}.dg40-partner>video.ready{opacity:1}
.dg-lobby-v40 .dg40-video-toggle{position:absolute;right:6px;bottom:7px;min-height:44px;min-width:44px;border:2px solid #2b1d14;border-radius:50%;background:#fff9e4cf;color:#2b1d14;font-weight:900;box-shadow:0 3px 0 #b99b62}
.dg-lobby-v40.dg-lobby-v3 .dg-hero-title{margin-top:8px}.dg-lobby-v40.dg-lobby-v3 .dg-hero-title h2{font-size:23px}.dg-lobby-v40.dg-lobby-v3 .dg-hero-title>b{padding:5px 8px;border-radius:12px;font-size:15px;white-space:nowrap}
.dg40-hero-copy>p{margin:7px 0}.dg40-hero-copy>small{display:block;font-size:11px;line-height:1.6;color:#776143}
.dg-lobby-v40.dg-lobby-v3 .dg-hero-stats{margin:10px 0;padding:11px 0;gap:10px}.dg-lobby-v40.dg-lobby-v3 .dg-hero-stats b{font-size:25px}
.dg40-hero-copy>.dg-button{width:100%;margin-top:12px;background:#bcebd8!important;font-size:12px!important}
.dg-lobby-v40.dg-lobby-v3 .dg-realms{gap:11px;padding:3px 3px 8px}.dg-lobby-v40.dg-lobby-v3 .dg-realm{height:132px;border-radius:21px;border-width:3px;background:#fff2d4;box-shadow:0 5px 0 #ac8d62;transition:transform .16s}
.dg-lobby-v40.dg-lobby-v3 .dg-realm>img{position:absolute;inset:0;width:100%;height:88px;display:block;object-fit:cover;opacity:1;transform:none}
.dg-lobby-v40.dg-lobby-v3 .dg-realm>span{height:48px;padding:3px;border-top:3px solid var(--realm-accent);display:flex;flex-direction:column;justify-content:center;background:#fff6da}
.dg-lobby-v40.dg-lobby-v3 .dg-realm b{font-size:13px}.dg-lobby-v40.dg-lobby-v3 .dg-realm small{font-size:11px}.dg-lobby-v40.dg-lobby-v3 .dg-realm.selected{border-color:#2b1d14;outline:3px solid #f6cf5b;outline-offset:1px;box-shadow:0 6px 0 #b27f2d}
.dg-lobby-v40.dg-lobby-v3 .dg-paper-heading{margin:16px 2px 10px;align-items:center}.dg-lobby-v40.dg-lobby-v3 .dg-paper-heading h2{font-size:20px}.dg-lobby-v40 #dgBook{min-height:44px;border:2px solid #2b1d14;border-radius:12px;padding:6px 10px;background:#fff9e8;color:#2b1d14;font-weight:700}
.dg-lobby-v40.dg-lobby-v3 .dg-papers{gap:10px;max-height:430px;overflow-y:auto;padding:3px 4px 8px;overscroll-behavior:contain}
.dg-lobby-v40.dg-lobby-v3 .dg-paper{display:flex;align-items:center;gap:9px;width:100%;padding:8px 11px;border:3px solid #2b1d14;border-radius:20px;background:#fffae9;box-shadow:0 4px 0 #b49a72;min-height:91px!important;color:#2b1d14}
.dg-lobby-v40.dg-lobby-v3 .dg-paper.dg40-paper-selected{background:#fff0ae;border-color:#815724;box-shadow:0 4px 0 #9c773d,inset 0 0 0 2px #ffe799}
.dg-lobby-v40 .dg40-paper-select{display:flex;align-items:center;gap:12px;min-height:60px;flex:1;min-width:0;text-align:left;border:0;background:none;box-shadow:none;color:#2b1d14;padding:4px;touch-action:manipulation}
.dg-lobby-v40.dg-lobby-v3 .dg-paper-number{flex-shrink:0;position:static;width:38px;height:43px;display:grid;place-items:center;transform:none;border:2px solid #b58e47;border-radius:12px;background:#ffe6a5;font:900 20px 'Baloo 2',sans-serif;color:#795027}
.dg-lobby-v40 .dg-paper-copy{display:block;min-width:0}.dg-lobby-v40.dg-lobby-v3 .dg-paper-copy b{font:700 14px/1.6 'Noto Sans SC',sans-serif;display:block;white-space:normal}.dg-lobby-v40 .dg-paper-copy small{display:block;font-size:11px;line-height:1.6;color:#766245;white-space:normal}
.dg-lobby-v40 .dg40-paper-enter{flex-shrink:0;min-width:82px;min-height:46px;padding:7px 10px;background:#bee8d5;color:#2b1d14;border-radius:15px;font-size:13px}.dg40-paper-enter i{font-style:normal}
.dg-lobby-v40 .dg-rules{margin-top:20px;gap:12px;font-size:12px}.dg-lobby-v40 .dg-rules>span{padding:5px 0}.dg-lobby-v40 .dg-rules b{background:#b8e1c1;color:#3b653e;border:2px solid #557b4e;border-radius:9px}
.dg-lobby-v40 .dg-resume{border:3px solid #946130;border-radius:19px;background:#ffeac1;padding:12px;flex-wrap:wrap;margin:8px 0 15px}.dg-lobby-v40 .dg-resume [data-dg=abandon]{background:#f5c7b0}.dg-lobby-v40 .dg-notice{font-size:12px;color:#6c613f}
/* Generated entry art is always visible, including before the video can play. */
#dgEntryCine.dg40-cine{background:#9bd8ce;overflow:hidden}.dg40-cine>img,.dg40-cine>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dg40-cine>video{opacity:0}.dg40-cine>video.ready{opacity:1}.dg40-cine::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#1b382f8c)}
#dgEntryCine.dg40-cine .dg-cine-title{z-index:2;align-self:end;transform:none;padding:25px;margin-bottom:35px;opacity:1;animation:none;max-width:90vw;color:#fffbe8}.dg40-cine .dg-cine-title h2{font-size:clamp(32px,6vw,68px);letter-spacing:.04em;text-shadow:0 4px 0 #2b1d14,0 0 20px #fff4a6}.dg40-cine .dg-cine-title small{letter-spacing:1px;background:#fff4dbe8;color:#3d5540;border:3px solid #2b1d14}.dg40-cine .dg-cine-title p{font-size:15px}.dg40-cine .dg-cine-skip{z-index:3;border:3px solid #2b1d14;background:#fff4dbe8;color:#2b1d14;box-shadow:0 4px 0 #756340}
@media(min-width:1600px){.dg-lobby-v40.dg-lobby-v3{max-width:1420px}.dg-lobby-v40.dg-lobby-v3 .dg-heading h1{font-size:34px}.dg-lobby-v40 .dg40-cover{max-height:235px}.dg-lobby-v40 .dg40-cover>img{max-height:235px}}
@media(max-width:900px){.dg-lobby-v40.dg-lobby-v3{padding:17px}.dg-lobby-v40.dg-lobby-v3 .dg-lobby-grid{grid-template-columns:190px minmax(0,1fr);gap:15px}.dg-lobby-v40 .dg40-brief{padding:15px 18px}.dg-lobby-v40 .dg40-cover{min-height:202px}.dg-lobby-v40.dg-lobby-v3 .dg-realm{height:116px}.dg-lobby-v40.dg-lobby-v3 .dg-realm>img{height:70px}.dg-lobby-v40 .dg40-partner{max-height:210px}.dg-lobby-v40 .dg40-paper-enter{min-width:64px;padding:6px}.dg-lobby-v40.dg-lobby-v3 .dg-realms{gap:7px}.dg-lobby-v40.dg-lobby-v3 .dg-realm b{font-size:11px}}
@media(max-width:600px){.dg-lobby-v40.dg-lobby-v3{padding:12px}.dg-lobby-v40.dg-lobby-v3 .dg-heading{grid-template-columns:115px minmax(0,1fr);border-radius:21px;margin-bottom:15px}.dg-lobby-v40 .dg40-cover,.dg-lobby-v40 .dg40-cover>img{min-height:228px;max-height:none;height:100%;object-position:65% center}.dg-lobby-v40 .dg40-cover>span{font-size:10px;padding:5px 7px;left:5px;bottom:8px}.dg-lobby-v40 .dg40-brief{padding:12px 10px}.dg-lobby-v40.dg-lobby-v3 .dg-heading h1{font-size:21px}.dg-lobby-v40.dg-lobby-v3 .dg-heading .dg-kicker{font-size:10px}.dg-lobby-v40.dg-lobby-v3 .dg-heading .dg40-story{font-size:11px;margin-bottom:6px}.dg40-topics{gap:4px}.dg40-topics>span{font-size:10px;padding:3px 5px}.dg40-launch{gap:5px;margin-top:7px}.dg40-launch small{font-size:10px}.dg40-launch>span{font-size:10px}.dg-lobby-v40.dg-lobby-v3 .dg-lobby-grid{display:flex;flex-direction:column;gap:16px}.dg-lobby-v40.dg-lobby-v3 .dg40-hero{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 12px;width:100%;padding:10px}.dg40-hero>.dg-kicker{grid-column:1/-1;margin-bottom:6px}.dg40-partner{height:160px;max-height:160px!important;margin:0}.dg40-hero-copy{min-width:0}.dg-lobby-v40.dg-lobby-v3 .dg-hero-title{margin:0}.dg-lobby-v40.dg-lobby-v3 .dg-hero-title h2{font-size:20px}.dg40-hero-copy>p{display:none}.dg-lobby-v40.dg-lobby-v3 .dg-hero-stats{margin:6px 0;padding:6px 0}.dg-lobby-v40.dg-lobby-v3 .dg-hero-stats b{font-size:21px}.dg40-hero-copy>small{font-size:10px;max-height:34px;overflow:hidden}.dg40-hero-copy>.dg-button{margin-top:8px;min-height:44px;font-size:10px!important;padding:6px}.dg-lobby-v40 .dg-catalog{width:100%}.dg-lobby-v40.dg-lobby-v3 .dg-realms{grid-template-columns:repeat(5,95px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;gap:9px}.dg-lobby-v40.dg-lobby-v3 .dg-realm{height:116px;scroll-snap-align:center}.dg-lobby-v40.dg-lobby-v3 .dg-paper-heading{margin-top:10px;flex-wrap:wrap}.dg-lobby-v40.dg-lobby-v3 .dg-paper-heading h2{font-size:19px}.dg-lobby-v40.dg-lobby-v3 .dg-paper{gap:6px;padding:7px;min-height:90px}.dg-lobby-v40.dg-lobby-v3 .dg-paper-copy b{font-size:12px}.dg-lobby-v40 .dg-paper-copy small{font-size:10px}.dg-lobby-v40 .dg40-paper-select{gap:8px}.dg-lobby-v40.dg-lobby-v3 .dg-paper-number{width:28px;height:37px;font-size:16px}.dg-lobby-v40 .dg40-paper-enter{min-width:58px;font-size:11px}.dg-lobby-v40.dg-lobby-v3 .dg-papers{max-height:none;overflow:visible}.dg-lobby-v40 .dg-rules{display:flex;flex-wrap:wrap;margin-top:14px;font-size:10px}}