:root{--paper:#efefec;--ink:#171817;--muted:#646461;--line:#cececa;--body:'DM Sans','Noto Sans Thai',sans-serif;--display:'Playfair Display',Georgia,serif;--depth:36px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 var(--body)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none;text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}::selection{background:#161716;color:#fff}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}header{margin:0 5%;padding:25px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:700;letter-spacing:-.03em;line-height:1}.brand span{display:block;font-size:12px;font-weight:500;letter-spacing:.04em;margin-top:3px}nav{display:flex;gap:30px}header nav a{font-size:13px;min-height:44px;display:flex;align-items:center}header nav a:hover{text-decoration:underline}.header-note{font-size:12px;letter-spacing:.08em}.opening{margin:44px 5% 28px;display:flex;justify-content:space-between;align-items:end;gap:25px}.opening h1{font:500 clamp(48px,6.5vw,88px)/1.12 var(--display);letter-spacing:-.04em;margin:0 0 16px}.opening h1 em{font-weight:500}.opening p{margin:0;color:var(--muted);font-size:14px}.opening-note{text-align:right;padding-bottom:3px}.opening-note span{font-size:12px;letter-spacing:.08em}.opening-note p{font-size:12px;margin-top:8px}.collection{margin:0 5%}.controls{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.view-switch{display:flex;border:1px solid #afafaa;padding:3px}.view-switch button{border:0;background:none;display:flex;align-items:center;gap:10px;padding:9px 17px;min-height:44px;font-size:12px}.view-switch button[aria-pressed=true]{background:var(--ink);color:white}.view-switch button:hover{background:#dadad6}.view-switch button[aria-pressed=true]:hover{background:#303030}.motion-button{background:none;border:0;border-bottom:1px solid #aaa9a4;min-height:44px;padding:4px 0;font-size:12px;color:var(--muted)}.filters{display:flex;gap:24px;padding:15px 0 5px;flex-wrap:wrap}.filters button{border:0;background:none;padding:9px 0;min-height:44px;color:var(--muted);font-size:12px;border-bottom:1px solid transparent}.filters button span{font-size:12px;margin-left:5px}.filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.filters button:hover{color:var(--ink)}.room{position:relative;padding:50px 6% 40px;perspective:1800px;isolation:isolate;overflow:clip}.cabinet-position{position:relative;max-width:1050px;margin:0 auto;padding:0 15px 40px;perspective:1800px}.cabinet{--rx:0deg;--ry:0deg;position:relative;padding:13px 13px 40px;background:#151515;transform-style:preserve-3d;transform:rotateX(calc(3deg + var(--rx))) rotateY(calc(-6deg + var(--ry)));transition:transform 700ms cubic-bezier(.16,1,.3,1);box-shadow:17px 30px 40px #20202035}.cabinet-back{position:absolute;inset:0;background:#0b0b0b;transform:translateZ(calc(-1 * var(--depth)))}.cabinet-side{position:absolute;top:0;width:var(--depth);height:100%;background:#303030;transform-origin:0 50%}.cabinet-side-left{left:0;transform:rotateY(90deg)}.cabinet-side-right{left:100%;background:#232323;transform:rotateY(90deg)}.cabinet-roof,.cabinet-base{position:absolute;left:0;width:100%;height:var(--depth);background:#424242;transform-origin:50% 0}.cabinet-roof{top:0;transform:rotateX(-90deg)}.cabinet-base{top:100%;transform:rotateX(-90deg);background:#101010}.cabinet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,165px);grid-template-areas:'favorite favorite v3 atk' 'favorite favorite ae ae' 'evo evo audio nod' 'yeku yeku otsu nyx';gap:12px;transform-style:preserve-3d}.compartment{position:relative;min-width:0;display:block;background:#131313;transform-style:preserve-3d;transition:opacity .35s,filter .35s,transform .5s cubic-bezier(.16,1,.3,1);outline-offset:-4px!important;color:#f5f5f0}.cubby-back{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,#4a4a46 0,#282827 42%,#161616 80%);transform:translateZ(-24px)}.cubby-wall{position:absolute;top:0;left:0;width:24px;height:100%;background:#333331;transform-origin:left;transform:rotateY(90deg)}.cubby-floor{position:absolute;top:100%;left:0;width:100%;height:24px;background:linear-gradient(#494945,#282827);transform-origin:top;transform:rotateX(-90deg)}.light-strip{position:absolute;top:0;left:15%;right:15%;height:2px;background:#f6f6f0;box-shadow:0 6px 17px 3px #eeeeee33;transform:translateZ(2px)}.exhibit-photo{position:absolute;inset:15px 15px 40px;display:flex;align-items:center;justify-content:center;transform:translateZ(6px);transition:transform .55s cubic-bezier(.16,1,.3,1)}.exhibit-photo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 9px 14px #0005;transition:filter .3s}.favorite .exhibit-photo{inset:40px 30px 70px}.exhibit-label{position:absolute;left:13px;bottom:10px;right:13px;display:flex;flex-direction:column;transform:translateZ(12px);line-height:1.3}.reg{color:#bfbfb8;font-size:12px;letter-spacing:.06em;margin-bottom:3px}.gear-name{font-size:12px;font-weight:500;padding-right:17px}.favorite .gear-name{font-size:18px}.favorite .reg{font-size:12px}.inspect{position:absolute;right:0;bottom:0;opacity:.5}.inspect svg{width:14px;height:14px}.plinth{position:absolute;bottom:36px;left:25%;width:50%;height:5px;background:#484845;transform:translateZ(15px);box-shadow:0 7px 12px #0008}.favorite .plinth{height:14px;bottom:59px;left:17%;width:66%}.plinth:before{content:'';position:absolute;top:0;left:0;right:0;height:13px;background:#6c6c65;transform-origin:top;transform:rotateX(90deg)}.compartment:hover .exhibit-photo,.compartment:focus-visible .exhibit-photo,.is-selected .exhibit-photo{transform:translateZ(45px) translateY(-4px)}.compartment:hover .light-strip,.compartment:focus-visible .light-strip,.is-selected .light-strip{box-shadow:0 10px 28px 8px #f4f4ee38}.compartment:hover .inspect{opacity:1}.is-muted{opacity:.18;filter:grayscale(1)}.cabinet-sign{position:absolute;bottom:10px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;color:#b3b3ad;transform:translateZ(3px)}.cabinet-sign span:first-child{font-size:13px;font-weight:600}.cabinet-sign span:last-child{font-size:12px;letter-spacing:.15em}.room-shadow{position:absolute;bottom:72px;left:15%;right:12%;height:50px;background:#49494938;filter:blur(22px);transform:rotate(-3deg);z-index:-1}.room-caption{display:flex;justify-content:space-between;margin-top:15px;font-size:12px;color:var(--muted);gap:15px}.about{border-top:1px solid var(--line);margin:40px 5% 0;padding:65px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2{font:500 44px/1.15 var(--display);letter-spacing:-.03em;margin:0}.about p{max-width:58ch;margin:0 0 15px}.muted{color:var(--muted)}footer{margin:0 5%;border-top:1px solid var(--line);padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}footer>a:last-child{display:flex;align-items:center;gap:10px}.list-view{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px;padding:35px 0 55px}.list-photo{height:250px;background:#fff;display:flex;align-items:center;justify-content:center;padding:15px}.list-photo img{max-height:100%;max-width:100%;height:auto;width:auto;object-fit:contain;transition:transform .3s}.list-item:hover img{transform:scale(1.025)}.list-meta{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin-top:15px}.list-item h3{font-size:17px;font-weight:500;display:flex;justify-content:space-between;gap:15px;margin:7px 0}.list-item p{font-size:12px;color:var(--muted);margin:0}dialog{position:fixed;inset:18px 18px 18px auto;margin:0;width:min(440px,calc(100% - 36px));height:calc(100dvh - 36px);max-height:none;border:0;padding:0;background:var(--paper);color:var(--ink);box-shadow:-15px 12px 65px #0003;overflow:auto}dialog::backdrop{background:#1010104d}body.viewing-object{overflow:hidden}.viewing-object .cabinet{transform:translateX(-10%) rotateX(0) rotateY(-2deg) scale(1.06)}.viewing-object .compartment:not(.is-selected){opacity:.3}.detail-toolbar{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.detail-toolbar>span{font-size:12px;color:var(--muted)}.detail-toolbar button{border:0;background:none;display:flex;gap:10px;align-items:center;min-height:44px;font-size:12px;padding:0}.detail-photo{height:290px;margin:20px 24px;background:#fff;display:flex;align-items:center;justify-content:center}.detail-photo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.detail-body{padding:0 24px 25px}.detail-body h2{font:500 36px/1.15 var(--display);letter-spacing:-.03em;margin:28px 0 16px;overflow-wrap:anywhere}.favorite-note{font-size:13px}.detail-body dl{margin:25px 0}.detail-body dl>div{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.detail-body dt{color:var(--muted)}.detail-body dd{margin:0}.photo-credit{font-size:12px;color:var(--muted)}.photo-credit a{text-decoration:underline}.detail-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:28px;padding-top:15px;font-size:13px}.detail-nav a{min-width:60px;min-height:44px;display:flex;align-items:center}.detail-nav a:last-child{justify-content:end}.detail-nav span{color:var(--muted)}.skip{position:absolute;top:-100px;left:15px;padding:15px;background:#111;color:#fff;z-index:5}.skip:focus{top:15px}[hidden]{display:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#898983;border-radius:5px}::-webkit-scrollbar-track{background:var(--paper)}@media(min-width:1600px){header,.opening,.collection,.about,footer{max-width:1440px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){.header-note{display:none}.room{padding:40px 2% 25px}.cabinet-grid{grid-template-rows:repeat(4,145px);gap:9px}.cabinet{padding:10px 10px 37px}.exhibit-photo{inset:12px 8px 40px}.exhibit-label{left:9px;right:9px}.gear-name{font-size:12px}.favorite .gear-name{font-size:16px}.list-view{grid-template-columns:repeat(2,minmax(0,1fr))}.opening-note p{max-width:160px}.reg{font-size:12px}}@media(max-width:680px){header{padding:20px 0}header nav{gap:20px}.opening{margin-top:30px;display:block}.opening h1{font-size:56px}.opening-note{display:flex;justify-content:space-between;text-align:left;margin-top:24px;gap:15px}.opening-note p{margin:0;max-width:none;font-size:12px}.opening-note span{font-size:12px}.controls{align-items:flex-start;flex-direction:column;gap:10px}.motion-button{display:none}.view-switch{width:100%}.view-switch button{flex:1;justify-content:center}.filters{gap:18px}.filters button{font-size:12px}.filters button span{font-size:12px}.room{padding:25px 0 20px;perspective:1500px;overflow:visible}.cabinet-position{padding:0 0 25px}.cabinet{padding:9px 9px 35px;transform:rotateX(0) rotateY(0);box-shadow:6px 20px 26px #20202025}.cabinet-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:250px repeat(5,155px);grid-template-areas:'favorite favorite' 'v3 atk' 'ae ae' 'evo evo' 'audio nod' 'yeku otsu' 'nyx nyx';grid-auto-rows:180px;gap:9px}.favorite .exhibit-photo{inset:20px 25px 60px}.favorite .gear-name{font-size:17px}.gear-name{font-size:12px}.favorite .plinth{bottom:47px}.favorite .exhibit-label{bottom:11px}.room-caption{font-size:12px}.cabinet-side-right{width:8px}.cabinet-roof,.cabinet-side-left,.cabinet-base{display:none}.about{grid-template-columns:1fr;gap:25px;padding:45px 0;margin-top:25px}.about h2{font-size:37px}.about p{font-size:13px}footer{flex-wrap:wrap}footer p{font-size:12px}footer>a:last-child{font-size:12px}.list-view{gap:28px 15px}.list-photo{height:190px;padding:8px}.list-item h3{font-size:14px}.list-meta{font-size:12px;flex-wrap:wrap;gap:4px}.list-item p{font-size:12px}dialog{inset:auto 0 0;width:100%;height:88dvh;max-height:88dvh;border-radius:16px 16px 0 0}.detail-photo{height:250px}.detail-body h2{font-size:33px}.viewing-object .cabinet{transform:none}.compartment:hover .exhibit-photo{transform:translateZ(6px)}.exhibit-label .inspect{opacity:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cabinet{transform:none!important}.exhibit-photo{transform:none!important}.room-shadow{filter:none;background:transparent}}@media(max-width:380px){.opening h1{font-size:48px}.filters{gap:12px}.cabinet-grid{grid-template-rows:220px repeat(5,145px)}.detail-toolbar{padding:14px 18px}.list-view{grid-template-columns:1fr}}

.exhibit-photo{bottom:60px}.exhibit-label{min-height:38px;justify-content:end}.favorite .exhibit-photo{bottom:78px}.favorite .exhibit-label{bottom:14px}.favorite .plinth{bottom:64px}@media(max-width:680px){.favorite .exhibit-photo{bottom:75px}.filters{gap:14px}.exhibit-photo{bottom:60px}.favorite .plinth{bottom:60px}}
/* Dark studio and a true orbitable WebGL cabinet. */
:root{color-scheme:dark;--paper:#090909;--ink:#efefeb;--muted:#a1a19b;--line:#2d2d2a}
body{background:#090909}.view-switch{border-color:#41413c}.view-switch button,.filters button{color:var(--muted)}.view-switch button[aria-pressed=true]{background:#e7e7e0;color:#111}.view-switch button:hover{background:#292927}.view-switch button[aria-pressed=true]:hover{background:#fff}.filters button[aria-pressed=true]{color:#fff;border-color:#fff}.filters button:hover{color:#fff}.rotation-hint{font-size:12px;color:var(--muted)}.room{padding:10px 0 25px;overflow:hidden;perspective:none}.stage{position:relative;height:680px;width:100%;background:#090909}.stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.stage canvas:focus-visible{outline:2px solid #ddd;outline-offset:-4px}#scene-status{position:absolute;bottom:18px;left:20px;right:20px;font-size:13px;color:#d6d6d0;z-index:1;pointer-events:none}.scene-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;padding:12px 0}.scene-controls button{min-height:44px;min-width:44px;padding:9px 15px;border:1px solid #3c3c37;background:#181817;color:#e4e4dc;font-size:12px}.scene-controls button:hover{background:#30302d;border-color:#777}.control-divider{width:1px;height:22px;background:#444;margin:0 6px}.room-caption{margin:12px 0 0}.object-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.object-shortcuts a{padding:9px 12px;min-height:44px;background:#171716;font-size:12px;color:#a8a8a1;display:flex;align-items:center;gap:8px}.object-shortcuts a span{color:#d9d9d1}.object-shortcuts a:hover{background:#30302b}.list-photo,.detail-photo{background:#1d1d1b}.detail-toolbar button{color:var(--ink)}dialog{border:1px solid #353531;background:#141413}dialog::backdrop{background:#0009}.scene-error{padding:18px;border:1px solid #444;color:#ddd}.viewing-object .stage{opacity:.65}::selection{background:#eee;color:#111}@media(max-width:680px){.stage{height:540px}.controls{gap:16px}.rotation-hint{font-size:12px}.scene-controls{gap:5px}.scene-controls button{padding:8px 11px}.object-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.object-shortcuts a{align-items:flex-start;padding:10px;font-size:12px}.room-caption{flex-direction:column;gap:5px}.room{padding-top:8px}.opening-note{display:block}.opening-note p{margin-top:8px}.viewing-object .stage{opacity:1}}@media(max-width:380px){.scene-controls button{padding:8px}.stage{height:480px}}
@media(max-width:680px){.scene-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 40px 40px;gap:4px}.scene-controls .control-divider{display:none}.scene-controls button{min-width:0;padding:8px 3px;font-size:12px}}