.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:.576}.mbtile--short:not(.mbtile--slim) .mbtile__render{scale:var(--compact);transform-origin:50% 88.2%}.mbtile--short.mbtile--slim{height:calc(var(--slim-h,10rem) * var(--compact));aspect-ratio:.5566/.8066}.mbtile--short.mbtile--slim .mbtile__render{left:-39.12%;top:-14.41%;width:179.66%;height:123.98%}.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)}.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}}