.library-diorama{z-index:50;color:#f7efd9;font-family:var(--font-sans,system-ui, sans-serif);background:#173b40;position:fixed;inset:48px 0 0;overflow:hidden}.library-diorama__stage,.library-diorama__stage canvas{width:100%;height:100%;position:absolute;inset:0}.library-diorama__stage canvas{cursor:grab;display:block}.library-diorama__stage canvas:active{cursor:grabbing}.library-diorama__island-label{z-index:2;color:#1e2c27;max-width:min(22vw,240px);font:600 clamp(18px, 2.4vw, 36px) / 1.05 var(--font-display,Georgia, serif);text-align:center;text-wrap:balance;-webkit-text-stroke:clamp(2px, .28vw, 4px) #ede4ca;paint-order:stroke fill;filter:drop-shadow(0 5px 5px #0a23256b);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;transform:translate(-50%,-50%)}.library-diorama__landmark-label{z-index:3;color:#fff1cb;backdrop-filter:blur(8px);font:700 8px / 1 var(--font-data,monospace);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;cursor:pointer;background:#0b2d2be0;border:1px solid #e7ce94b8;border-radius:999px;padding:6px 9px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 18px #04171652}.library-diorama__landmark-label:hover,.library-diorama__landmark-label:focus-visible{color:#17332f;outline-offset:2px;background:#f3dda4;outline:2px solid #fff1c9}.library-diorama:after{content:"";pointer-events:none;background:linear-gradient(#0a282c94,#0000 24% 70%,#071b1e73);position:absolute;inset:0}.library-diorama__header{z-index:2;text-shadow:0 2px 18px #091f2073;max-width:430px;position:absolute;top:clamp(20px,4vw,48px);left:clamp(20px,5vw,72px)}.library-diorama__eyebrow,.library-diorama__detail-label,.library-diorama__coordinates{font:700 10px / 1.2 var(--font-data,monospace);text-transform:uppercase;letter-spacing:.17em;color:#e6c57e}.library-diorama__header h1{font:500 clamp(38px, 6vw, 74px) / .92 var(--font-display,Georgia, serif);margin:8px 0 7px}.library-diorama__header p{color:#d2dfd7;max-width:360px;margin:0;font-size:13px;line-height:1.55}.library-diorama__hint{z-index:3;color:#f4e7c7;backdrop-filter:blur(12px);font:600 10px var(--font-data,monospace);text-transform:uppercase;letter-spacing:.11em;background:#0e2f30b8;border:1px solid #e9d5a280;border-radius:999px;padding:9px 15px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.library-diorama__detail{z-index:4;box-sizing:border-box;backdrop-filter:blur(18px);background:linear-gradient(145deg,#143330ed,#0d2828db);border:1px solid #e2ca928c;border-radius:4px 24px;width:min(340px,100vw - 36px);padding:27px;animation:.38s ease-out both library-card-in;position:absolute;top:50%;right:clamp(18px,5vw,72px);transform:translateY(-50%);box-shadow:0 28px 70px #0517186b,inset 0 0 45px #e3c8890a}.library-diorama__detail h2{font:500 30px / 1.03 var(--font-display,Georgia, serif);margin:10px 0 12px}.library-diorama__detail p{color:#bfcfc5;margin:0 0 22px;font-size:13px;line-height:1.6}.library-diorama__landmark-detail{border-top:1px solid #e2ca924d;border-bottom:1px solid #e2ca924d;margin:4px 0 20px;padding:14px 0 12px}.library-diorama__landmark-detail>div{color:#e6c57e;font:700 8px / 1.2 var(--font-data,monospace);text-transform:uppercase;letter-spacing:.14em}.library-diorama__landmark-detail h3{font:600 18px / 1.1 var(--font-display,Georgia, serif);margin:6px 0 5px}.library-diorama__landmark-detail p{margin:0;font-size:11px}.library-diorama__close{color:#d7c9a9;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:14px}.library-diorama__enter{color:#17332f;cursor:pointer;background:#e3ca8b;border:1px solid #e5c77d;border-radius:3px 14px;width:100%;padding:11px 16px;font-weight:750}.library-diorama__enter:hover,.library-diorama__enter:focus-visible{outline-offset:3px;background:#f3dda4;outline:2px solid #fff1c9}.library-diorama__coordinates{color:#79978a;margin-top:18px;font-size:8px}.library-diorama__error{z-index:8;color:#ffd8cf;background:#5b1616f0;max-height:35vh;padding:16px;position:absolute;inset:auto 20px 20px;overflow:auto}@keyframes library-card-in{0%{opacity:0;transform:translate(18px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media (width<=760px){.library-diorama__header{top:18px}.library-diorama__header h1{font-size:38px}.library-diorama__header p{display:none}.library-diorama__detail{width:auto;padding:20px;animation-name:library-card-mobile-in;inset:auto 14px 16px;transform:none}.library-diorama__hint{white-space:nowrap;bottom:16px}.library-diorama:has(.library-diorama__detail) .library-diorama__hint{display:none}}@keyframes library-card-mobile-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.library-diorama__detail{animation:none}}