html[data-tkl="museum"]{
  --kt-bg:#16130f;--kt-bgimg:radial-gradient(ellipse at 50% -10%,rgba(212,166,74,.18),transparent 55%),radial-gradient(circle at 90% 80%,rgba(120,80,40,.18),transparent 40%);
  --kt-card:#221d17;--kt-card2:#2c261e;--kt-ink:#f3eadb;--kt-mut:#b3a690;--kt-line:rgba(212,166,74,.22);
  --kt-acc:#d4a64a;--kt-acc-ink:#1a150f;--kt-acc2:#8c2f2f;--kt-acc2-ink:#f3eadb;--kt-price:#e8c372;--kt-star:#e8c372;
  --kt-rad:6px;--kt-rad-s:4px;--kt-rad-btn:4px;--kt-disp:'Cormorant Garamond',Georgia,serif;--kt-body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;--kt-h2w:600;
  --kt-shadow:0 24px 40px -26px rgba(0,0,0,.9);--kt-bd:1px solid rgba(212,166,74,.35);--kt-btn-sh:none;--kt-eic-rad:4px;
  --kt-bar:rgba(22,19,15,.88);--kt-bar-ink:#f3eadb;--kt-foot:#0e0c09;--kt-foot-ink:#f3eadb;--kt-sum:linear-gradient(135deg,#a07a32,#e8c372);--kt-sum-ink:#1a150f;--kt-wallet:linear-gradient(135deg,#2c261e,#5a4318);--kt-wallet-ink:#f3eadb;
  --kt-buy-label:'Formulir koleksi';--kt-cart-label:'Tas koleksi';--kt-login-back:rgba(0,0,0,.7);--kt-login-card:#221d17;--kt-ring:rgba(212,166,74,.25);color-scheme:dark}
#tkL .mu-page .kt-head h2{font-size:clamp(34px,4.8vw,58px);font-weight:600;letter-spacing:0}
#tkL .mu-page .kt-head h2 span{font-style:italic;color:var(--kt-acc)}
#tkL .mu-page .kt-head small{letter-spacing:.24em;text-transform:uppercase;font-size:11.5px}
#tkL .mu-page .kt-step-i{color:var(--kt-acc);background:transparent;border:1px solid rgba(212,166,74,.5);border-radius:50%}
#tkL .mu-page .kt-step b{font-family:var(--kt-disp);font-size:24px;font-weight:600}
#tkL .mu-page .kt-step em{font-family:var(--kt-disp);color:var(--kt-acc);opacity:.4}
#tkL .mu-page .kt-facts b{font-family:var(--kt-disp);font-weight:600;font-size:30px;color:var(--kt-acc)}

#tkL .mu-hero{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(28px,5vw,60px) clamp(16px,4vw,44px) 0}
#tkL .mu-chip{display:inline-block;padding:7px 14px;border:1px solid rgba(212,166,74,.45);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--kt-acc)}
#tkL .mu-hero h1{margin:20px 0 14px;font:600 clamp(42px,5.8vw,76px)/1 var(--kt-disp);color:var(--kt-ink)}
#tkL .mu-hero h1 span{font-style:italic;color:var(--kt-acc)}
#tkL .mu-copy>p{max-width:44ch;margin:0 0 22px;color:var(--kt-mut);font-size:16px;line-height:1.7}
#tkL .mu-page .kt-search{background:#221d17;border:1px solid rgba(212,166,74,.4)}

#tkL .mu-hall{position:relative;height:520px;perspective:820px;perspective-origin:50% 38%;overflow:hidden;border-radius:4px;background:linear-gradient(#0d0b08,#1d1812 60%,#0d0b08);box-shadow:inset 0 0 0 1px rgba(212,166,74,.25),0 40px 60px -40px #000}
#tkL .mu-floor{position:absolute;left:-40%;right:-40%;bottom:0;height:78%;transform-origin:50% 100%;transform:rotateX(74deg);
  background:repeating-conic-gradient(#2b241b 0 25%,#3d3427 0 50%) 0 0/90px 90px;-webkit-mask:linear-gradient(transparent,#000 40%);mask:linear-gradient(transparent,#000 40%)}
#tkL .mu-back{position:absolute;left:30%;right:30%;top:6%;height:56%;border-radius:120px 120px 0 0;background:radial-gradient(ellipse at 50% 30%,#3a2f22,#16120d 70%);box-shadow:inset 0 0 0 2px rgba(212,166,74,.25),inset 0 -40px 60px -20px #000}
#tkL .mu-wall{position:absolute;top:8%;width:40%;height:60%;display:flex;align-items:center;justify-content:space-evenly;gap:6%;padding:0 6%;transform-style:preserve-3d;
  background:linear-gradient(90deg,#2a2219,#3a2f23);box-shadow:inset 0 -6px 0 rgba(212,166,74,.25)}
#tkL .mu-wall.l{left:0;transform-origin:0 50%;transform:rotateY(64deg)}
#tkL .mu-wall.r{right:0;transform-origin:100% 50%;transform:rotateY(-64deg);background:linear-gradient(-90deg,#2a2219,#3a2f23)}
#tkL .mu-wart{position:relative;display:block!important;width:36%;aspect-ratio:4/5;padding:7px!important;background:linear-gradient(135deg,#7c5c22,#f3d58a 35%,#a07a32 60%,#e8c372);box-shadow:0 14px 18px -10px #000;transition:filter .2s}
#tkL .mu-wart:hover{filter:brightness(1.2)}
#tkL .mu-wart-in{display:block;width:100%;height:100%;padding:5px;background:#efe4cc}
#tkL .mu-wart-deco{pointer-events:none}#tkL .mu-wart-deco .mu-wart-in i{display:block;width:100%;height:100%;background:radial-gradient(circle at 30% 35%,#8c2f2f 0 18%,transparent 19%),radial-gradient(circle at 68% 62%,#2f5a8c 0 24%,transparent 25%),linear-gradient(160deg,#e8c372 0 30%,#efe4cc 30% 58%,#1a150f 58% 62%,#efe4cc 62%)}#tkL .mu-wart-deco:nth-child(even) .mu-wart-in i{background:linear-gradient(90deg,transparent 46%,#1a150f 46% 50%,transparent 50%),radial-gradient(circle at 50% 30%,#d4a64a 0 20%,transparent 21%),linear-gradient(#2f5a8c 0 55%,#8c2f2f 55%)}
#tkL .mu-wart-tag{position:absolute;left:0;right:0;top:calc(100% + 10px);font:600 11px var(--kt-body);color:var(--kt-mut);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tkL .mu-ped{position:absolute;left:50%;bottom:6%;width:220px;margin-left:-110px;display:flex!important;flex-direction:column;align-items:center;padding:0!important;perspective:700px;z-index:2}
#tkL .mu-spot{position:absolute;left:50%;bottom:120px;width:300px;height:460px;transform:translateX(-50%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);background:linear-gradient(rgba(255,229,170,.5),rgba(255,229,170,.04));filter:blur(4px);pointer-events:none;animation:muFlick 6s ease-in-out infinite}
@keyframes muFlick{50%{opacity:.8}}
#tkL .mu-spin{position:relative;display:block;transform-style:preserve-3d;animation:muSpin 14s linear infinite}
#tkL .mu-ped:hover .mu-spin{animation-play-state:paused}
@keyframes muSpin{to{transform:rotateY(360deg)}}
#tkL .mu-relic{position:relative;display:block;width:112px;height:112px;margin:0 auto 26px;transform-style:preserve-3d;animation:muBob 4s ease-in-out infinite}
@keyframes muBob{50%{transform:translateY(-10px)}}
#tkL .mu-relic>span{position:absolute;inset:0;display:block;padding:6px;background:linear-gradient(135deg,#7c5c22,#f3d58a 40%,#a07a32 70%,#e8c372);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 30px rgba(255,220,150,.35)}
#tkL .mu-relic-b{transform:rotateY(180deg)}
#tkL .mu-plinth{position:relative;display:block;width:110px;height:118px;margin:0 auto;transform-style:preserve-3d}
#tkL .mu-plinth i{position:absolute;inset:0;display:block;background:linear-gradient(#efe6d6,#b9ab92);box-shadow:inset 0 10px 0 rgba(255,255,255,.35),inset 0 -6px 0 rgba(0,0,0,.2)}
#tkL .mu-plinth .a{transform:translateZ(55px)}
#tkL .mu-plinth .b{transform:rotateY(90deg) translateZ(55px);filter:brightness(.78)}
#tkL .mu-plinth .c{transform:rotateY(180deg) translateZ(55px);filter:brightness(.6)}
#tkL .mu-plinth .d{transform:rotateY(-90deg) translateZ(55px);filter:brightness(.85)}
#tkL .mu-plinth .t{top:-55px;bottom:auto;height:110px;transform:rotateX(90deg);background:#f6efe2}
#tkL .mu-plaque{position:relative;display:flex;flex-direction:column;align-items:center;max-width:220px;margin-top:16px;padding:8px 16px;background:linear-gradient(#c79a46,#8c6a2c);color:#1a150f;text-align:center;box-shadow:0 10px 18px -10px #000}
#tkL .mu-plaque small{font:700 9.5px var(--kt-body);letter-spacing:.2em;text-transform:uppercase}
#tkL .mu-plaque b{max-width:190px;font:700 17px/1.15 var(--kt-disp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tkL .mu-plaque em{font:800 12.5px var(--kt-body);font-style:normal}
#tkL .mu-plaque em small{font-size:9.5px;letter-spacing:0;text-transform:none}
#tkL .mu-rope{position:absolute;left:12%;right:12%;bottom:4%;height:44px;display:flex;justify-content:space-between;pointer-events:none;z-index:1}
#tkL .mu-rope:before{content:'';position:absolute;left:6px;right:6px;top:6px;height:26px;border-bottom:4px solid #8c2f2f;border-radius:0 0 50% 50%}
#tkL .mu-rope i{position:relative;display:block;width:8px;height:44px;background:linear-gradient(90deg,#8c6a2c,#e8c372,#8c6a2c);border-radius:4px 4px 0 0}
#tkL .mu-rope i:before{content:'';position:absolute;left:-4px;top:-8px;width:16px;height:16px;border-radius:50%;background:#e8c372}
@media(max-width:900px){#tkL .mu-hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){#tkL .mu-hall{height:440px;margin:0 -16px;border-radius:0}#tkL .mu-wall{width:34%}#tkL .mu-wart-deco{pointer-events:none}#tkL .mu-wart-deco .mu-wart-in i{display:block;width:100%;height:100%;background:radial-gradient(circle at 30% 35%,#8c2f2f 0 18%,transparent 19%),radial-gradient(circle at 68% 62%,#2f5a8c 0 24%,transparent 25%),linear-gradient(160deg,#e8c372 0 30%,#efe4cc 30% 58%,#1a150f 58% 62%,#efe4cc 62%)}#tkL .mu-wart-deco:nth-child(even) .mu-wart-in i{background:linear-gradient(90deg,transparent 46%,#1a150f 46% 50%,transparent 50%),radial-gradient(circle at 50% 30%,#d4a64a 0 20%,transparent 21%),linear-gradient(#2f5a8c 0 55%,#8c2f2f 55%)}
#tkL .mu-wart-tag{display:none}#tkL .mu-back{left:24%;right:24%}}

#tkL .mu-wings{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
#tkL .mu-wing{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;padding:22px 20px!important;text-align:left;background:linear-gradient(160deg,#2c241b,#1b1712);border:1px solid rgba(212,166,74,.35)!important;box-shadow:inset 0 0 0 6px #1b1712,inset 0 0 0 7px rgba(212,166,74,.25);transition:transform .25s,box-shadow .25s}
#tkL .mu-wing:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 6px #1b1712,inset 0 0 0 7px rgba(212,166,74,.6),0 20px 30px -20px rgba(212,166,74,.5)}
#tkL .mu-wing-no{font:700 11px var(--kt-body);letter-spacing:.24em;text-transform:uppercase;color:var(--kt-acc)}
#tkL .mu-wing b{font:600 24px/1.1 var(--kt-disp);color:var(--kt-ink);overflow-wrap:anywhere}
#tkL .mu-wing small{font-size:12.5px;color:var(--kt-mut)}
#tkL .mu-wing-go{position:absolute;right:18px;bottom:18px;color:var(--kt-acc);transition:transform .2s}
#tkL .mu-wing:hover .mu-wing-go{transform:translateX(4px)}

#tkL .mu-arts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:40px 26px;perspective:1100px}
#tkL .mu-art{position:relative;display:flex!important;flex-direction:column;align-items:stretch;gap:0;padding:0!important;text-align:left;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}
#tkL .mu-frame{position:relative;display:block;padding:14px;background:linear-gradient(135deg,#7c5c22,#f3d58a 28%,#a07a32 52%,#f6dd96 74%,#7c5c22);box-shadow:inset 0 0 0 2px #5a4318,inset 0 0 0 5px rgba(255,255,255,.18),0 26px 34px -20px #000;transform:translateZ(0)}
#tkL .mu-mat{display:block;aspect-ratio:1;padding:14px;background:#efe4cc;box-shadow:inset 0 3px 8px rgba(0,0,0,.35)}
#tkL .mu-mat .mu-media{box-shadow:0 2px 6px rgba(0,0,0,.25)}
#tkL .mu-glint{position:absolute;inset:0;background:radial-gradient(circle at var(--gx,50%) 20%,rgba(255,255,255,.45),transparent 45%);opacity:0;transition:opacity .25s;pointer-events:none}
#tkL .mu-art:hover .mu-glint{opacity:1}
#tkL .mu-label{position:relative;display:flex;flex-direction:column;gap:2px;width:86%;margin:-10px auto 0;padding:10px 14px;background:#f6efe2;color:#1a150f;transform:translateZ(26px);box-shadow:0 10px 18px -10px #000}
#tkL .mu-label small{font:700 10.5px var(--kt-body);letter-spacing:.12em;text-transform:uppercase;color:#7c6a4c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tkL .mu-label strong{font:700 19px/1.15 var(--kt-disp);overflow-wrap:anywhere}
#tkL .mu-label em{font:800 14px var(--kt-body);font-style:normal;color:#8c5a1c}
#tkL .mu-label em small{font-size:10px;letter-spacing:0;text-transform:none}
#tkL .mu-off{position:absolute;right:-8px;top:-8px;z-index:3;padding:6px 10px;background:#8c2f2f;color:#f3eadb;font:800 12px var(--kt-body);transform:translateZ(30px) rotate(6deg);box-shadow:0 6px 12px -4px #000}
#tkL .mu-closed{position:absolute;left:50%;top:38%;z-index:3;transform:translate(-50%,-50%) translateZ(30px);padding:6px 12px;background:#1a150f;color:var(--kt-acc);border:1px solid rgba(212,166,74,.5);font:700 12px var(--kt-body);white-space:nowrap}
#tkL .mu-art.is-off .mu-mat{filter:grayscale(.9) brightness(.75)}

#tkL .mu-lots{display:flex;gap:18px;overflow-x:auto;padding:6px 4px 22px;scroll-snap-type:x mandatory;scrollbar-width:thin}
#tkL .mu-lot{flex:0 0 190px;scroll-snap-align:start;display:flex!important;flex-direction:column;align-items:center;gap:4px;padding:18px 14px!important;text-align:center;background:#1b1712;border:1px solid rgba(212,166,74,.35)!important;transition:transform .25s,border-color .25s}
#tkL .mu-lot:hover{transform:translateY(-4px);border-color:var(--kt-acc)!important}
#tkL .mu-lot-no{font:600 22px var(--kt-disp);font-style:italic;color:var(--kt-acc)}
#tkL .mu-lot-pic{display:block;width:84px;height:84px;margin:6px 0;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #1b1712,0 0 0 4px rgba(212,166,74,.5)}
#tkL .mu-lot b{font:600 18px/1.15 var(--kt-disp);overflow-wrap:anywhere}
#tkL .mu-lot small{font-size:12px;color:var(--kt-mut)}
#tkL .mu-lot strong{margin-top:4px;padding:4px 12px;border:1px solid rgba(212,166,74,.5);color:var(--kt-price);font:800 13.5px var(--kt-body)}
#tkL .mu-lot strong small{font-size:10px;color:inherit}
#tkL .mu-lot.is-off{opacity:.5}

html[data-tkl="museum"] #app .pcard{border:1px solid rgba(212,166,74,.35)!important;border-radius:4px!important}

html[data-tkl="museum"] .mu-safe{display:flex;flex-direction:column;align-items:center;margin:0 0 14px}
html[data-tkl="museum"] .mu-vault{position:relative;display:grid;place-items:center;width:150px;height:150px;border-radius:24px;background:linear-gradient(145deg,#3a332a,#1a1611);box-shadow:inset 0 0 0 3px #5a4c38,inset 0 0 0 9px #221d17,inset 0 0 0 10px rgba(212,166,74,.35),0 16px 26px -14px #000;transition:box-shadow .4s}
html[data-tkl="museum"] .mu-safe.is-open .mu-vault{box-shadow:inset 0 0 0 3px #e8c372,inset 0 0 0 9px #221d17,inset 0 0 0 10px #e8c372,0 0 34px rgba(232,195,114,.45)}
html[data-tkl="museum"] .mu-dial{position:relative;display:block;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#b9ab92 0 30%,#6d604b 31% 33%,#2a241c 34%);box-shadow:0 0 0 4px #8c7a5c,0 6px 10px rgba(0,0,0,.6);transition:transform .45s cubic-bezier(.3,1.3,.5,1)}
html[data-tkl="museum"] .mu-ticks i{position:absolute;left:50%;top:4px;width:2px;height:8px;margin-left:-1px;background:#d4a64a;transform-origin:50% 46px;transform:rotate(var(--a))}
html[data-tkl="museum"] .mu-knob{position:absolute;left:50%;top:50%;width:40px;height:10px;margin:-5px 0 0 -20px;border-radius:5px;background:linear-gradient(#efe6d6,#8c7a5c)}
html[data-tkl="museum"] .mu-tumb{position:absolute;right:10px;top:12px;display:flex;flex-direction:column;gap:6px}
html[data-tkl="museum"] .mu-tumb i{display:block;width:9px;height:9px;border-radius:50%;background:#3a332a;box-shadow:inset 0 0 0 1px #5a4c38;transition:background .3s,box-shadow .3s}
html[data-tkl="museum"] .mu-tumb i.on{background:#e8c372;box-shadow:0 0 8px #e8c372}
html[data-tkl="museum"] .mu-vname{margin-top:10px;max-width:220px;font:600 18px 'Cormorant Garamond',serif;color:var(--kt-acc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-tkl="museum"] .mu-vsay{margin-top:4px;font:600 12.5px 'Manrope',sans-serif;color:var(--kt-mut);text-align:center}
html[data-tkl="museum"] .mu-safe.is-open .mu-vsay{color:var(--kt-acc)}
html[data-tkl="museum"] .mu-safe-sm .mu-vsay{display:none}
html[data-tkl="museum"] :is(#loginModal,#forgotModalTk) .modal{border:1px solid rgba(212,166,74,.5)!important;box-shadow:0 0 0 6px #16130f,0 0 0 7px rgba(212,166,74,.3),0 30px 60px -20px #000!important}

@media(max-width:640px){
  html[data-tkl="museum"] #bottomNav{background:linear-gradient(135deg,#1d1812,#2a231a)!important;border:1px solid rgba(212,166,74,.5)!important;box-shadow:0 0 0 4px #16130f,0 0 0 5px rgba(212,166,74,.3),0 16px 28px -12px #000!important;border-radius:6px!important}
  html[data-tkl="museum"] #bottomNav .bn-item{color:#b3a690!important}
  html[data-tkl="museum"] #bottomNav .bn-item.on{color:#e8c372!important}
  html[data-tkl="museum"] #bottomNav .bn-item::before{background:transparent;border:2px solid #d4a64a;border-radius:3px;box-shadow:inset 0 0 0 3px #1d1812,inset 0 0 0 4px rgba(212,166,74,.5),0 0 14px rgba(212,166,74,.35)}
}
@media(prefers-reduced-motion:reduce){#tkL .mu-spin,#tkL .mu-relic,#tkL .mu-spot{animation:none}#tkL .mu-art{transform:none}}
