.mk{gap:18px;display:grid}.mk-pick{justify-content:flex-start}.mk-pick .chip b{font-weight:800}.mk-stage{aspect-ratio:16/6.2;border-radius:var(--r);background:radial-gradient(40% 60% at 20% 0,#ffbe6e47,#0000 70%),radial-gradient(40% 60% at 50% 0,#ffbe6e3d,#0000 70%),radial-gradient(40% 60% at 80% 0,#ffbe6e47,#0000 70%),repeating-linear-gradient(90deg,#262d33 0 2px,#22292f 2px 64px);place-items:end center;min-height:260px;padding-bottom:17%;display:grid;position:relative;overflow:hidden}.mk-lamp{background:#59646c;width:2px;height:9%;position:absolute;top:0}.mk-lamp:after{content:"";background:#ffb547;border-radius:12px 12px 3px 3px;width:24px;height:12px;position:absolute;top:100%;left:-11px;box-shadow:0 6px 30px 10px #ffb54759}.mk-lamp.l1{left:20%}.mk-lamp.l2{left:50%}.mk-lamp.l3{left:80%}.mk-counter{background:linear-gradient(#a8744a,#7a4f30 30%,#5d3b23);height:13%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #0006}.mk-counter:before{content:"";background:#c38c5c;height:5px;position:absolute;top:0;left:0;right:0}.mk-row{width:var(--w);gap:.6%;margin-top:2%;display:flex;position:relative}.mk-row.portrait{gap:2%}.mk-scr{aspect-ratio:var(--ar);background:#0b0f12;border-radius:3px;flex:1;padding:.55%;box-shadow:0 16px 30px -12px #000c,0 0 40px -10px #00bbe140;container-type:inline-size}.mk-scr>div{border-radius:2px;height:100%;overflow:hidden}.mk-menu{color:#e9eef1;background:linear-gradient(160deg,#1d2a33,#111a20);flex-direction:column;padding:5cqw 6cqw;display:flex}.t-warm .mk-menu{background:linear-gradient(160deg,#3a2618,#1c130d)}.t-green .mk-menu{background:linear-gradient(160deg,#123a33,#0b1f1b)}.mk-h{font:800 8.4cqw/1 var(--display);letter-spacing:-.02em;color:#fff;border-bottom:.8cqw solid var(--orange);justify-content:space-between;align-items:baseline;gap:3cqw;margin:0 0 3cqw;padding-bottom:2.4cqw;display:flex}.t-cool .mk-h{border-color:var(--cyan)}.t-green .mk-h{border-color:#5fe0c4}.mk-h small{font:700 3.2cqw var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#ffcf8a;white-space:nowrap}.t-cool .mk-h small{color:#7fdff2}.mk-menu ul{flex:1;align-content:start;gap:1.6cqw;margin:0;padding:0;list-style:none;display:grid}.mk-menu li{font:600 4.5cqw/1.2 var(--sans);align-items:center;gap:3cqw;margin:0;display:flex}.mk-menu li:before{content:"";background:var(--orange);border-radius:50%;flex:none;width:2.6cqw;height:2.6cqw}.t-cool .mk-menu li:before{background:var(--cyan)}.t-green .mk-menu li:before{background:#5fe0c4}.mk-menu li:after{content:"";border-bottom:.5cqw dotted #ffffff40;flex:1}.portrait .mk-menu li{font-size:7cqw}.portrait .mk-menu ul{gap:4cqw}.portrait .mk-h{font-size:13cqw}.mk-promo{height:100%;color:var(--ink);background:radial-gradient(80% 90% at 80% 20%,#ffd08a 0%,#ff9f2e 45%,#d45d12 100%);flex-direction:column;justify-content:flex-end;padding:6cqw;display:flex;position:relative}.mk-promo small{font:700 4.4cqw var(--mono);letter-spacing:.16em;text-transform:uppercase}.mk-promo b{font:800 9cqw/1 var(--display);letter-spacing:-.03em;max-width:70%;margin:2cqw 0}.mk-promo span{font:600 4cqw/1.3 var(--sans);max-width:62%}.mk-cup{background:linear-gradient(#ffffffd9 0 18%,#6fbf73 18% 100%);border-radius:3cqw 3cqw 8cqw 8cqw;width:18cqw;height:25cqw;position:absolute;top:14cqw;right:8cqw;box-shadow:inset -3cqw 0 #00000014}.mk-cup:before{content:"";background:#fff;border-radius:2cqw;width:2cqw;height:16cqw;position:absolute;top:-12cqw;left:50%;transform:rotate(14deg)}.portrait .mk-promo b{font-size:14cqw}.portrait .mk-promo span{font-size:6cqw}.mk-dim{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#ffcf8a;white-space:nowrap;z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0}.mk-dim i{background:#ffcf8a99;flex:1;height:1px;position:relative}.mk-dim i:first-child:before,.mk-dim i:last-child:after{content:"";background:#ffcf8acc;width:1px;height:9px;position:absolute;top:-4px}.mk-dim i:first-child:before{left:0}.mk-dim i:last-child:after{right:0}html.js .mk-row.enter .mk-scr{animation:mkIn .6s var(--ease) both;animation-delay:calc(var(--i) * 90ms)}@keyframes mkIn{0%{opacity:0;filter:brightness(.2);transform:translateY(16px)scale(.96)}60%{filter:brightness(1.3)}to{opacity:1;filter:none;transform:none}}.mk-sum{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-1);background:#fff;padding:18px 20px}.mk-line{grid-template-columns:1fr auto auto;align-items:center;gap:16px 30px;display:grid}.mk-line p{margin:0}.mk-over{font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-7)}.mk-name{font:800 20px/1.25 var(--display);color:var(--ink);letter-spacing:-.02em}.mk-math{color:var(--muted);font-size:14px}.mk-note2{color:var(--ink-2);font-size:14.5px;margin-top:4px!important}.mk-total small{font:700 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block}.mk-total b{font:800 36px/1.1 var(--display);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.mk-cta{flex-wrap:wrap;gap:10px;display:flex}.mk-note{margin:0}.block.ink .mk-sum b,.block.ink .mk-sum p.mk-name{color:var(--ink)}.block.ink .mk-note{color:#9fb0ba}@media (width<=900px){.mk-line{grid-template-columns:1fr auto}.mk-cta{grid-column:1/-1}}@media (width<=600px){.mk-stage{aspect-ratio:auto;height:300px;min-height:0;padding-bottom:60px}.mk-row{width:min(96%, calc(var(--w) * 2))}.mk-row.portrait{width:62%}.mk-row.n4{flex-wrap:wrap;row-gap:6px;width:92%}.mk-row.n4 .mk-scr{flex:0 0 49.7%}.mk-stage:has(.n4:not([hidden])){height:350px;padding-bottom:76px}.mk-line{grid-template-columns:1fr}.mk-total b{font-size:30px}.mk-cta .btn{flex:100%}}
