:root{--wall:#16130f;--wall-deep:#0d0b08;--bone:#ece5d8;--bone-dim:#b3a996;--gold:#c9a24b;--gold-dim:#8a7137;--mat:#efe9dc;--serif:"Trirong", "Pridi", serif;--prose:"Pridi", serif;--ui:"IBM Plex Sans Thai", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--wall-deep);color:var(--bone);font-family:var(--ui);padding:0 .6rem;line-height:1.7}#app{background:radial-gradient(1200px 500px at 50% -5%, #c9a24b12, transparent 60%), repeating-linear-gradient(90deg, transparent 0 118px, #ffffff03 118px 120px), var(--wall);max-width:1100px;min-height:100vh;margin:0 auto;position:relative;overflow-x:clip;box-shadow:0 0 80px #000c}.entrance{text-align:center;border-bottom:1px solid #c9a24b2e;flex-direction:column;justify-content:center;align-items:center;min-height:92vh;padding:3rem 1.5rem;display:flex}.entrance-kicker{font-family:var(--ui);letter-spacing:.35em;color:var(--gold);text-transform:uppercase;font-size:.85rem}.entrance-title{font-family:var(--serif);color:var(--bone);text-shadow:0 0 60px #c9a24b40;margin:1rem 0 .5rem;font-size:clamp(3.2rem,11vw,6.5rem);font-weight:700;line-height:1.15}.entrance-sub{font-family:var(--prose);color:var(--bone-dim);max-width:34em;font-size:clamp(1rem,2.6vw,1.25rem);font-weight:300}.asof{color:var(--gold-dim);border:1px solid #c9a24b59;border-radius:999px;margin-top:2.2rem;padding:.35rem 1.1rem;font-size:.8rem}.entrance-hint{color:var(--bone-dim);margin-top:4rem;font-size:.8rem;animation:2.4s ease-in-out infinite bob}@keyframes bob{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.exhibit{opacity:0;padding:7vh 1.5rem;transition:opacity .7s,transform .7s;display:flex;transform:translateY(28px)}.exhibit.seen{opacity:1;transform:none}.exhibit.left{justify-content:flex-start}.exhibit.right{justify-content:flex-end}.frame{background:linear-gradient(160deg, #d8b96a, var(--gold) 30%, #6e5a2c 90%);border-radius:2px;width:min(560px,100%);padding:10px;position:relative;box-shadow:0 25px 60px -20px #000000e6,0 0 0 1px #0009}.frame:before{content:"";pointer-events:none;background:radial-gradient(55% 100% at 50% 100%,#ece5d814,#0000 75%);height:110px;position:absolute;inset:-90px -60px auto}.art{aspect-ratio:1200/630;object-fit:cover;border:10px solid var(--mat);background:var(--mat);width:100%;display:block}.placeholder{background:radial-gradient(120% 120% at 30% 20%, #ffffff24, transparent 55%), var(--tint,#555);color:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex}.ph-number{font-family:var(--serif);opacity:.85;font-size:3rem;font-weight:700;line-height:1}.ph-name{font-family:var(--ui);text-align:center;padding:0 1rem;font-size:1.05rem;font-weight:600}.plaque{background:var(--mat);color:#2a251c;border-top:1px solid #00000026;padding:1rem 1.2rem 1.15rem}.plaque-head{flex-wrap:wrap;align-items:baseline;gap:.8rem;display:flex}.plaque-no{font-family:var(--ui);letter-spacing:.12em;color:#8a7137;white-space:nowrap;font-size:.72rem}.plaque-title{font-family:var(--serif);color:#1d1912;font-size:1.35rem;font-weight:600}.plaque-issue,.plaque-solves{font-family:var(--prose);color:#4a4335;margin-top:.5rem;font-size:.9rem;font-weight:300}.plaque-issue{color:#6b6252;font-style:italic}.plaque-stats{letter-spacing:.06em;color:#8a7137;margin-top:.7rem;font-size:.78rem;font-weight:600}.plaque-stats.here{color:#a3472e}.plaque-visit{color:var(--mat);background:#2a251c;border-radius:6px;margin-top:.8rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-block}.plaque-visit:hover{background:#4a4335}.exhibit.self .frame{box-shadow:0 25px 60px -20px #000000e6,0 0 55px #c9a24b66}.beat{background:radial-gradient(900px 400px at 50% 10%, #c9a24b0d, transparent 65%), var(--wall-deep);opacity:0;border-top:1px solid #c9a24b26;border-bottom:1px solid #c9a24b26;justify-content:center;padding:16vh 1.5rem;transition:opacity .9s;display:flex}.beat.seen{opacity:1}.beat-inner{max-width:620px}.beat-title{font-family:var(--serif);color:var(--gold);margin-bottom:1.2rem;font-size:clamp(1.7rem,5vw,2.6rem);font-weight:700}.beat-body{font-family:var(--prose);color:var(--bone);margin-bottom:1em;font-size:clamp(1rem,2.4vw,1.15rem);font-weight:300}.totals{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-top:2rem;display:grid}.total{text-align:center;border:1px solid #c9a24b4d;border-radius:4px;padding:1rem}.total-n{font-family:var(--serif);color:var(--gold);font-size:1.9rem;font-weight:700;display:block}.total-k{color:var(--bone-dim);font-size:.75rem}#view-toggle{z-index:10;font-family:var(--ui);color:var(--wall-deep);background:var(--gold);cursor:pointer;border:none;border-radius:999px;padding:.6rem 1.3rem;font-size:.85rem;font-weight:600;position:fixed;bottom:1rem;right:1rem;box-shadow:0 6px 20px #00000080}#view-toggle:hover{background:#d8b96a}.scene3d{z-index:1;position:fixed;inset:0}.scene3d .gl{width:100%;height:100%;display:block;position:absolute;inset:0}.scroll-spacer{pointer-events:none}.hud{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.hud-kicker{letter-spacing:.35em;color:var(--gold);font-size:.85rem}.hud-title{font-family:var(--serif);text-shadow:0 0 60px #c9a24b59;margin:1rem 0 .5rem;font-size:clamp(3.2rem,11vw,6.5rem);font-weight:700;line-height:1.15}.hud-sub{font-family:var(--prose);color:var(--bone-dim);font-weight:300}.hud-hint{color:var(--bone-dim);margin-top:3.5rem;font-size:.8rem;animation:2.4s ease-in-out infinite bob}.hud .asof{display:inline-block}.beat3d{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0b08e0;border:1px solid #c9a24b59;border-radius:6px;width:min(620px,100vw - 3rem);padding:1.6rem 1.9rem;transition:opacity .5s,transform .5s;position:absolute;bottom:8vh;left:50%;transform:translate(-50%)translateY(14px)}.beat3d.show{opacity:1;transform:translate(-50%)translateY(0)}.beat3d .beat-title{margin-bottom:.7rem;font-size:clamp(1.3rem,3.5vw,1.8rem)}.beat3d .beat-body{margin-bottom:.7em;font-size:.98rem}.beat3d .totals{gap:.6rem;margin-top:1rem}.beat3d .total{padding:.6rem}.beat3d .total-n{font-size:1.4rem}.detail3d{background:linear-gradient(#0000 30%,#0d0b08b3);justify-content:center;align-items:flex-end;padding:6vh 1.5rem;display:none;position:absolute;inset:0}.detail3d.open{display:flex}.detail-card{background:var(--mat);color:#2a251c;border-radius:6px;width:min(520px,100%);padding:1.5rem 1.8rem;box-shadow:0 30px 80px #000c}.detail-card h3{font-family:var(--serif);color:#1d1912;font-size:1.5rem;font-weight:600}.detail-card .d-issue{font-family:var(--prose);color:#6b6252;margin-top:.5rem;font-size:.9rem;font-style:italic;font-weight:300}.detail-card .d-solves{font-family:var(--prose);color:#4a4335;margin-top:.5rem;font-size:.9rem;font-weight:300}.detail-card .d-stats{letter-spacing:.06em;color:#8a7137;margin-top:.7rem;font-size:.78rem;font-weight:600}.detail-card .d-stats.here{color:#a3472e}.d-actions{gap:.7rem;margin-top:1.1rem;display:flex}.d-actions a,.d-actions .d-close{font-family:var(--ui);cursor:pointer;border-radius:6px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;text-decoration:none}.d-actions a{color:var(--mat);background:#2a251c}.d-actions .d-close{color:#6b6252;background:0 0;border:1px solid #8a7137}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.exhibit,.beat{opacity:1;transition:none;transform:none}.entrance-hint{animation:none}}@media (width<=720px){.exhibit.left,.exhibit.right{justify-content:center}.exhibit{padding:5vh .4rem}}