.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__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__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__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--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}}