#pageBack{position:fixed;top:20px;left:24px;z-index:1150;min-height:44px;padding:10px 18px;border:2px solid #41313a;border-radius:10px;background:#fff3cf;color:#3b2c32;font:800 15px 'Microsoft YaHei',sans-serif;box-shadow:0 3px 0 #bd9c65;cursor:pointer}#pageBack:focus-visible{outline:3px solid #e96440;outline-offset:4px}
body.hasPageBack #lobby:not(:has(.coverBox)){padding-top:88px!important}
body.hasPageBack:has(#lobby[hidden])>header{padding-top:76px}
#lobby .collectionPage{width:100%;max-width:1400px;box-sizing:border-box;padding:0 0 32px;margin:auto}
#lobby .collectionPage>h1{font-size:clamp(30px,4vw,46px);margin:0 0 14px;line-height:1.3;text-shadow:none;background:none;border:0;box-shadow:none;padding:0;transform:none;color:#fff0cf}
#lobby .collectionPage>p{font-size:16px;line-height:1.7;margin:0 0 22px;color:#dbcbb0}.collectionSummary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.collectionSummary span{font-size:13px;padding:9px 14px;border-radius:8px;background:#4c4142;color:#f4dfb4}.collectionSummary span:first-child{background:#f3bb47;color:#3a2b2c;font-weight:800}
#lobby .collectionPage .actorGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin:0}.collectionPage .actorGrid article{position:relative;padding:20px;border-radius:16px;border:1px solid #c9b38a;box-shadow:0 4px 0 #ae8960;background:#fff3d7;display:flex;flex-direction:column;align-items:stretch;min-width:0}.collectionBadge{align-self:flex-start;font-size:11px;line-height:1.5;font-weight:800;background:#ead4aa;color:#836345;padding:5px 9px;border-radius:6px}.skillUnlocked .collectionBadge{background:#dfebce;color:#496335}.skillChallenge .collectionBadge{background:#f8c24c;color:#6d3b26}.collectionPage .actorGrid img{height:150px;width:100%;object-fit:contain;margin:14px 0 12px;filter:drop-shadow(0 5px 0 #ddc59b)}.collectionPage .actorGrid h2{font-size:23px;color:#3e2d32;margin:0 0 5px;line-height:1.4}.collectionActor{font-size:12px;color:#9c7654;letter-spacing:1px}.collectionPage .actorGrid p{font-size:14px;line-height:1.8;color:#6d5745;margin:16px 0 20px;flex:1}.collectionPage .actorGrid button{width:100%;font-size:14px;padding:12px 8px;margin:0;box-shadow:none;border:1px solid #bb9560;border-radius:8px;background:#f8bd47}.collectionPage .actorGrid .skillUnseen button{opacity:1;background:#e8dfcd;color:#988b74;border-color:#d6cbb6}.skillUnseen img{opacity:.65}
#lesson{position:relative;top:auto;bottom:auto;left:auto;transform:none;grid-column:1/-1;order:-1;width:100%;max-width:none;box-sizing:border-box;margin:0 0 20px;padding:20px 24px;background:#fff1cd;border:2px solid #c5985c;border-radius:14px;box-shadow:0 4px 0 #6c4b2b33;z-index:1;color:#3b2b32}
#lesson h2{font-size:24px;margin:12px 0 8px;line-height:1.4}#lesson p{font-size:16px;line-height:1.8;margin:0 0 14px;max-width:900px}#lesson button{margin:4px 10px 0 0;padding:10px 20px;font-size:14px;box-shadow:none}.tutorialProgress{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px;border-bottom:1px solid #dec597}.tutorialProgress span{font-size:12px;line-height:1.5;color:#aa977a;padding:7px 10px;border-radius:6px;background:#ecdfc3}.tutorialProgress span.current{background:#f5b53b;color:#5b351e;font-weight:800}.tutorialProgress span.complete{background:#dddcb4;color:#747549}body:has(#lesson:not([hidden])) main{padding-bottom:24px!important}
@media(max-width:620px){#pageBack{top:14px;left:14px;font-size:14px;padding:9px 14px}body.hasPageBack #lobby:not(:has(.coverBox)){padding-top:78px!important}.collectionSummary{gap:8px}.collectionSummary span{font-size:11px;padding:7px 10px}#lobby .collectionPage .actorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.collectionPage .actorGrid article{padding:12px}.collectionPage .actorGrid img{height:110px}.collectionPage .actorGrid h2{font-size:18px}.collectionPage .actorGrid p{font-size:12px;margin:12px 0}.collectionPage .actorGrid button{font-size:12px;padding:10px 4px}.collectionBadge{font-size:10px}#lesson{padding:16px;margin-bottom:16px}#lesson h2{font-size:20px}#lesson p{font-size:14px}.tutorialProgress{flex-wrap:nowrap;overflow-x:auto;gap:6px}.tutorialProgress span{white-space:nowrap;font-size:11px;padding:6px 8px}}
@media(max-width:350px){#lobby .collectionPage .actorGrid{grid-template-columns:1fr}}