:root{--cinnabar:#9f2f25;--gold:#d9a441;--jade-white:#eee3cb;--stone:#445057;--water:#4e7f83;--ink:#17130f;color:var(--jade-white);background:var(--ink);font-family:Noto Serif SC,Songti SC,serif}*{box-sizing:border-box}body{background:var(--ink);min-width:320px;margin:0}button{font:inherit}[hidden]{display:none!important}#palace-app{isolation:isolate;background:var(--ink);min-height:100svh;position:relative;overflow:hidden}.fallback-art,#scene{width:100%;height:100%;position:absolute;inset:0}.fallback-art{z-index:-2;object-fit:cover;object-position:center;transition:opacity .32s;display:block}#scene{z-index:0;pointer-events:none}.palace-canvas{width:100%;height:100%;display:block}.scene-hotspot{z-index:2;background:color-mix(in srgb, var(--ink) 76%, transparent);width:2.75rem;height:2.75rem;box-shadow:0 0 0 1px var(--gold), 0 0 0 6px color-mix(in srgb, var(--gold) 22%, transparent);cursor:pointer;border:0;border-radius:50%;padding:0;position:absolute;top:0;left:0}.scene-hotspot span{background:var(--gold);border-radius:50%;width:.65rem;height:.65rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.scene-hotspot:hover,.scene-hotspot:focus-visible{background:var(--cinnabar)}.hero-copy{border-left:3px solid var(--gold);background:color-mix(in srgb, var(--ink) 70%, transparent);max-width:34rem;text-shadow:0 2px 14px var(--ink);z-index:3;padding:1.25rem 1.5rem;position:absolute;top:clamp(1.5rem,5vw,4rem);left:clamp(1.25rem,6vw,6rem)}.hero-copy p{margin:0;line-height:1.65}.eyebrow,.landmark-area{color:var(--gold);letter-spacing:.11em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:700}h1,h2,h3{margin:0}h1{color:var(--jade-white);letter-spacing:.08em;margin:.25rem 0;font-size:clamp(3rem,8vw,7rem);line-height:1}.scene-controls{z-index:3;gap:.75rem;display:flex;position:absolute;bottom:clamp(1.25rem,4vw,3rem);right:clamp(1.25rem,4vw,4rem)}.scene-controls button{border:1px solid color-mix(in srgb, var(--gold) 75%, transparent);min-height:44px;color:var(--jade-white);background:color-mix(in srgb, var(--ink) 78%, transparent);cursor:pointer;border-radius:.2rem;padding:.65rem 1rem;transition:background-color .18s,color .18s}.scene-controls button:hover{color:var(--ink);background:var(--gold)}#landmark-list{background:color-mix(in srgb, var(--ink) 76%, transparent);backdrop-filter:blur(8px);z-index:3;width:min(33rem,100vw - 2.5rem);padding:1rem;position:absolute;bottom:clamp(5.5rem,12vw,8rem);right:clamp(1.25rem,4vw,4rem)}#landmark-heading{color:var(--gold);margin-bottom:.75rem;font-size:1rem}.landmark-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.landmark-card{border-top:2px solid var(--cinnabar);background:color-mix(in srgb, var(--stone) 64%, var(--ink));min-height:8rem;padding:.65rem}.landmark-card h3{margin:.3rem 0;font-size:1rem}.landmark-card p:last-child{margin:0;font-size:.76rem;line-height:1.5}.disclaimer,.scene-status{z-index:3;max-width:min(34rem,100vw - 2.5rem);margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem;line-height:1.5;position:absolute;left:clamp(1.25rem,6vw,6rem)}#landmark-panel{z-index:4;border-top:3px solid var(--gold);width:min(25rem,100vw - 2rem);color:var(--jade-white);background:color-mix(in srgb, var(--ink) 90%, transparent);backdrop-filter:blur(10px);padding:1.25rem 3.75rem 1.25rem 1.25rem;position:absolute;bottom:clamp(5.5rem,12vw,8rem);right:clamp(1.25rem,4vw,4rem);box-shadow:0 1.25rem 3rem #00000073}#landmark-panel h2{color:var(--gold);margin:.2rem 0 .6rem;font-size:1.75rem}#landmark-panel>p:last-child{margin:0;line-height:1.7}.landmark-panel-close{border:1px solid color-mix(in srgb, var(--jade-white) 35%, transparent);min-width:44px;min-height:44px;color:var(--jade-white);cursor:pointer;background:0 0;position:absolute;top:.8rem;right:.8rem}.disclaimer{color:color-mix(in srgb, var(--jade-white) 78%, transparent);bottom:1.5rem}.scene-status{color:var(--gold);bottom:3.4rem}#palace-app[data-scene-state=ready] .fallback-art{opacity:0}#palace-app[data-scene-state=ready] #scene{pointer-events:auto}#palace-app[data-scene-state=ready] #landmark-list{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;overflow:hidden}#palace-app[data-scene-state=loading] .scene-controls,#palace-app[data-scene-state=fallback] .scene-controls,#palace-app[data-scene-state=fallback] #scene{display:none}#palace-app[data-scene-state=fallback] #landmark-list{bottom:1.5rem}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media (width<=640px){#palace-app{--mobile-safe-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.scene-hotspot{width:2.25rem;height:2.25rem;box-shadow:0 0 0 1px var(--gold), 0 0 0 4px color-mix(in srgb, var(--gold) 22%, transparent)}.hero-copy{padding:.9rem 1rem;top:1rem;left:1rem}h1{font-size:clamp(2.5rem,15vw,4.5rem)}.scene-controls{right:auto;bottom:var(--mobile-safe-bottom);justify-content:center;width:calc(100vw - 2rem);left:50%;transform:translate(-50%)}.scene-controls button{flex:1;min-height:44px}#landmark-list{max-height:36svh;bottom:5.5rem;right:1rem;overflow:auto}#landmark-panel{right:1rem;bottom:calc(var(--mobile-safe-bottom) + 7rem)}.landmark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landmark-card:last-child{grid-column:1/-1}.disclaimer{right:1rem;bottom:calc(var(--mobile-safe-bottom) + 3.5rem);background:color-mix(in srgb, var(--ink) 78%, transparent);pointer-events:none;max-width:none;padding:.3rem .5rem;font-size:.625rem;line-height:1.35;left:1rem}.scene-status{bottom:calc(var(--mobile-safe-bottom) + 6.25rem);left:1rem}#palace-app[data-scene-state=fallback] #landmark-list{bottom:calc(var(--mobile-safe-bottom) + 5rem)}#palace-app[data-scene-state=fallback] .disclaimer{bottom:var(--mobile-safe-bottom)}#palace-app[data-scene-state=fallback] .scene-status{bottom:calc(var(--mobile-safe-bottom) + 2.75rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}