:root{--bg-deep:#0a0f14;--bg-card:#12121f;--teal-dark:#0d2e2e;--teal:#1a4a4a;--emerald:#1a5a5a;--charcoal-blue:#1a2a3a;--gold:#c9a84c;--gold-bright:#d4a040;--bronze:#8a6a3a;--burnt-orange:#c45a28;--maroon:#5a1a2a;--text-warm:#e8e4dd;--text-secondary:#8e8ea0;--gold-dim:#c9a84c26;--gold-glow:#c9a84c4d;--font-heading:"Cormorant Garamond", "Noto Serif SC", serif;--font-body:"Lora", "Noto Serif SC", serif;--font-chinese:"Noto Serif SC", serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deep);width:100%;height:100%;color:var(--text-warm);font-family:var(--font-body);overflow:hidden}.scene{opacity:0;pointer-events:none;transition:opacity 1.5s;position:fixed;inset:0}.scene.active{opacity:1;pointer-events:all}canvas{width:100%;height:100%;position:absolute;inset:0}#entrance-content{z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#calligraphy-title{gap:.3em;margin-bottom:1.5rem;display:flex}#calligraphy-title .char{font-family:var(--font-chinese);color:var(--text-warm);opacity:0;animation:1.2s forwards charReveal;animation-delay:calc(.8s + var(--i) * .4s);text-shadow:0 0 40px #c9a84c33;font-size:clamp(4rem,12vw,9rem);font-weight:300;transform:translateY(30px)}@keyframes charReveal{to{opacity:1;transform:translateY(0)}}#subtitle{font-family:var(--font-heading);letter-spacing:.3em;color:var(--text-secondary);opacity:0;font-size:clamp(1rem,3vw,1.6rem);font-weight:300;animation:1.5s 2.2s forwards fadeIn}#invitation{font-family:var(--font-chinese);color:var(--gold);letter-spacing:.5em;opacity:0;margin-top:3rem;font-size:.9rem;animation:1.5s 3s forwards fadeIn}#enter-btn{border:1px solid var(--gold-dim);color:var(--text-warm);font-family:var(--font-heading);letter-spacing:.2em;cursor:pointer;opacity:0;background:0 0;margin-top:1.5rem;padding:.8rem 3rem;font-size:1.1rem;transition:all .5s;animation:1.5s 3.5s forwards fadeIn;position:relative;overflow:hidden}#enter-btn:before{content:"";background:linear-gradient(135deg, transparent, var(--gold-dim), transparent);opacity:0;transition:opacity .5s;position:absolute;inset:0}#enter-btn:hover{border-color:var(--gold);box-shadow:0 0 30px var(--gold-dim)}#enter-btn:hover:before{opacity:1}#enter-btn .en{color:var(--text-secondary);margin-top:.2rem;font-size:.7rem;display:block}#enter-btn.loading{cursor:wait;border-color:var(--gold);box-shadow:0 0 20px var(--gold-dim)}.loading-spinner{border:2px solid var(--gold-dim);border-top-color:var(--gold);border-radius:50%;width:18px;height:18px;margin-bottom:.3rem;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}#ambient-hint{color:var(--text-secondary);opacity:0;z-index:10;font-size:.75rem;animation:1s 4s forwards fadeIn;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes fadeIn{to{opacity:1}}#hall-ui{z-index:10;pointer-events:none;position:absolute;inset:0}#hall-header{pointer-events:all;background:linear-gradient(#0a0f14b3,#0000);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:absolute;top:0;left:0;right:0}#hall-header h1{font-family:var(--font-chinese);letter-spacing:.25em;color:var(--text-warm);opacity:.85;font-size:1.1rem;font-weight:300}#hall-breadcrumb{font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:.1em;cursor:pointer;margin-left:1.5rem;margin-right:auto;font-size:.75rem;transition:color .3s}#hall-breadcrumb:hover{color:var(--gold)}#view-toggle{gap:.5rem;display:flex}#view-toggle button{border:1px solid var(--gold-dim);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}#view-toggle button.active{border-color:var(--gold);color:var(--text-warm);background:var(--gold-dim)}#view-toggle button:hover{border-color:var(--gold);color:var(--text-warm)}#collection-bar{z-index:10;pointer-events:all;-webkit-backdrop-filter:blur(30px)saturate(1.3);background:#0a0f14b3;border:1px solid #c9a84c1f;border-radius:50px;gap:1.2rem;padding:1rem 1.5rem;transition:opacity .5s;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0009,0 0 20px #1a4a4a26}#collection-bar.hidden{opacity:0;pointer-events:none}.collection-thumbnail{cursor:pointer;border:2px solid #0000;border-radius:50%;width:60px;height:60px;transition:transform .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.collection-thumbnail img{object-fit:cover;filter:brightness(.85);width:100%;height:100%;transition:filter .3s}.collection-thumbnail:hover{border-color:var(--gold);transform:scale(1.12)}.collection-thumbnail:hover img{filter:brightness()}.collection-thumbnail.active{border-color:var(--gold-bright);box-shadow:0 0 20px #d4a04066}.collection-thumbnail.active:before{content:"";border:2px solid var(--gold);border-radius:50%;animation:2s ease-in-out infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}#artifact-card{z-index:15;-webkit-backdrop-filter:blur(30px)saturate(1.2);border:2px solid #0000;border-image:linear-gradient(135deg, var(--bronze), var(--gold), var(--bronze)) 1;opacity:0;pointer-events:none;background:linear-gradient(135deg,#0d2e2ed9 0%,#0a0f14e6 100%);border-radius:12px;width:320px;padding:1.5rem;transition:opacity .5s,transform .5s cubic-bezier(.23,1,.32,1);position:fixed;bottom:2rem;left:2rem;transform:translateY(20px);box-shadow:0 12px 50px #000000b3,inset 0 1px #c9a84c26,0 0 30px #1a4a4a33}#artifact-card.visible{opacity:1;pointer-events:all;transform:translateY(0)}#artifact-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#c9a84c14,#0000 60%);border-radius:10px;position:absolute;inset:0}.artifact-card__image{aspect-ratio:4/5;border-radius:8px;width:100%;margin-bottom:1rem;overflow:hidden;box-shadow:0 4px 20px #00000080}.artifact-card__image img{object-fit:cover;width:100%;height:100%}.artifact-card__dynasty{font-family:var(--font-heading);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:.4rem;font-size:.7rem}.artifact-card__title{font-family:var(--font-chinese);color:var(--text-warm);margin-bottom:.3rem;font-size:1.1rem;font-weight:400;line-height:1.5}.artifact-card__subtitle{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:1rem;font-size:.8rem;line-height:1.4}.artifact-card__period{font-family:var(--font-heading);color:var(--gold);letter-spacing:.1em;margin-bottom:1.2rem;font-size:.7rem}.artifact-card__button{background:linear-gradient(135deg, var(--gold), var(--gold-bright));width:100%;color:var(--bg-deep);font-family:var(--font-heading);letter-spacing:.1em;cursor:pointer;border:none;border-radius:6px;padding:.8rem;font-size:.85rem;font-weight:600;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #c9a84c4d}.artifact-card__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9a84c80}.artifact-card__button:before{content:"💎 ";margin-right:.3rem}#minimap{z-index:10;-webkit-backdrop-filter:blur(20px);border:1px solid var(--gold-dim);pointer-events:all;background:#0a0f14cc;border-radius:8px;width:180px;height:180px;padding:1rem;transition:opacity .5s;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 30px #0009}#minimap.hidden{opacity:0;pointer-events:none}#minimap-title{font-family:var(--font-chinese);color:var(--gold);letter-spacing:.15em;text-align:center;margin-bottom:.8rem;font-size:.65rem}#minimap-canvas{border-radius:4px;width:100%;height:calc(100% - 1.5rem)}#gallery-back{border:1px solid var(--gold-dim);color:var(--text-warm);font-family:var(--font-chinese);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:4px;margin-bottom:1.5rem;padding:.6rem 1.2rem;font-size:.95rem;transition:all .3s;display:block}#gallery-back:hover{border-color:var(--gold);background:var(--gold-dim)}#gallery-view{pointer-events:all;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a12eb;padding:5rem 2rem 2rem;position:absolute;inset:0;overflow-y:auto}#gallery-view.hidden{display:none}#gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.piece-card{background:var(--bg-card);cursor:pointer;border:1px solid #ffffff0a;border-radius:8px;transition:all .5s;position:relative;overflow:hidden}.piece-card:hover{border-color:var(--gold-dim);box-shadow:0 12px 40px #0006, 0 0 20px var(--gold-dim);transform:translateY(-4px)}.piece-card .card-image{aspect-ratio:4/5;object-fit:cover;filter:brightness(.9);width:100%;transition:filter .5s;display:block}.piece-card:hover .card-image{filter:brightness()}.piece-card .card-info{padding:1rem 1.2rem}.piece-card .card-dynasty{font-family:var(--font-chinese);color:var(--gold);letter-spacing:.15em;margin-bottom:.3rem;font-size:.7rem}.piece-card .card-title{font-family:var(--font-chinese);color:var(--text-warm);font-size:1rem;font-weight:400;line-height:1.5}.piece-card .card-title-en{font-family:var(--font-heading);color:var(--text-secondary);margin-top:.2rem;font-size:.8rem;font-weight:300}.piece-card:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:0;height:2px;transition:opacity .5s;position:absolute;bottom:0;left:0;right:0}.piece-card:hover:after{opacity:1}#piece-detail{z-index:100;background:var(--bg-deep);opacity:0;transition:opacity .8s;position:fixed;inset:0;overflow-y:auto}#piece-detail.active{opacity:1}#piece-detail.hidden{display:none}#piece-back{z-index:110;border:1px solid var(--gold-dim);color:var(--text-secondary);font-family:var(--font-chinese);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem 1.2rem;font-size:.85rem;transition:all .3s;position:fixed;top:1.5rem;left:2rem}#piece-back:hover{color:var(--text-warm);border-color:var(--gold)}#piece-content{max-width:900px;margin:0 auto;padding:6rem 2rem 4rem}#piece-visual{justify-content:center;width:100%;max-height:70vh;margin-bottom:3rem;display:flex}#piece-visual img{object-fit:contain;border-radius:4px;max-width:100%;max-height:65vh;box-shadow:0 20px 60px #00000080}#piece-narrative{opacity:0;transition:all 1s .5s;transform:translateY(30px)}#piece-detail.active #piece-narrative{opacity:1;transform:translateY(0)}.narrative-chapter{border-left:1px solid var(--gold-dim);margin-bottom:3rem;padding-left:1.5rem}.narrative-chapter h3{font-family:var(--font-chinese);color:var(--gold);letter-spacing:.1em;margin-bottom:.8rem;font-size:1.1rem;font-weight:400}.narrative-chapter p{font-family:var(--font-body);color:var(--text-warm);opacity:.9;font-size:.95rem;line-height:1.9}.narrative-chapter .zh-text{font-family:var(--font-chinese);color:var(--text-secondary);margin-top:.8rem;font-size:.95rem;line-height:2}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}@media (width<=768px){#calligraphy-title .char{font-size:4rem}#gallery-grid{grid-template-columns:repeat(2,1fr);gap:1rem}#hall-header{padding:1rem}#piece-content{padding:5rem 1rem 3rem}}