.pz-tb{--tb-line: rgba(239, 236, 230, .07);background:var(--ink);color:var(--bone);padding:clamp(40px,5vw,80px) 0 clamp(48px,6vw,96px);overflow:clip}.pz-tb__defs{position:absolute;width:0;height:0;overflow:hidden}.pz-tb__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap;margin-bottom:14px}.pz-tb__hint{opacity:.5}.pz-tb .pz-tb__win{border-color:var(--bone);box-shadow:2px 2px 0 var(--bone)}.pz-tb .pz-tb__win .pz-win__bar{border-bottom:1px solid var(--bone)}.pz-tb__body{padding:0;position:relative}.pz-tb .pz-win__status{gap:8px 16px;flex-wrap:wrap}.pz-tb__counts{display:inline}.pz-tb__counts b{font-weight:400;display:inline-block;min-width:2ch}.pz-tb__counts i{font-style:normal;opacity:.5;white-space:pre}.pz-tb__counts b.is-hit{color:var(--red);animation:pz-tb-hit .9s steps(1,end) forwards}@keyframes pz-tb-hit{0%,60%{color:var(--red)}to{color:inherit}}.pz-tb__nowrap{white-space:nowrap}.pz-tb__refill{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--bone);padding:2px 4px;margin:-2px -4px}.pz-tb__refill:hover{background:var(--bone);color:var(--ink)}.pz-tb__refill:disabled{opacity:.35;cursor:not-allowed;background:none;color:var(--bone)}.pz-tb__stage{position:relative;overflow:hidden;height:70svh;min-height:440px;max-height:860px;background-color:var(--ink);background-image:linear-gradient(var(--tb-line) 1px,transparent 1px),linear-gradient(90deg,var(--tb-line) 1px,transparent 1px);background-size:64px 64px;background-position:-1px -1px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;container-type:size;--s: min(100cqh, 110cqw)}.pz-tb__stage.is-hot{cursor:grab}.pz-tb__stage.is-grabbing,.pz-tb__stage.is-grabbing *{cursor:grabbing}.pz-tb__toy{position:absolute;left:0;top:0;pointer-events:none;backface-visibility:hidden}.pz-tb__toy>img,.pz-tb__toy>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.pz-tb__toy>img{object-fit:contain}.pz-tb__toy--stars{color:var(--bone)}.pz-tb__toy [data-tb-still]{top:18%;right:4%;bottom:18%;left:4%;width:92%;height:64%;image-rendering:auto}.pz-tb__toy.is-anim [data-tb-still]{display:none}.pz-tb__shard{pointer-events:none}.pz-tb__liquid{overflow:visible}.pz-tb.is-live .pz-tb__toy--glass:not(.is-in){display:none}.pz-tb__fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100000}.pz-tb__tip{position:absolute;left:14px;top:12px;z-index:100001;margin:0;color:var(--bone);opacity:.55;pointer-events:none;text-transform:lowercase;transition:opacity var(--t) linear}.pz-tb.is-played .pz-tb__tip{opacity:0}.pz-tb:not(.is-live) .pz-tb__tip{display:none}.pz-tb.is-live .pz-tb__toy{visibility:hidden;will-change:transform}.pz-tb.is-live .pz-tb__toy.is-in{visibility:visible}.pz-tb.is-live .pz-tb__toy.is-poof{animation:pz-tb-poof .4s steps(4,end) forwards}@keyframes pz-tb-poof{to{opacity:0}}.pz-tb:not(.is-live) .pz-tb__toy{top:auto;bottom:var(--b, 0);left:var(--x);width:calc(var(--s) * var(--w));aspect-ratio:var(--ar);transform:translate(-50%) rotate(var(--r, 0deg));transform-origin:50% 100%}.pz-tb:not(.is-live) .pz-tb__toy--glass{--x: 58%}.pz-tb:not(.is-live) .pz-tb__toy--skull{--w: .2093;--ar: 620 / 800;--x: 22%;--r: -6deg}.pz-tb:not(.is-live) .pz-tb__toy--faucet{--w: .2572;--ar: 745 / 927;--x: 78%;--r: 4deg}.pz-tb:not(.is-live) .pz-tb__toy--stars{--w: .4;--ar: 825 / 136;--x: 40%}.pz-tb:not(.is-live) .pz-tb__toy--pin{--w: .26;--ar: 1;--x: 9%;--b: -3%;--r: -8deg}.pz-tb:not(.is-live) .pz-tb__toy--pin2{--w: .26;--ar: 1;--x: 91%;--b: -3%;--r: 10deg}.pz-tb:not(.is-live) .pz-tb__toy--cap{--w: .14;--ar: 800 / 720;--x: 67.5%;--r: 16deg}.pz-tb:not(.is-live) [data-tb-anim]{display:none}@media(max-width:749px){.pz-tb__stage{height:60svh;min-height:360px;background-size:48px 48px}.pz-tb__toy--desk{display:none}.pz-tb:not(.is-live) .pz-tb__toy--glass{--x: 70%}.pz-tb:not(.is-live) .pz-tb__toy--faucet{--x: 70%;--b: calc(var(--s) * .45);--r: 0deg}.pz-tb:not(.is-live) .pz-tb__toy--skull{--x: 19%;--r: -4deg}.pz-tb:not(.is-live) .pz-tb__toy--stars{--x: 29%;--b: calc(var(--s) * .262);--r: -3deg}.pz-tb:not(.is-live) .pz-tb__toy--pin{--x: 45%;--b: -4%;--r: -6deg}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pz-toybox.css.map */