.ip-showcase{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#d9a8c4 0 73%,#bd754d 73%);transition:filter .45s,transform .75s}.ip-header{position:absolute;left:8%;right:8%;top:5%;text-align:center;color:#633820}.ip-header small,.ip-header b,.ip-header span{display:block}.ip-header small{font-size:8px;letter-spacing:.2em}.ip-header b{font-size:clamp(24px,3vw,40px)}.ip-header span{font-size:8px;letter-spacing:.18em}.exhibit-booth{position:absolute;left:10%;top:20%;width:51%;height:63%;border:14px solid #b96a36;border-radius:45% 45% 18px 18px;background:#f4d48b;box-shadow:0 12px 0 #8d4e2e;overflow:hidden}.booth-back{position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,#fff0b9,transparent 50%)}.booth-back i{position:absolute;width:30%;height:80%;bottom:0;border:5px solid rgba(169,97,52,.2);border-radius:50% 50% 0 0}.booth-back i:nth-child(1){left:3%}.booth-back i:nth-child(2){left:35%}.booth-back i:nth-child(3){right:3%}.hero-figure{position:absolute;left:50%;top:46%;width:34%;height:54%;transform:translate(-50%,-50%);filter:drop-shadow(0 13px 5px rgba(100,57,38,.2));transition:.45s}.figure-face{position:absolute;z-index:2;left:13%;right:13%;top:4%;aspect-ratio:1;border:6px solid #624334;border-radius:48%;background:#f3c68c}.figure-face i{position:absolute;top:45%;width:13%;height:21%;border-radius:50%;background:#233e4d}.figure-face i:first-child{left:26%}.figure-face i:last-child{right:26%}.figure-ears:before,.figure-ears:after{content:"";position:absolute;z-index:1;top:0;width:30%;height:28%;border:6px solid #624334;background:#d99b70;border-radius:70% 20%}.figure-ears:before{left:5%;transform:rotate(-24deg)}.figure-ears:after{right:5%;transform:rotate(24deg)}.figure-body{position:absolute;left:22%;right:22%;bottom:0;height:48%;border:6px solid #624334;border-radius:46% 46% 20% 20%;background:#91b8be}.booth-label{position:absolute;left:18%;right:18%;bottom:4%;padding:8px;text-align:center;border:4px solid #9b552e;border-radius:13px;background:#ffe7ad;color:#64391f}.booth-label b,.booth-label span{display:block}.booth-label span{font-size:8px}.blindbox-machine{position:absolute;right:10%;top:24%;width:24%;height:56%;padding:0;border:10px solid #9c4f39;border-radius:28px;background:#db7566;box-shadow:0 12px 0 #763e30;cursor:pointer;transition:.25s}.blindbox-machine:hover{transform:translateY(-2%) scale(1.03)}.machine-sign{position:absolute;left:8%;right:8%;top:5%;padding:7px;border-radius:10px;background:#ffe6a8;color:#723b2a;font-weight:900;font-size:10px}.machine-window{position:absolute;left:9%;right:9%;top:20%;height:48%;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:9%;border:6px solid #7b4031;border-radius:15px;background:#9fc3c8}.machine-window i{border-radius:50%;background:linear-gradient(#fff1c5 0 48%,#d66a5d 49%);box-shadow:0 3px 0 #754233}.machine-slot{position:absolute;right:15%;bottom:17%;color:#49342f;font-size:22px}.machine-door{position:absolute;left:22%;right:22%;bottom:4%;height:15%;border-radius:7px 7px 16px 16px;background:#653d35}.blindbox-machine em{position:absolute;right:calc(100% + 7px);top:45%;white-space:nowrap;padding:7px 10px;border-radius:10px;background:#65361d;color:#fff0cf;font-size:8px;font-style:normal;opacity:0}.blindbox-machine:hover em{opacity:1}.exhibit-switch{position:absolute;right:2.2%;top:44%;width:6%;height:16%;border:3px solid #fff0cf;border-radius:20px;background:#663920;color:#fff0cf;cursor:pointer}.exhibit-switch span{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:7px;background:#fff0cf;color:#65361d;border-radius:9px;font-size:8px;font-weight:900;opacity:0}.exhibit-switch:hover span{opacity:1}.exhibit-switch b{font-size:30px}.exhibit-dots{position:absolute;left:34%;bottom:8%;display:flex;gap:8px}.exhibit-dots i{width:8px;height:8px;border-radius:50%;background:rgba(101,54,29,.3)}.exhibit-dots i.active{background:#65361d}.ip-showcase[data-exhibit="1"]{background:linear-gradient(#93b8c7 0 73%,#7b8f71 73%)}.ip-showcase[data-exhibit="1"] .exhibit-booth{background:#b9d8ca;border-color:#547b72}.ip-showcase[data-exhibit="1"] .figure-face{background:#d8b4dc}.ip-showcase[data-exhibit="1"] .figure-body{background:#765b98}.ip-showcase[data-exhibit="1"] .blindbox-machine{background:#698ca5;border-color:#3f6074}.machine-focus{position:absolute;z-index:16;inset:0;background:rgba(47,25,19,.82);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.45s}.ip-scene.machine-open .ip-showcase{transform:scale(1.22) translateX(-9%);filter:brightness(.55)}.ip-scene.machine-open .machine-focus{opacity:1;visibility:visible}.machine-close{position:absolute;right:4%;top:4%;width:42px;height:42px;border:2px solid #fff0cf;border-radius:50%;background:#65361d;color:white;font-size:26px;z-index:3}.focus-machine{position:absolute;left:16%;top:8%;width:39%;height:82%;border:14px solid #934937;border-radius:35px;background:#d97566;box-shadow:0 18px 0 #62372f}.focus-title{text-align:center;margin:4% 10%;padding:7px;border-radius:12px;background:#ffe0a0;color:#63391f}.focus-title small,.focus-title b{display:block}.capsule-window{height:47%;margin:0 8%;padding:7%;display:grid;grid-template-columns:1fr 1fr;gap:10%;border:8px solid #754034;border-radius:18px;background:#a4c5c7}.capsule{border-radius:50%;background:linear-gradient(#fff1be 0 48%,#d95f5b 49%);box-shadow:0 5px 0 #754436}.c-b{transform:rotate(18deg);background:linear-gradient(#fff1be 0 48%,#6e91b0 49%)}.c-c{transform:rotate(-12deg);background:linear-gradient(#fff1be 0 48%,#d9a255 49%)}.c-d{transform:rotate(7deg);background:linear-gradient(#fff1be 0 48%,#8cab79 49%)}.coin-slot{position:absolute;right:10%;bottom:21%;text-align:center;color:#65361d}.coin-slot i{display:block;width:30px;height:7px;border-radius:5px;background:#44312d}.coin-slot span{font-size:7px}.coin-button{position:absolute;left:10%;bottom:18%;padding:10px 14px;border:0;border-radius:12px;background:#ffe0a0;color:#65361d;font-weight:900}.dispense-door{position:absolute;left:31%;right:31%;bottom:3%;height:14%;display:grid;place-items:center;border-radius:8px 8px 18px 18px;background:#593b35}.mystery-box{width:52px;height:52px;display:grid;place-items:center;border-radius:10px;background:#ffc84f;color:#65361d;font:bold 28px serif;opacity:0;transform:translateY(-55px) rotate(-12deg)}.machine-focus.dispensing .capsule-window{animation:machineShake .12s 7}.machine-focus.dispensing .mystery-box{animation:boxDrop .8s .45s forwards}.figure-result{position:absolute;right:8%;top:17%;width:35%;padding:28px;text-align:center;border:6px solid #65361d;border-radius:28px;background:#fff0cf;color:#65361d;opacity:0;transform:scale(.8);transition:.4s}.machine-focus.result-shown .figure-result{opacity:1;transform:scale(1)}.mini-figure{position:relative;width:130px;height:170px;margin:12px auto}.mini-figure span{position:absolute;left:18%;right:18%;top:4%;aspect-ratio:1;border:5px solid #583c31;border-radius:48%;background:var(--figure-head,#f1bd87)}.mini-figure span:before,.mini-figure span:after{content:"";position:absolute;top:43%;width:12%;height:20%;border-radius:50%;background:#243c48}.mini-figure span:before{left:26%}.mini-figure span:after{right:26%}.mini-figure i{position:absolute;left:27%;right:27%;bottom:0;height:48%;border:5px solid #583c31;border-radius:45% 45% 20% 20%;background:var(--figure-body,#83aeb5)}.figure-result h2{margin:5px}.figure-result p{font-size:10px}.figure-result button{border:0;border-radius:12px;padding:10px 16px;background:#65361d;color:#fff0cf;font-weight:900}@keyframes machineShake{50%{transform:translateX(4px)}}@keyframes boxDrop{to{opacity:1;transform:translateY(25px) rotate(7deg)}}@media(max-width:760px){.focus-machine{left:8%;width:45%}.figure-result{right:5%;width:40%;padding:15px}.exhibit-switch{width:8%}}
/* Clickable character archive */
.hero-figure{border:0;background:transparent;padding:0;cursor:pointer}
.hero-figure em{position:absolute;left:50%;bottom:-4%;transform:translate(-50%,8px);white-space:nowrap;padding:7px 10px;border:2px solid #fff0cf;border-radius:999px;background:#65361d;color:#fff0cf;font:normal 8px/1 sans-serif;opacity:0;transition:.2s}
.hero-figure:hover em,.hero-figure:focus-visible em{opacity:1;transform:translate(-50%,0)}
.hero-figure:focus-visible{outline:4px solid rgba(255,240,207,.9);outline-offset:8px;border-radius:45%}
.ip-profile{position:absolute;z-index:17;left:7%;right:7%;top:8%;bottom:8%;display:grid;grid-template-columns:44% 56%;overflow:hidden;border:6px solid #65361d;border-radius:30px;background:#fff0cf;color:#65361d;box-shadow:0 22px 70px rgba(48,24,18,.5);opacity:0;visibility:hidden;transform:scale(.9);transition:.4s}
.ip-scene.profile-open .ip-showcase{filter:brightness(.48);transform:scale(1.08)}
.ip-scene.profile-open .ip-profile{opacity:1;visibility:visible;transform:scale(1)}
.ip-profile-close{position:absolute;z-index:3;right:14px;top:14px;width:40px;height:40px;border:2px solid #fff0cf;border-radius:50%;background:#65361d;color:#fff;font-size:26px;cursor:pointer}
.ip-profile-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:8% 8% 7%;background:radial-gradient(circle at 50% 35%,#fff1b9 0 24%,transparent 25%),linear-gradient(#d9a8c4,#ca8357);text-align:center}
.profile-figure{position:absolute;left:50%;top:9%;width:42%;height:58%;transform:translateX(-50%)}
.ip-profile-visual small{font-size:8px;letter-spacing:.2em}.ip-profile-visual strong{font-size:clamp(27px,4vw,52px)}.ip-profile-visual>span{font-size:8px;letter-spacing:.14em}
.ip-profile-copy{overflow:auto;padding:9% 9% 7%}.ip-profile-copy>small{font-size:8px;letter-spacing:.18em;color:#b46b43}.ip-profile-copy h2{margin:7px 0 12px;font-size:clamp(25px,3.5vw,46px);line-height:1.1}.ip-profile-copy>p{font-size:clamp(11px,1.2vw,15px);line-height:1.7}.ip-profile-copy dl{margin:20px 0;border-top:1px solid #d2ad82}.ip-profile-copy dl div{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #d2ad82}.ip-profile-copy dt{font-size:10px;font-weight:900}.ip-profile-copy dd{margin:0;font-size:10px;line-height:1.55}.ip-profile-copy .profile-note{padding:11px;border-radius:12px;background:#ead2ae;font-size:9px}
.ip-profile[data-exhibit="1"] .ip-profile-visual{background:radial-gradient(circle at 50% 35%,#dce9e5 0 24%,transparent 25%),linear-gradient(#91b7c7,#778e75)}
.ip-profile[data-exhibit="1"] .figure-face{background:#d8b4dc}.ip-profile[data-exhibit="1"] .figure-body{background:#765b98}
@media(max-width:760px){.ip-profile{left:5%;right:5%;top:6%;bottom:6%;grid-template-columns:42% 58%;border-width:4px}.ip-profile-copy{padding:13% 7% 5%}.ip-profile-copy dl{margin:10px 0}.ip-profile-copy dl div{grid-template-columns:54px 1fr;padding:7px 0}.profile-figure{width:48%}.ip-profile-close{width:34px;height:34px;font-size:21px}}