@font-face{font-family:Apercu Mono;src:url(/fonts/ApercuMono.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--ink:#141414;--paper:#fff;--red:#d33127;--red-d:#b3271e;--tan:#d8a75f;--tan-d:#bd8942;--inside:#efece4;--inside-d:#d8d3c6;--s:1px;--W:196px;--H:322px;--D:74px;--lid:98px;--base:224px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background:var(--paper);color:var(--ink);font-family:Apercu Mono,ApercuMono,Apercu Mono Pro,ui-monospace,Courier New,Menlo,monospace;line-height:1.7;display:flex;align-items:center;justify-content:center;min-height:100%;padding:24px;-webkit-font-smoothing:antialiased}a,body,button,div,input,label,p,span{text-transform:uppercase;letter-spacing:.16em;font-size:12px}a,button,div,input,label,p,span{font-family:inherit;font-weight:400}.wrap{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:340px}.title{text-align:center;line-height:1.9;text-transform:none}.title .rule{border-top:var(--s) solid var(--ink);width:44px;margin:9px auto 0}.stage{position:relative;width:100%;max-width:340px;height:430px}.scene{position:absolute;inset:0;perspective:1500px}.pack{top:55%;width:var(--W);height:var(--H);transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-13deg) rotateY(-21deg)}.pack,.shadow{position:absolute;left:50%}.shadow{top:50%;width:230px;height:70px;background:rgba(0,0,0,.16);filter:blur(16px);border-radius:50%;transform:translate(-52%,150px) rotateX(80deg)}.fc{top:50%;left:50%;-webkit-backface-visibility:visible;backface-visibility:visible;overflow:hidden}.fc,.fc:after{position:absolute}.fc:after{content:"";inset:0;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px;mix-blend-mode:multiply;opacity:.14}.fc:before{z-index:4}.base .front:after,.lid .lfront:after{opacity:.11}.base{position:absolute;left:0;top:var(--lid);transform-style:preserve-3d}.base,.base .front{width:var(--W);height:var(--base)}.base .front{margin-left:calc(var(--W) / -2);margin-top:calc(var(--base) / -2);transform:translateZ(calc(var(--D) / 2));background:var(--paper);border:var(--s) solid var(--ink);-webkit-clip-path:polygon(0 0,39% 0,44% 4%,50% 5.5%,56% 4%,61% 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,39% 0,44% 4%,50% 5.5%,56% 4%,61% 0,100% 0,100% 100%,0 100%)}.base .front .chev{top:0;height:55%;-webkit-clip-path:polygon(0 0,100% 0,100% 82%,50% 60%,0 82%);clip-path:polygon(0 0,100% 0,100% 82%,50% 60%,0 82%)}.base .front .chev,.base .front .foot{position:absolute;left:0;width:100%;background:var(--red)}.base .front .foot{bottom:0;height:7%}.base .front .mark{position:absolute;left:0;right:0;bottom:26%;text-align:center;color:var(--ink);font-size:12px;line-height:1.6}.base .side{width:var(--D);height:var(--base);margin-left:calc(var(--D) / -2);margin-top:calc(var(--base) / -2);transform:rotateY(90deg) translateZ(calc(var(--W) / 2));background:linear-gradient(180deg,#f3f1ec,#e7e4dc);border:var(--s) solid var(--ink)}.base .side:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.16)}.base .side .sred{position:absolute;left:0;top:0;width:100%;height:34%;background:var(--red-d)}.base .side .sred.b{top:auto;bottom:0;height:7%}.base .innerback{width:var(--W);margin-left:calc(var(--W) / -2);transform:translateZ(calc(var(--D) / -2));background:linear-gradient(180deg,var(--inside),var(--inside-d))}.base .innerback,.base .innerleft{height:var(--base);margin-top:calc(var(--base) / -2);border-top:var(--s) solid var(--ink)}.base .innerleft{width:var(--D);margin-left:calc(var(--D) / -2);transform:rotateY(90deg) translateZ(calc(var(--W) / -2));background:var(--inside-d)}.cigs{left:0;width:100%;height:100%}.cigs,.slot{position:absolute;top:0;transform-style:preserve-3d}.slot{left:50%;transform:translate3d(var(--x),0,var(--z))}.lift{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translateY(48px);opacity:0;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .45s ease}.open .lift{transform:translateY(calc(-38px + var(--dy, 0px)));opacity:1}.cig{position:relative;width:22px;height:176px;margin-left:-11px;transform-style:preserve-3d;transform:rotateY(21deg) rotateX(13deg)}.cig .body{position:absolute;inset:0;border-left:var(--s) solid var(--ink);border-right:var(--s) solid var(--ink);background:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 23%,rgba(255,255,255,.6) 45%,rgba(255,255,255,.15) 57%,rgba(0,0,0,0) 66%,rgba(0,0,0,.34) 100%),linear-gradient(180deg,#fff 0 66%,var(--tan) 66% 100%)}.cig .body:after{content:"";position:absolute;left:0;right:0;top:66%;border-top:var(--s) solid var(--tan-d)}.cig .ember{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:24px;height:14px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#ffe3ad 0,#ffa746 38%,#f0611b 68%,#c0330c 100%);border:var(--s) solid var(--ink);box-shadow:0 0 8px 2px rgba(235,95,25,.35);opacity:0;z-index:2;transition:opacity .45s ease}.open .ember{opacity:1;animation:ember 2.8s ease-in-out infinite}@keyframes ember{0%,to{filter:brightness(.9)}50%{filter:brightness(1.15)}}.smoke{position:absolute;top:-12px;left:50%;width:0;height:0;pointer-events:none;z-index:1}.smoke span{position:absolute;left:0;bottom:0;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:rgba(95,95,95,.42);filter:blur(3px);opacity:0}.open .smoke span{animation:smoke var(--dur,4.4s) ease-in infinite}@keyframes smoke{0%{transform:translate(0) scale(.5);opacity:0}14%{opacity:.6}55%{opacity:.34}to{transform:translate(var(--dx,10px),-108px) scale(2.4);opacity:0}}.lid{position:absolute;left:0;top:0;width:var(--W);height:var(--lid);transform-style:preserve-3d;transform-origin:50% 100% calc(var(--D) / -2);transform:rotateX(0deg);transition:transform 1.05s cubic-bezier(.68,0,.24,1)}.open .lid{transform:rotateX(116deg)}.lid .lfront{width:var(--W);height:var(--lid);margin-left:calc(var(--W) / -2);margin-top:calc(var(--lid) / -2);transform:translateZ(calc(var(--D) / 2));background:var(--red);border:var(--s) solid var(--ink)}.lid .lfront .lip{position:absolute;left:0;bottom:0;width:100%;height:16%;background:var(--paper);border-top:var(--s) solid var(--ink)}.lid .lside{width:var(--D);height:var(--lid);margin-left:calc(var(--D) / -2);margin-top:calc(var(--lid) / -2);transform:rotateY(90deg) translateZ(calc(var(--W) / 2));background:var(--red-d);border:var(--s) solid var(--ink)}.lid .ltop{transform:rotateX(90deg) translateZ(calc(var(--lid) / 2));background:var(--red)}.lid .linner,.lid .ltop{width:var(--W);height:var(--D);margin-left:calc(var(--W) / -2);margin-top:calc(var(--D) / -2);border:var(--s) solid var(--ink)}.lid .linner{transform:rotateX(90deg) translateZ(calc(var(--lid) / -2 + 1px));background:linear-gradient(180deg,var(--inside),var(--inside-d))}.panel{width:100%;max-width:300px;min-height:290px;position:relative}form{gap:16px;width:100%;position:absolute;top:0;left:0;transition:opacity .4s ease}.field,form{display:flex;flex-direction:column}.field{gap:8px}.combo{position:relative}input{background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:11px 12px;outline:none;width:100%}input::placeholder{color:#b3b3b3}input:focus{background:var(--paper)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dropdown{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:30;background:var(--paper);border:1px solid var(--ink);max-height:198px;overflow-y:auto}.dropdown.hidden{display:none}.dropdown .opt{padding:9px 12px;cursor:pointer;border-bottom:1px solid #e5e5e5;font-size:12px;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown .opt:last-child{border-bottom:none}.dropdown .opt.active,.dropdown .opt:hover{background:#ececec}button.go{background:var(--ink);color:var(--paper);border:var(--s) solid var(--ink);padding:12px;cursor:pointer;width:100%;transition:background .15s,color .15s}button.go:hover{background:var(--paper);color:var(--ink)}button.go:disabled{opacity:.5;cursor:progress}.geo{background:none;border:none;border-bottom:1px solid var(--ink);color:var(--ink);cursor:pointer;align-self:center;padding:2px 1px 4px}.geo:hover{opacity:.55}.result{width:100%;display:flex;flex-direction:column;align-items:center;gap:9px;position:absolute;top:0;left:0;transition:opacity .4s ease}.result.hidden,form.hidden{opacity:0;pointer-events:none}.result .line{font-size:12px;letter-spacing:.16em;line-height:1.5;text-align:center}.result .line b{font-weight:700}.reset{background:var(--paper);border:1px solid var(--ink);color:var(--ink);cursor:pointer;margin-top:18px;padding:11px 22px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;transition:background .15s,color .15s}.reset:hover{background:var(--ink);color:var(--paper)}.support{margin-top:20px;margin-bottom:48px;text-align:center;line-height:2}.support,.support a{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.support a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}.support a:hover{opacity:.55}.msg{text-align:center;min-height:16px;margin-top:2px}.hidden{display:none!important}@media (max-width:420px){body{padding:16px}}