:root{color:#f4ead8;background:#151514;font-family:Avenir Next Condensed,Songti SC,"Noto Serif SC",serif;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--ink: #141310;--paper: #f4ead8;--paper-soft: rgba(244, 234, 216, .76);--glass: rgba(20, 19, 16, .54);--glass-strong: rgba(20, 19, 16, .72);--line: rgba(244, 234, 216, .24);--gold: #d7a44b;--aqua: #62cbc6;--sage: #9bb5a9}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none}button{color:inherit;font:inherit}.museum-shell{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;isolation:isolate;background:#151514}.scene-stage{position:absolute;inset:0}.museum-canvas,.scene-stage canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.museum-shell:after{position:absolute;inset:0;z-index:1;pointer-events:none;content:"";background:radial-gradient(circle at 50% 45%,transparent 0 38%,rgba(0,0,0,.16) 68%,rgba(0,0,0,.55) 100%),linear-gradient(0deg,rgba(20,19,16,.54),transparent 30%,rgba(20,19,16,.2))}.museum-header,.work-panel,.museum-controls,.collection-strip,.reticle,.pointer-badge{position:absolute;z-index:2}.museum-header{top:22px;left:22px;width:min(270px,calc(100vw - 44px));padding:14px 16px 16px;border:1px solid var(--line);background:#1413106b;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08)}.museum-header p,.count,.medium{margin:0;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.museum-header h1{margin:4px 0 0;color:var(--paper);font-family:"Bodoni 72",Didot,Songti SC,serif;font-size:clamp(1.9rem,4vw,3rem);font-weight:700;line-height:.9;letter-spacing:0}.work-panel{right:clamp(18px,3.2vw,42px);bottom:clamp(94px,11vh,128px);width:min(390px,calc(100vw - 36px));padding:18px 20px 20px;border:1px solid var(--line);background:var(--glass);box-shadow:0 26px 80px #00000057;-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}.work-panel.entrance,.work-panel.intro,.work-panel.artist,.work-panel.pause,.work-panel.ending{width:min(430px,calc(100vw - 36px))}.work-panel h2{margin:7px 0 8px;color:var(--paper);font-family:"Bodoni 72",Didot,Songti SC,serif;font-size:clamp(1.68rem,3.4vw,2.75rem);line-height:.96;letter-spacing:0}.artist,.note{color:var(--paper-soft)}.artist{margin:0 0 14px;font-size:.96rem}.medium{color:var(--aqua)}.artist .medium,.intro .medium,.pause .medium,.ending .medium{color:var(--sage)}.note{margin:12px 0 0;font-size:.98rem;line-height:1.62}.keyword-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.keyword-row span{padding:5px 8px;border:1px solid rgba(98,203,198,.34);color:var(--aqua);background:#62cbc61a;font-size:.72rem;font-weight:800}.panel-action{display:inline-flex;align-items:center;gap:7px;margin:15px 0 0;padding:9px 12px;border:1px solid rgba(215,164,75,.62);color:var(--gold);background:#d7a44b1f;font-size:.86rem;font-weight:800;cursor:pointer;transition:background .16s ease,transform .16s ease}.panel-action:hover{background:#d7a44b38;transform:translateY(-1px)}.mobile-panel-toggle{display:none}.museum-controls{left:50%;bottom:26px;display:flex;align-items:center;gap:10px;transform:translate(-50%)}.museum-controls button,.collection-strip button{display:inline-grid;min-width:48px;height:48px;place-items:center;border:1px solid var(--line);background:var(--glass-strong);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.museum-controls button:hover,.collection-strip button:hover,.collection-strip button.active{border-color:#d7a44bdb;background:#d7a44b33;transform:translateY(-2px)}.collection-strip{bottom:88px;left:clamp(18px,3.2vw,42px);display:flex;gap:8px;max-width:calc(100vw - 84px);overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.collection-strip::-webkit-scrollbar{display:none}.collection-strip button{width:50px;flex:0 0 auto;grid-template-rows:14px 1fr;gap:3px;padding:8px}.collection-strip span{width:100%;height:11px;background:linear-gradient(90deg,var(--swatch-a),var(--swatch-b))}.collection-strip strong{font-size:.78rem}.reticle{top:50%;left:50%;width:10px;height:10px;border:1px solid rgba(244,234,216,.68);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 18px #d7a44b3d}.pointer-badge{right:22px;top:22px;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);color:var(--paper-soft);background:#1413105c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:820px){.museum-shell{height:100dvh}.museum-shell:after{background:radial-gradient(circle at 50% 41%,transparent 0 44%,rgba(0,0,0,.14) 74%,rgba(0,0,0,.52) 100%),linear-gradient(0deg,rgba(20,19,16,.44),transparent 34%,rgba(20,19,16,.16))}.museum-header{top:max(10px,env(safe-area-inset-top));left:10px;width:auto;max-width:min(178px,calc(100vw - 20px));padding:9px 10px 10px}.museum-header p,.count,.medium{font-size:.62rem}.museum-header h1{margin-top:3px;font-size:1.48rem}.pointer-badge{display:none}.work-panel{right:10px;bottom:calc(130px + env(safe-area-inset-bottom));left:10px;width:auto;max-height:min(46dvh,360px);padding:13px 14px 14px;overflow-y:auto;-webkit-overflow-scrolling:touch}.work-panel.entrance,.work-panel.intro,.work-panel.artist,.work-panel.pause,.work-panel.ending{width:auto}.work-panel.is-collapsed{bottom:calc(128px + env(safe-area-inset-bottom));min-height:78px;max-height:88px;padding:10px 78px 11px 12px;overflow:hidden}.work-panel.is-collapsed .artist,.work-panel.is-collapsed .medium,.work-panel.is-collapsed .note,.work-panel.is-collapsed .keyword-row,.work-panel.is-collapsed .panel-action{display:none}.mobile-panel-toggle{position:absolute;top:10px;right:10px;display:inline-flex;width:58px;height:34px;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(215,164,75,.56);color:var(--gold);background:#14131094;font-size:.7rem;font-weight:800;cursor:pointer}.work-panel h2{margin-right:66px;font-size:clamp(1.42rem,6.5vw,2rem)}.work-panel.is-collapsed h2{margin:4px 0 0;overflow:hidden;font-size:clamp(1.32rem,6vw,1.72rem);line-height:1;text-overflow:ellipsis;white-space:nowrap}.artist{margin-bottom:10px}.note{display:block;overflow:visible;font-size:.92rem;line-height:1.5}.keyword-row{margin-top:10px;gap:5px}.keyword-row span{padding:4px 6px;font-size:.66rem}.panel-action{margin-top:10px;padding:8px 10px;font-size:.78rem}.collection-strip{right:10px;bottom:max(12px,env(safe-area-inset-bottom));left:10px;justify-content:flex-start;gap:6px;max-width:calc(100vw - 20px);padding-bottom:0;scroll-padding-inline:10px;scroll-snap-type:x mandatory}.collection-strip button{width:44px;min-width:44px;height:48px;padding:7px;scroll-snap-align:start}.collection-strip strong{font-size:.72rem}.museum-controls{bottom:calc(66px + env(safe-area-inset-bottom));gap:12px}.museum-controls button{width:52px;min-width:52px;height:52px}}@media(max-width:430px)and (max-height:740px){.museum-header{max-width:150px;padding:8px 9px}.museum-header h1{font-size:1.26rem}.work-panel.is-collapsed{max-height:78px;min-height:72px}.work-panel h2{font-size:clamp(1.3rem,6vw,1.68rem)}}