.mh{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;width:100%;max-width:980px;margin-inline:auto;-webkit-tap-highlight-color:transparent}.mh button{font:inherit;color:inherit;cursor:pointer}.mh__stage{position:relative;width:100%;max-width:440px;margin-inline:auto;aspect-ratio:4 / 5;border-radius:24px;overflow:hidden;background:#120d09;box-shadow:0 26px 60px #00000073,0 0 0 1px #ffffff1a}.mh__stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.mh__ghost{filter:grayscale(1) brightness(.5) contrast(1.05);opacity:.55}.mh__built{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(calc((1 - var(--mh-p)) * 100%) 0 0 0)}.mh__img{filter:brightness(calc(.3 + .7 * var(--mh-l, 1))) saturate(calc(.65 + .35 * var(--mh-l, 1))) contrast(1.05)}.mh__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--mh-l, 1);mix-blend-mode:screen;background:radial-gradient(circle at var(--mh-lx) var(--mh-ly),rgba(255,200,120,.7),transparent 52%),radial-gradient(circle at var(--mh-lx) var(--mh-ly),rgba(255,255,255,.28),transparent 22%);background:radial-gradient(circle at var(--mh-lx) var(--mh-ly),color-mix(in srgb,var(--mh-accent) 70%,transparent),transparent 52%),radial-gradient(circle at var(--mh-lx) var(--mh-ly),rgba(255,255,255,.28),transparent 22%)}.mh__stage{touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}.mh__stage img{-webkit-user-drag:none;pointer-events:none}.mh__hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:#0a08069e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:14px;font-weight:700;white-space:nowrap;pointer-events:none;transition:opacity .35s ease}.mh__hint i{display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--mh-accent);animation:mh-swipe 1.8s ease-in-out infinite}@keyframes mh-swipe{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}.mh.is-touched .mh__hint{opacity:0}.mh__level{position:absolute;left:0;right:0;bottom:calc(var(--mh-p) * 100%);height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:calc(1 - var(--mh-p));pointer-events:none;transform:translateY(1px);box-shadow:0 0 10px 2px #fff9}.mh__panel{display:grid;gap:22px}.mh__group{display:grid;gap:10px}.mh__label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.mh__lamp{display:inline-flex;align-items:center;gap:12px;width:max-content;padding:8px 18px 8px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#ffffff14;font-weight:700;transition:background .2s ease,border-color .2s ease}.mh__knob{position:relative;width:46px;height:26px;border-radius:999px;background:#ffffff38;transition:background .2s ease;flex:none}.mh__knob:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 4px #00000059}.mh__lamp[aria-checked=true]{border-color:var(--mh-accent);background:#ffc8782e;background:color-mix(in srgb,var(--mh-accent) 18%,transparent)}.mh__lamp[aria-checked=true] .mh__knob{background:var(--mh-accent)}.mh__lamp[aria-checked=true] .mh__knob:after{transform:translate(20px)}.mh__count{font-size:15px;font-weight:600;opacity:.9;font-variant-numeric:tabular-nums}.mh__count b{font-size:28px;font-weight:800;color:var(--mh-accent)}.mh__range{width:100%;accent-color:var(--mh-accent);height:28px;cursor:pointer}.mh__btn{width:max-content;padding:10px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;font-weight:700;transition:background .15s ease,transform .12s ease}.mh__btn:hover{background:#ffffff2e}.mh__btn:active{transform:translateY(1px)}.mh__lamp:focus-visible,.mh__btn:focus-visible,.mh__range:focus-visible{outline:3px solid var(--mh-accent);outline-offset:3px}.mh__facts{margin:0;display:grid;gap:6px;font-size:15px;line-height:1.4}.mh__facts em{opacity:.85}.mh__items{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.mh__items li{padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff0f;font-size:14px;font-weight:600}.mh__note{margin:0;font-size:13px;opacity:.65}.mh-others{margin-top:clamp(28px,5vw,56px);width:100%;max-width:980px;margin-inline:auto}.mh-others__h{margin:0 0 14px;font-size:20px}.mh-others__wrap{position:relative}.mh-others__row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.mh-others__row::-webkit-scrollbar{display:none}.mh-others__row.is-drag{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.mh-others__nav{position:absolute;top:calc(50% - 40px);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#0e0c09b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;transition:opacity .2s ease,background .2s ease,transform .15s ease}.mh-others__nav svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.mh-others__nav:hover{background:var(--mh-accent, #ffb454)}.mh-others__nav:hover svg{stroke:#1a1209}.mh-others__nav:active{transform:scale(.94)}.mh-others__nav[disabled]{opacity:0;pointer-events:none}.mh-others__nav--prev{left:0}.mh-others__nav--next{right:0}.mh-others__nav{top:76px}@media(hover:hover){.mh-others__wrap{padding-inline:58px}}.mh-others__bar i:active{cursor:grabbing}.mh-others__bar{position:relative;height:8px;margin:10px 2px 0;border-radius:8px;background:#ffffff29;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.mh-others__bar:before{content:"";position:absolute;top:-12px;right:0;bottom:-12px;left:0}.mh-others__bar i{display:block;height:100%;width:30%;border-radius:8px;cursor:grab;background:var(--mh-accent, #ffb454);transform:translate(0);will-change:transform,width}@media(hover:none){.mh-others__nav{display:none}}.mh-others__card{flex:none;width:150px;scroll-snap-align:start;display:grid;gap:4px;text-decoration:none;color:inherit}.mh-others__img{display:block;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;background:#120d09;box-shadow:0 0 0 1px #ffffff1f}.mh-others__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.mh-others__card:hover .mh-others__img img{transform:scale(1.04)}.mh-others__card b{font-size:14px;line-height:1.2}.mh-others__card small{opacity:.7;font-size:12.5px;font-weight:700}@media(max-width:760px){.mh{grid-template-columns:minmax(0,1fr);gap:22px}.mh__stage{max-width:420px}}@media(prefers-reduced-motion:reduce){.mh__hint i{animation:none}}.mh--asm .mh__stage{aspect-ratio:auto;background:radial-gradient(70% 55% at 50% 72%,rgba(255,190,110,.16),transparent 70%);box-shadow:none;border-radius:0;overflow:visible;cursor:ew-resize}.mh__asm{display:block;width:100%;height:auto;touch-action:pan-y}.mh--asm .mh__hint{bottom:4px}.mh--asm{grid-template-columns:minmax(0,540px) minmax(0,1fr)}.mh--asm .mh__stage{max-width:540px}@media(max-width:760px){.mh--asm{grid-template-columns:minmax(0,1fr)}.mh--asm .mh__stage{max-width:440px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/play-minihouse.css.map */
