.mbtile{position:relative;display:block;width:100%;aspect-ratio:1/1;padding:0;border:0;background:none;cursor:pointer;font:inherit;color:#2a1a12;text-align:center;-webkit-tap-highlight-color:transparent;border-radius:1rem;container-type:inline-size}.mbtile:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.mbtile:disabled{cursor:progress}.mbtile__low,.mbtile__outline,.mbtile__plate,.mbtile__render{transition:transform .22s cubic-bezier(.3,.7,.2,1)}.mbtile:hover :is(.mbtile__render,.mbtile__outline,.mbtile__plate,.mbtile__low){transform:translateY(-3px)}.mbtile:active :is(.mbtile__render,.mbtile__outline,.mbtile__plate,.mbtile__low){transform:translateY(1px) scale(.985)}@media (prefers-reduced-motion:reduce){.mbtile__low,.mbtile__outline,.mbtile__plate,.mbtile__render{transition:none}}.mbtile__render{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mbtile--slim{width:auto;height:var(--slim-h,10rem);aspect-ratio:.342/.82;overflow:hidden;border-radius:.5rem;container-type:normal}.mbtile--slim .mbtile__render{inset:auto;left:-95.6%;top:-13.46%;width:292.4%;height:121.95%;object-fit:fill;max-width:none}.mbtile--short{--compact:.582}.mbtile--short:not(.mbtile--slim) .mbtile__render{scale:var(--compact);transform-origin:50% 87.9%}.mbtile--short.mbtile--slim{height:calc(var(--slim-h,10rem) * var(--compact));aspect-ratio:.6523/.8144}.mbtile--short.mbtile--slim .mbtile__render{left:-27.69%;top:-12.95%;width:153.29%;height:122.78%}.mbtile__plate{position:absolute;left:29%;right:31%;top:47%;z-index:2;display:block;padding:.25em .35em .3em;border-radius:5px;background:linear-gradient(180deg,#fffaf2,#efe6d6);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 4px rgba(40,0,8,.45),0 0 0 1px rgba(120,90,60,.35)}.mbtile--short .mbtile__plate{left:34%;right:35%;top:66%;padding:.2em .25em .25em}.mbtile__plate b{font-size:clamp(.6875rem,6.6cqi,.9375rem);font-weight:800;line-height:1.2}.mbtile__plate b,.mbtile__plate small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbtile__plate small{font-size:clamp(.5625rem,5cqi,.75rem);font-weight:600;color:#6b5646}.mbtile__low{position:absolute;right:30%;top:16%;z-index:3;padding:.1em .5em;border-radius:9999px;background:var(--sun);color:#222;font-size:.75rem;font-weight:800;box-shadow:0 1px 3px rgba(0,0,0,.3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mbtile--short .mbtile__low{right:34%;top:46%}.mbtile__outline{position:absolute;left:33%;right:33%;top:6%;bottom:8%;display:grid;place-items:center;border:2px dashed #aab2bb;border-radius:22% 22% 6% 6%/12% 12% 3% 3%;background:rgba(255,255,255,.6)}.mbtile__plus{color:#6b7280;font-size:clamp(1.5rem,18cqi,2.5rem);font-weight:300;line-height:1}.mbtile--ghost .mbtile__plate{left:20%;right:20%;top:auto;bottom:-2%;background:none;box-shadow:none;color:var(--ink)}.mbbtn{--u:calc(100cqi / 280);aspect-ratio:280/300;color:#fff;overflow:visible}.mbbtn--tall{aspect-ratio:280/360}.mbbtn__shadow{position:absolute;left:calc(var(--u) * 4);right:calc(var(--u) * 4);bottom:0;height:calc(var(--u) * 20);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.32),rgba(0,0,0,0))}.mbbtn__feet{position:absolute;left:calc(var(--u) * 44);right:calc(var(--u) * 44);bottom:calc(var(--u) * 12);height:calc(var(--u) * 12);display:flex;justify-content:space-between}.mbbtn__feet i{width:calc(var(--u) * 26);height:100%;border-radius:0 0 calc(var(--u) * 5) calc(var(--u) * 5);background:linear-gradient(180deg,#3a3a3a,#111)}.mbbtn__body{position:absolute;left:calc(var(--u) * 14);right:calc(var(--u) * 14);top:0;bottom:calc(var(--u) * 22);border-radius:calc(var(--u) * 34) calc(var(--u) * 34) calc(var(--u) * 16) calc(var(--u) * 16);background:linear-gradient(90deg,rgba(255,255,255,0) 8%,rgba(255,255,255,.34) 16%,rgba(255,255,255,0) 27%),radial-gradient(120% 70% at 30% 0,rgba(255,255,255,.28),rgba(255,255,255,0) 55%),linear-gradient(90deg,#9C0C24,#D81B3A 10%,#E22744 45%,#C8122F 85%,#8E0A20);box-shadow:inset 0 2px 1px rgba(255,255,255,.45),inset 0 -3px 6px rgba(60,0,10,.45),inset -6px 0 10px rgba(60,0,10,.25),0 1px 0 #7A0A1E,0 6px 0 #6A0820,0 8px 2px rgba(60,0,12,.35),0 18px 30px rgba(60,0,12,.28),0 30px 46px rgba(60,0,12,.16);transition:transform .16s cubic-bezier(.3,.7,.2,1)}.mbbtn__door{position:absolute;left:calc(var(--u) * 12);right:calc(var(--u) * 12);top:calc(var(--u) * 12);bottom:calc(var(--u) * 46);border-radius:calc(var(--u) * 26) calc(var(--u) * 26) calc(var(--u) * 8) calc(var(--u) * 8);background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,0) 12%);box-shadow:0 0 0 1.5px rgba(70,0,12,.45),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.25)}.mbbtn__handle{position:absolute;top:calc(var(--u) * 38);left:50%;width:calc(var(--u) * 150);height:calc(var(--u) * 14);margin-left:calc(var(--u) * -75);border-radius:calc(var(--u) * 7);background:linear-gradient(180deg,#f4f5f7,#ffffff 14%,#c9ccd1 30%,#7b7f86 46%,#3d4046 56%,#a5a9af 70%,#f7f8fa 86%,#b9bcc1);box-shadow:0 calc(var(--u) * 5) calc(var(--u) * 5) rgba(60,0,10,.5),0 0 0 .5px rgba(30,30,30,.45),inset 0 1px 0 rgba(255,255,255,.9)}.mbbtn__face{position:absolute;inset:calc(var(--u) * 66) 0 calc(var(--u) * 54);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 6)}.mbbtn__mark{width:calc(var(--u) * 60);height:calc(var(--u) * 60);filter:drop-shadow(0 1px 0 rgba(80,2,26,.7))}.mbbtn__word{font-size:calc(var(--u) * 22);font-weight:800;letter-spacing:.3em;margin-left:.3em;text-transform:uppercase;text-shadow:0 1px 0 rgba(80,2,26,.7)}.mbbtn__brand{font-size:calc(var(--u) * 13);font-weight:700;letter-spacing:.22em;margin-left:.22em;opacity:.88;text-transform:uppercase}.mbbtn__grille{position:absolute;left:calc(var(--u) * 40);right:calc(var(--u) * 40);bottom:calc(var(--u) * 16);height:calc(var(--u) * 20);border-radius:4px;background:repeating-linear-gradient(180deg,rgba(40,0,8,.55) 0 2px,rgba(255,255,255,.12) 2px 5px)}.mbbtn--tall .mbbtn__face{inset:calc(var(--u) * 90) 0 calc(var(--u) * 70)}.mbbtn:hover .mbbtn__body{transform:translateY(-3px)}.mbbtn:hover .mbbtn:active .mbbtn__body{transform:translateY(3px) scale(.99)}.mbbtn:active .mbbtn:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:1.25rem}:is(:lang(ar),:lang(hi),:lang(th),:lang(ja),:lang(ko),:lang(zh)) :is(.mbbtn__word,.mbbtn__brand){letter-spacing:0;margin-left:0}@media (prefers-reduced-motion:reduce){.mbbtn__body{transition:none}}.mbp{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:44px;min-height:44px;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px}.mbp:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px rgba(0,0,0,.45)}.mbp__stack{position:relative;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;height:calc(var(--box-h, 600px) * var(--per-metre, 1) * var(--m, .12));transition:transform .18s cubic-bezier(.3,.7,.2,1);transform-origin:50% 100%}.mbp:hover .mbp__stack{transform:translateY(-2px)}.mbp:active .mbp__stack{transform:translateY(1px) scale(.97)}.mbp__stack:after{content:"";position:absolute;left:8%;right:8%;bottom:-2px;height:6px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,0))}.mbp__img{display:block;height:100%;width:auto;max-width:none;object-fit:contain;object-position:50% 100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mbp__front{position:relative;z-index:1}.mbp__count{position:absolute;top:-6px;right:-6px;z-index:3;padding:0 .4em;border-radius:9999px;background:rgba(34,34,34,.9);color:#fff;font-size:.6875rem;font-weight:700;line-height:1.6;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 1px 3px rgba(0,0,0,.3)}.mbp__count--low{background:var(--sun);color:#222}.mbp--out{cursor:pointer}.mbp--out .mbp__stack{opacity:.32;filter:grayscale(1)}.mbp--out:active .mbp__stack,.mbp--out:hover .mbp__stack{transform:none}.mbp--focus{z-index:6}.mbp--focus .mbp__stack,.mbp--focus:hover .mbp__stack{transform:translateY(-8%) scale(1.14)}.mbp--add{z-index:5}.mbp--ghost{pointer-events:none;cursor:default}.mbp--ghost .mbp__front{visibility:hidden}.mbp--ghost .mbp__stack:after{display:none}.mbp--ghost.mbp--out .mbp__stack{opacity:1;filter:none}.mbp__tag{position:absolute;left:50%;top:100%;z-index:2;transform:translate(-50%,3px);padding:1px 5px;border-radius:3px;background:#fff;color:#222;font-size:11px;font-weight:700;line-height:15px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 1px 2px rgba(0,0,0,.28),0 0 0 .5px rgba(0,0,0,.12)}.mbp__tag--out{color:#717171;font-weight:600}.mbp--add .mbp__plus{display:grid;place-items:center;width:44px;height:44px;border:2px dashed rgba(255,255,255,.85);border-radius:10px;background:rgba(0,0,0,.18);color:#fff;font-size:1.5rem;font-weight:300;line-height:1;transition:transform .18s cubic-bezier(.3,.7,.2,1)}.mbp--add:hover .mbp__plus{transform:translateY(-2px)}.mbp--add:active .mbp__plus{transform:scale(.96)}.mbp__hop{animation:mbp-hop .32s cubic-bezier(.3,.7,.2,1)}@keyframes mbp-hop{0%{transform:none}40%{transform:translateY(-10%) scale(1.04)}to{transform:none}}@media (prefers-reduced-motion:reduce){.mbp--add .mbp__plus,.mbp__stack{transition:none}.mbp__hop{animation:none}}