.city-stage{position:absolute;inset:0;z-index:0;overflow:hidden;perspective:1500px;perspective-origin:50% 35%;pointer-events:none;--s: 1;--tilt: 58deg;--turn: -38deg}.city-iso{position:absolute;left:50%;top:92%;width:0;height:0;transform-style:preserve-3d;transform:scale(var(--s)) rotateX(var(--tilt)) rotate(var(--turn));will-change:transform}.city-sway{transform-style:preserve-3d;animation:city-sway 14s ease-in-out infinite alternate}.city-js .city-sway{animation:none}@keyframes city-sway{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}.city-ground{position:absolute;left:-1100px;top:-1100px;width:2200px;height:2200px;transform:translateZ(-.5px);background-image:repeating-linear-gradient(0deg,rgb(255 255 255 / .1) 0 1px,transparent 1px 60px),repeating-linear-gradient(90deg,rgb(255 255 255 / .1) 0 1px,transparent 1px 60px);-webkit-mask-image:radial-gradient(closest-side,#000 45%,transparent 80%);mask-image:radial-gradient(closest-side,#000 45%,transparent 80%)}.city-b{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translate3d(var(--x),var(--y),0);animation:city-rise .9s cubic-bezier(.2,.9,.25,1) both;animation-delay:var(--delay)}@keyframes city-rise{0%{transform:translate3d(var(--x),var(--y),0) scaleZ(.001)}}.city-b>i{position:absolute;left:0;top:0;display:block;transform-origin:0 0}.city-top{width:var(--w);height:var(--d);background:var(--color-sheet);transform:translateZ(var(--h));border-radius:1px}.city-front{width:var(--w);height:var(--h);transform:translate3d(0,var(--d),0) rotateX(90deg)}.city-back{width:var(--w);height:var(--h);transform:rotateX(90deg)}.city-east{width:var(--h);height:var(--d);transform:translate3d(var(--w),0,0) rotateY(-90deg)}.city-west{width:var(--h);height:var(--d);transform:rotateY(-90deg)}.city-front,.city-back{background:#e9e9e4}.city-east,.city-west{background:#cfd1cb}.city-win .city-front{background:#e9e9e4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Crect x='3' y='4' width='6' height='7' fill='%23f4d35e'/%3E%3C/svg%3E")}.city-win .city-east{background:#cfd1cb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14'%3E%3Crect x='4' y='3' width='7' height='6' fill='%23e8c74f'/%3E%3C/svg%3E")}.city-led .city-front{background:#eeeee9 repeating-linear-gradient(0deg,transparent 0 9px,rgb(15 81 95 / .28) 9px 10px)}.city-led .city-east{background:#d5d7d1 repeating-linear-gradient(90deg,transparent 0 9px,rgb(15 81 95 / .28) 9px 10px)}.city-red .city-top{background:var(--color-stamp)}.city-red .city-front,.city-red .city-back{background:#9c3117}.city-red .city-east,.city-red .city-west{background:#7f2712}.city-yel .city-top{background:var(--color-yellow)}.city-yel .city-front,.city-yel .city-back{background:#e0c052}.city-yel .city-east,.city-yel .city-west{background:#c4a740}.city-shadow{position:absolute;left:0;top:0;background:linear-gradient(90deg,#0000004d,#0000001a);transform:translate3d(var(--x),var(--y),.5px) skewY(-14deg);transform-origin:0 0}.city-seal{position:absolute;transform-style:preserve-3d}.city-seal>i{position:absolute;left:0;top:0;width:84px;height:84px;border:3px solid var(--color-stamp);border-radius:50%;color:var(--color-stamp);font-family:var(--font-mono);font-style:normal;font-size:9px;letter-spacing:.12em;text-transform:uppercase;display:grid;place-items:center;text-align:center;line-height:1.2;background:#ffffffe6;transform:translate3d(var(--x),var(--y),var(--h)) rotate(-12deg)}@media(max-width:640px){.city-stage{--s: .55}.city-iso{top:97%}.city-lite{display:none}.city-sway{animation:none}}@media(min-width:641px)and (max-width:1024px){.city-stage{--s: .8}}@media(prefers-reduced-motion:reduce){.city-sway,.city-b{animation:none!important}}.ys{--name: 12.5rem;padding:1.5rem 1.75rem 1.6rem}.ys-head,.ys-lane,.ys-end{display:grid;grid-template-columns:var(--name) repeat(12,minmax(0,1fr));align-items:center}.ys-head{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);border-bottom:1.5px solid var(--color-ink);padding-bottom:.5rem}.ys-head .ys-title{color:var(--color-ink);white-space:nowrap}.ys-head .ys-m{text-align:center}.ys-head .ys-m.ys-dec{color:var(--color-stamp);font-weight:500}.ys-lane{border-bottom:1px solid var(--color-rule)}.ys-name{padding:.9rem .9rem .9rem 0}.ys-name b{display:block;font-size:1rem;line-height:1.2;letter-spacing:-.01em}.ys-name p{margin:.2rem 0 0;font-size:.8rem;line-height:1.35;color:var(--color-muted)}.ys-rhythm{display:inline-block;margin-top:.4rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-petrol)}.ys-cell{position:relative;height:4.6rem;border-left:1px dashed rgb(0 0 0 / .09)}.ys-cell.ys-dec{background:#0f515f12}.ys-lane-bar .ys-cell:after{content:"";position:absolute;left:0;right:0;top:50%;height:8px;transform:translateY(-50%);background:var(--color-petrol) repeating-linear-gradient(90deg,transparent 0 3px,rgb(255 255 255 / .35) 3px 4px)}.ys-lane-bar .ys-cell:nth-child(2):after{border-radius:4px 0 0 4px}.ys-lane-bar .ys-cell:last-child:after{border-radius:0 4px 4px 0}.ys-doc{position:absolute;left:50%;top:50%;width:11px;height:14px;background:#fff;border:1.5px solid var(--color-petrol);border-radius:1px;transform:translate(calc(-50% + var(--k) * 6px),calc(-50% - var(--k) * 5px)) rotate(calc(-4deg + var(--k) * 9deg));box-shadow:0 2px 4px -1px #00000059}.ys-doc:after{content:"";position:absolute;left:2px;right:2px;top:3px;height:1.5px;background:var(--color-petrol);box-shadow:0 3px 0 var(--color-petrol)}.ys-dot{position:absolute;left:40%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--color-petrol);transform:translate(-50%,-50%)}.ys-q{position:absolute;left:50%;top:50%;width:1.6rem;height:1.6rem;background:var(--color-yellow);color:var(--color-ink);font-size:.6rem;font-style:normal;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(8deg);box-shadow:0 3px 5px -2px #00000080}.ys-end{padding:.5rem 0 .2rem}.ys-flow{grid-column:2 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem;padding:.9rem 0 .9rem .4rem}.ys-step{display:flex;align-items:center;gap:.6rem;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:2px;padding:.45rem .8rem .45rem .55rem;font-size:.9rem;line-height:1.15}.ys-step b{display:block;font-weight:600}.ys-step small{display:block;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin-top:.15rem}.ys-arrow{color:var(--color-muted)}.ys-stamp{margin-left:.4rem}.ys-obj{position:relative;display:block;flex:none}.ys-binder{width:22px;height:28px;background:var(--color-petrol-deep);border-radius:1px 3px 3px 1px;box-shadow:inset 3px 0 #0000004d}.ys-binder:after{content:"";position:absolute;left:7px;right:4px;top:7px;height:8px;background:#fff}.ys-envelope{width:30px;height:20px;background:#f7f4ea;border:1px solid var(--color-rule);border-radius:1px}.ys-envelope:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,transparent 49%,rgb(0 0 0 / .14) 50%) 0 0 / 50% 55% no-repeat,linear-gradient(to bottom left,transparent 49%,rgb(0 0 0 / .14) 50%) 100% 0 / 50% 55% no-repeat}.ys-envelope:after{content:"";position:absolute;right:3px;top:3px;width:5px;height:6px;background:var(--color-yellow)}.ys-form{width:22px;height:28px;background:#fff;border:1px solid var(--color-rule);border-radius:1px}.ys-form:after{content:"";position:absolute;left:4px;right:4px;top:6px;height:1.5px;background:var(--color-ink);box-shadow:0 5px 0 var(--color-rule),0 10px 0 var(--color-rule),0 15px 0 var(--color-rule)}.ys-always{list-style:none;margin:.4rem 0 0;padding:1.1rem 0 0;border-top:1.5px solid var(--color-ink);display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.ys-always li{display:flex;gap:.75rem;align-items:flex-start}.ys-always b{display:block;font-size:.98rem;line-height:1.2}.ys-always p{margin:.2rem 0 0;font-size:.82rem;line-height:1.4;color:var(--color-muted)}.ys-ico{width:26px;height:26px;flex:none;color:var(--color-petrol)}@media(max-width:1023px){.ys{--name: 9.5rem}.ys-head{font-size:.62rem}}@media(max-width:767px){.ys{padding:1.1rem 1.1rem 1.2rem}.ys-head,.ys-lane,.ys-end{grid-template-columns:1fr}.ys-head .ys-m,.ys-cell{display:none}.ys-name{padding:.8rem 0}.ys-flow{grid-column:1;padding-left:0}.ys-always{grid-template-columns:1fr;gap:1rem}.ys-arrow{display:none}}.receipt{width:18.5rem;max-width:100%;margin:0;background:#fff;color:var(--color-ink);font-size:.8rem;line-height:1.7;padding:1.3rem 1.2rem 1.9rem;transform:rotate(.8deg);box-shadow:0 2px #0000001f,0 30px 60px -24px #0000008c;-webkit-mask-image:linear-gradient(#000 0 calc(100% - 10px),transparent);mask-image:linear-gradient(#000 0 calc(100% - 10px),transparent)}.receipt-c{text-align:center;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;color:var(--color-muted)}.receipt-l{display:flex;justify-content:space-between;gap:.8rem}.receipt-l span:first-child{min-width:0}.receipt-zero span:last-child{color:var(--color-stamp);font-weight:500}.receipt-dash{border-top:1px dashed var(--color-rule);margin:.5rem 0}.receipt-tot{font-weight:500;font-size:.95rem;align-items:baseline}.receipt-tot .hl{transform:none}.receipt-sub{color:var(--color-muted);font-size:.72rem}