#oniLibraryEntry{display:block;width:100%;text-align:left;margin:10px 0;padding:14px 16px;border:1px solid #ae9154;border-radius:12px;background:linear-gradient(120deg,#393126,#192b38);color:#ffe6ae;font:inherit;cursor:pointer}#oniLibraryEntry span{display:block;font-weight:bold}#oniLibraryEntry small{display:block;margin-top:4px;color:#d3dce1}
#oniLibrary{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:20px;box-sizing:border-box;overflow:auto;border:1px solid #d8b466;border-radius:16px;background:#172331;color:#f8edda;font-family:system-ui,sans-serif;line-height:1.7}#oniLibrary::backdrop{background:#070b15cc}#oniLibrary *{box-sizing:border-box}#oniLibrary header{display:flex;justify-content:space-between;align-items:center;gap:12px}#oniLibrary h2{margin:0;font-size:24px;color:#f8d28b}#oniLibrary h3{font-size:19px}#oniLibrary header small,.ol-kicker{color:#e1c483}#oniLibrary button{font:inherit;padding:10px 13px;min-height:44px;background:#273b50;color:#f4e5be;border:1px solid #a78b56;border-radius:8px;cursor:pointer}#oniLibrary button:focus-visible,#oniLibraryEntry:focus-visible{outline:3px solid #a2ecff;outline-offset:3px}#oniLibrary .ol-primary{background:linear-gradient(120deg,#c4a058,#edd7a4);color:#302818;font-weight:700}.ol-room{--globe-sea:#233e50;--globe-land:#688b86;position:relative;overflow:hidden;text-align:center;background:linear-gradient(#181c33a0,#1b2335e8),url('/game/assets/library-v1/01-geography.webp') center/cover;margin:18px 0;padding:18px 10px 12px;border:1px solid #a98b5366;border-radius:14px}.ol-room-title{font-size:14px;color:#eedba4}.ol-display{display:flex;align-items:end;justify-content:center;gap:10px}.ol-friend{flex:0 1 46%;max-width:180px}.ol-friend img{width:100%!important;height:150px!important;object-fit:contain!important}.ol-friend.waiting{opacity:.4}.ol-globe{width:170px;max-width:50%;color:#d2b779;filter:saturate(.25)}.ol-room>.ol-globe{max-width:100%;height:180px}.ol-globe.is-lit{--globe-sea:#237187;--globe-land:#b5d88a;filter:drop-shadow(0 0 16px #f1ca6077)}.ol-jade .ol-globe.is-lit{--globe-sea:#235e58;--globe-land:#c0eeac}.ol-night .ol-globe.is-lit{--globe-sea:#3a477e;--globe-land:#d1bbff}.ol-room p{font-size:13px;margin:6px 0}.ol-speech{border-left:3px solid #d9b979;padding:10px 14px;background:#29374a;border-radius:3px 10px 10px 3px;margin:14px 0}.ol-speech p{margin:5px 0}.ol-actions{display:grid;gap:9px}.ol-themes{display:flex;gap:6px;flex-wrap:wrap}.ol-themes button{flex:1;font-size:13px!important}.ol-themes [aria-pressed=true]{background:#745e35!important}.ol-note{font-size:13px;color:#c1d0d7}.ol-portrait{text-align:center;margin:20px}.ol-portrait img{width:170px!important;height:190px!important;object-fit:contain!important}.ol-options{display:grid;gap:9px}.ol-options button{text-align:left}.ol-options button:disabled{cursor:default;opacity:.65}#oniLibrary .ol-correct{opacity:1;border-color:#b8e9bf;background:#244d42}#oniLibrary progress{width:100%;accent-color:#dcb56a}#oniLibrary details{margin-top:18px}#oniLibrary summary{cursor:pointer;color:#e7c988}#ol-growth{font-size:14px;color:#bce4d3}@media(max-width:360px){#oniLibrary{padding:14px}.ol-friend img{height:125px!important}.ol-display{gap:0}}@media(prefers-reduced-motion:no-preference){.ol-globe.is-lit{animation:ol-glow 3s ease-in-out infinite alternate}@keyframes ol-glow{to{filter:drop-shadow(0 0 24px #f1ca60aa)}}}