/* World interfaces: exhibition signage and compact, readable studio controls. */
.museum-page{--pd-bg:#0c1822;--pd-panel:#132430;--pd-text:#eff3ef;--pd-muted:#a6bdc8;--pd-line:#c9e5ea26;--pd-accent:#e3c796;--pd-accent-2:#8dd7d5;--exhibition-gold:#e3c796;--exhibition-cyan:#8dd7d5;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.museum-page .loading-screen{padding:clamp(16px,4vw,64px);place-items:center start;background:linear-gradient(90deg,#07111def 0%,#0a1724c4 52%,#0a172450 100%);backdrop-filter:none}
.museum-page .loading-card{width:min(670px,100%);padding:clamp(24px,3.6vw,44px);border:1px solid #d9dedb2c;border-radius:20px;background:linear-gradient(135deg,#1a2c38f5,#0e1b28f5);box-shadow:0 30px 90px #0005;backdrop-filter:blur(8px);text-align:left}
.museum-page .loading-card::before{height:1px;background:linear-gradient(90deg,#cfc0a92b,#e4c99a8c,#8dcbd738)}
.museum-page .museum-menu-head{margin-bottom:30px;border:0;padding:0}.museum-page .museum-menu-head .pd-brand img{width:126px;height:44px}.museum-page .museum-menu-head .pd-brand span{display:none}.museum-page .pd-language{background:#09182780;border:1px solid var(--pd-line);border-radius:8px;color:var(--pd-muted)}
.museum-page .loading-card .eyebrow{color:var(--exhibition-gold);font-size:.6875rem;letter-spacing:.19em;line-height:1.7}
.museum-page .loading-card h1{font:500 clamp(2.9rem,5.4vw,4.8rem)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:18px 0 22px;color:#f1eee2;max-width:15ch;overflow-wrap:anywhere}
.museum-page .loading-card .lead{margin:0 0 24px;max-width:50ch;color:#b3c6ce;font-size:1rem;line-height:1.8}
.museum-page .museum-feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;padding:18px 0;border:0;border-top:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line);background:none;margin:20px 0;box-shadow:none;border-radius:0}
.museum-page .museum-feature-strip span{display:flex;align-items:center;gap:9px;background:none;border:0;color:#b9cbd1;font-size:.75rem;padding:0;box-shadow:none}.museum-page .museum-feature-strip b{border:1px solid #bcd9dc20;background:#ffffff04;border-radius:5px;padding:4px 5px;color:var(--exhibition-gold);font-size:.625rem}
.museum-page :is(.primary-btn,.secondary-btn,.pd-button){min-height:44px;border:1px solid var(--pd-line);border-radius:10px;padding:11px 16px;font-size:.8125rem;font-weight:650;line-height:1.4;box-shadow:inset 0 1px 0 #ffffff0a,0 2px 3px #0002;transition:transform .18s,background .18s,border-color .18s;display:inline-flex;justify-content:center;align-items:center;gap:6px;color:#dce9eb;background:#1c303d}
.museum-page :is(.primary-btn,#enterBtn){background:var(--exhibition-gold);border-color:#f4ddad;color:#142530;box-shadow:inset 0 1px 0 #ffffff65,0 3px 0 #796a4d,0 8px 20px #0003;font-weight:750}
.museum-page :is(.primary-btn,.secondary-btn,.pd-button):hover{transform:translateY(-1px);filter:none;border-color:#d9e8e459}.museum-page :is(.primary-btn,.secondary-btn,.pd-button):active{transform:translateY(1px);box-shadow:inset 0 2px 3px #0002}
.museum-page :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--exhibition-cyan);outline-offset:4px}
.museum-page :is(button:disabled,button[aria-disabled="true"]){opacity:.5;box-shadow:none;transform:none;cursor:not-allowed}
.museum-page .loading-actions{justify-content:start;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.museum-page .loading-actions #enterBtn{min-height:50px;font-size:.9375rem;grid-column:1/-1}
.museum-page .district-entry-card{margin:20px 0 0;padding:13px 14px;border:1px solid #8ecbd62b!important;border-radius:11px!important;background:#102330!important;box-shadow:none!important}.museum-page .district-entry-card::after{display:none}.museum-page .district-entry-icon{background:#203c4c;color:#92cdd8;width:39px;height:39px;border:1px solid #bdd9e12c;border-radius:10px;font-size:18px;box-shadow:none}.museum-page .district-entry-card strong{font-size:.875rem;font-weight:650}.museum-page .district-entry-card small{color:#93afb9;font-size:.75rem;line-height:1.45}.museum-page .district-entry-card b{font-size:.6875rem;color:#a4d5db}
.museum-page .loading-card .hint{font-size:.6875rem;line-height:1.8;color:#879eab}.museum-page .load-status{font-size:.75rem;color:#adc7ce;min-height:20px}.museum-page #worldLoadProgress{height:4px;margin:22px 0 10px}
.museum-page .museum-back-home{font-size:.75rem;background:#0b1a26db;min-height:36px;border-radius:8px;border-color:#d4ebed20;backdrop-filter:blur(8px)}
.museum-page .hud-pill{border:1px solid #cfedf221;border-radius:8px;background:#0b1a27df;box-shadow:0 3px 10px #0002;font-size:.75rem;line-height:1.3;padding:9px 12px;font-weight:650;backdrop-filter:none;color:#c0d5dc}
.museum-page .hud-pill:first-child{color:var(--exhibition-gold)}.museum-page .hud-pill.muted{color:#9fb8c3}.museum-page .hud-top{gap:6px}.museum-page #fpsPill{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:.625rem;color:#86a5b3}
.museum-page .focus-hint{background:#0a1c2aed;border:1px solid #e4c89673;border-radius:10px;padding:12px 18px;max-width:min(500px,85vw);font-size:.875rem;font-weight:650;box-shadow:0 10px 30px #0004;color:#f2e8d6}
.museum-page .crosshair{font-size:22px;opacity:.55;text-shadow:none}.museum-page .controls-box{border-color:#c9e5ea20;border-radius:12px;background:#0c1e2bdd;backdrop-filter:none;line-height:1.9;font-size:.6875rem}.museum-page .mini-map{border:1px solid #c9e5ea29;border-radius:13px;background:#0c1e2be6;box-shadow:0 10px 25px #0003;backdrop-filter:none}
.museum-page :is(.side-panel,.gallery-studio-panel,.gallery-district-panel,.gallery-photo-panel,.gallery-builder-bar,.aquarium-editor-panel,.aquarium-archive-panel,.modal-card){border:1px solid #c3dce432;border-radius:17px;background:#122331!important;box-shadow:0 26px 70px #0007;color:#eaf3f2}
.museum-page :is(.side-panel,.modal-info) h2,.museum-page .gallery-studio-header h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700;line-height:1.15;letter-spacing:-.04em;color:#edf3ed}
.museum-page .modal-card{padding:24px;gap:28px}.museum-page .modal-image-wrap{border:1px solid #c9e5ea24;border-radius:13px;background:#091724}.museum-page .modal-info p{font-size:.9375rem;color:#aac1ca;line-height:1.7}.museum-page .modal-info h2{font-size:clamp(1.7rem,4vw,2.6rem)}
.museum-page :is(.close-btn,.panel-close){display:grid;place-items:center;width:36px;height:36px;min-height:36px;border:1px solid var(--pd-line);border-radius:50%;background:#ffffff06;color:#b4cbd3;font-size:23px;box-shadow:none}
.museum-page :is(input:not([type="color"]):not([type="range"]):not([type="checkbox"]),select,textarea){border:1px solid #c7e1e628;border-radius:9px;background:#091b28;color:#deedee;font:inherit;min-height:42px;padding:10px 12px;box-shadow:inset 0 1px 3px #0002}
.museum-page :is(input,select,textarea):focus{border-color:#8dd7d5;box-shadow:0 0 0 3px #8dd7d516}
.museum-page :is(.gallery-level-card,.gallery-catalog-card,.gallery-placed-row,.guestbook-note,.gallery-collab-member,.aquarium-archive-card){border:1px solid #c7e1e623;border-radius:11px;background:#172c3a;box-shadow:none}.museum-page .gallery-level-card{background:linear-gradient(100deg,#233a43,#152a36);border-color:#d7c79b30}
.museum-page .gallery-studio-header{padding:24px 24px 16px;border-bottom:1px solid var(--pd-line)}.museum-page .gallery-editor-tabs{gap:6px;padding:14px 24px}.museum-page .gallery-editor-tabs button{min-height:40px;border:1px solid transparent;border-radius:8px;padding:8px;color:#95b0bd;background:#ffffff04;font-weight:650}.museum-page .gallery-editor-tabs button.active{border-color:#e3c79666;background:#e3c79612;color:#f0d8ad;box-shadow:none}
.museum-page .gallery-editor-scroll{padding:8px 24px 24px}.museum-page .gallery-studio-footer{padding:16px 24px;border-top:1px solid var(--pd-line);background:#0d1e2a}.museum-page .gallery-studio-footer span{color:#95aeba;font-size:.75rem;line-height:1.5}
.museum-page .gallery-art-choice{border:1px solid #c7e1e62b!important;border-radius:10px!important;background:#0d1e2b!important;padding:9px;box-shadow:none!important}.museum-page .gallery-art-choice.active{border-color:var(--exhibition-gold)!important;box-shadow:0 0 0 2px #e3c79622!important}.museum-page .gallery-art-choice img{border-radius:5px}.museum-page .gallery-art-choice strong{font-size:.8125rem}.museum-page .gallery-art-choice small{font-size:.6875rem;color:#8daeba}
.museum-page .gallery-hud-actions .secondary-btn{min-height:38px;padding:8px 11px;background:#0a1b29e8;font-size:.75rem;border:1px solid #c7e1e623;border-radius:8px;box-shadow:none}.museum-page .gallery-hud-actions .secondary-btn.active{color:var(--exhibition-gold);border-color:#e3c79665;background:#322e29ec}
.museum-page :is(.aquarium-fish-pass,.aquarium-feed-flash){background:#0b2832e8;border-color:#81d6d344;border-radius:14px;box-shadow:0 14px 36px #0004}.museum-page .aquarium-fish-pass img{background:#102f3b;border-radius:9px}.museum-page .aquarium-palette button{border-radius:6px}.museum-page .aquarium-canvas-viewport{border-color:#c7e1e62b;border-radius:10px;background:#071824}
.museum-page .mobile-joystick-base{background:#0a1c29ba;border:1px solid #c2e1e645;box-shadow:inset 0 0 20px #0004}.museum-page .mobile-action-stack button{min-height:44px;background:#112b3be8;border:1px solid #c2e1e633;border-radius:10px;font-size:.75rem;box-shadow:0 3px 10px #0003}
.museum-page .toast{padding:12px 18px;border-radius:11px;background:#ebeee6;color:#152b37;border:1px solid #fff9;box-shadow:0 10px 30px #0005;font-size:.8125rem;font-weight:650}
.museum-page.district-world-mode{--exhibition-gold:#9ed6dc;--exhibition-cyan:#b2dce7}.museum-page.district-world-mode .loading-card{border-top:1px solid #add6dc60;background:linear-gradient(135deg,#1a3041f5,#0a1c2bf5)}
.museum-page[data-start-exhibit="aquarium"]{--exhibition-gold:#94e0d6}
@media(min-width:1300px){.museum-page .loading-screen{padding-left:max(48px,calc((100vw - 1400px)/2))}}
@media(max-width:900px){.museum-page .loading-screen{place-items:center;background:#091724c4;padding:20px}.museum-page .loading-card{max-width:630px}.museum-page .loading-card h1{font-size:3.3rem}.museum-page .gallery-hud-actions{max-width:calc(100vw - 24px);overflow-x:auto;flex-wrap:nowrap}}
@media(max-width:600px){.museum-page .loading-screen{padding:12px;place-items:start center;overflow-y:auto}.museum-page .loading-card{padding:24px 20px;margin:auto 0;border-radius:16px}.museum-page .museum-menu-head{margin-bottom:24px}.museum-page .loading-card h1{font-size:2.8rem;margin:14px 0 20px}.museum-page .loading-card .lead{font-size:.9375rem;line-height:1.65}.museum-page .museum-feature-strip{gap:11px}.museum-page .museum-feature-strip span{font-size:.6875rem}.museum-page .loading-actions{gap:10px}.museum-page .loading-card .hint{font-size:.625rem}.museum-page .gallery-studio-panel{inset:6px;max-height:calc(100dvh - 12px);border-radius:14px}.museum-page .gallery-studio-header{padding:18px 16px 12px}.museum-page .gallery-editor-tabs{padding:12px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}.museum-page .gallery-editor-scroll{padding:5px 16px 20px}.museum-page .gallery-studio-footer{padding:12px 16px}.museum-page .modal-card{padding:18px;border-radius:14px;gap:16px}.museum-page .hud-pill{font-size:.6875rem;padding:7px 9px}.museum-page #fpsPill{font-size:.5625rem}.museum-page .gallery-hud-actions{display:flex;bottom:160px;right:12px;left:12px;max-height:52px;justify-content:start}.museum-page :is(input,select,textarea){font-size:16px}.museum-page .gallery-hud-actions .secondary-btn{flex-shrink:0}.museum-page .district-entry-card b{display:none}}
@media(prefers-reduced-motion:reduce){.museum-page *,.museum-page *::before,.museum-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
