@layer components{.mt-dom{--mt-bone:oklch(95% .026 86);--mt-bone-2:oklch(90.5% .034 80);--mt-bone-side:oklch(79% .045 72);--mt-bone-edge:oklch(52% .045 60);--mt-r:13cqmin;width:100%;height:100%;display:block;position:relative;container:mt-dom/size}@media (prefers-color-scheme:dark){.mt-dom{--mt-bone:oklch(90% .03 84);--mt-bone-2:oklch(85.5% .036 78);--mt-bone-side:oklch(72% .045 70)}}.mt-shadow{border-radius:var(--mt-r);rotate:var(--mt-turn,0deg);position:absolute;inset:3% 2% 0;box-shadow:0 max(2px,7cqmin) max(3px,11cqmin) max(-1px,-2cqmin) oklch(10% .03 45/.55),0 max(1px,2cqmin) max(1px,2cqmin) oklch(10% .03 45/.35)}.mt-body{--mt-fdir:90deg;border-radius:var(--mt-r);rotate:var(--mt-turn,0deg);background:radial-gradient(120% 70% at 28% 18%, oklch(99.5% .012 92/.6), transparent 62%), repeating-linear-gradient(var(--mt-fdir), oklch(72% .045 72/.13) 0 .7cqmin, transparent .7cqmin 4.3cqmin), repeating-linear-gradient(var(--mt-fdir), transparent 0 2.9cqmin, oklch(99% .01 90/.3) 2.9cqmin 3.6cqmin, transparent 3.6cqmin 7.3cqmin), linear-gradient(var(--mt-fdir), oklch(70% .05 70/.1), transparent 30% 70%, oklch(70% .05 70/.12)), linear-gradient(160deg, var(--mt-bone), var(--mt-bone-2));background-position:var(--mt-fibre,0%) var(--mt-fibre,0%);box-shadow:inset max(1px, 3cqmin) max(1px, 3.5cqmin) 0 oklch(99.5% .01 92/.9), inset min(-1px, -2.5cqmin) min(-1px, -4.5cqmin) 0 oklch(76% .045 72/.8), 0 0 0 max(.5px, 1.4cqmin) oklch(60% .04 65/.55), 0 max(1px, 5cqmin) 0 0 var(--mt-bone-side), 0 max(1.5px, 6.5cqmin) 0 0 var(--mt-bone-edge);position:absolute;inset:0}.mt-dom[data-along] .mt-body{--mt-fdir:0deg}.mt-face{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mt-dom[data-back] .mt-body{background:radial-gradient(circle at 45% 47%, oklch(93% .07 92) 0 5.5cqmin, transparent 6.5cqmin), radial-gradient(circle at 50% 50%, oklch(75% .12 80) 0 13cqmin, oklch(42% .08 62) 13.5cqmin 16cqmin, transparent 16.5cqmin), radial-gradient(130% 80% at 30% 15%, oklch(55% .06 55/.45), transparent 60%), repeating-linear-gradient(var(--mt-fdir), oklch(20% .03 45/.35) 0 .8cqmin, transparent .8cqmin 3.7cqmin, oklch(48% .06 55/.25) 3.7cqmin 4.4cqmin, transparent 4.4cqmin 9.1cqmin), linear-gradient(160deg, oklch(48% .075 50), oklch(36% .06 46));background-position:center, center, center, var(--mt-fibre,0%) 0, 0 0;box-shadow:inset max(1px,3cqmin) max(1px,3.5cqmin) oklch(70% .07 60/.75),inset min(-1px,-2.5cqmin) min(-1px,-4.5cqmin) oklch(18% .03 45/.6),0 0 0 max(.5px,1.4cqmin) oklch(18% .03 45/.6),0 max(1px,5cqmin) oklch(24% .035 45),0 max(1.5px,6.5cqmin) oklch(15% .025 45)}.mt-dom[data-calm]:not([data-back]) .mt-body{background:var(--mt-bone);box-shadow:0 0 0 1px oklch(58% .04 65/.55),0 1px 0 1px oklch(48% .04 60/.5)}@container mt-dom (width<28px) or (height<28px){.mt-body:not(:where([data-back] *)){background:var(--mt-bone);box-shadow:0 0 0 1px oklch(58% .04 65/.55),0 1px 0 1px oklch(48% .04 60/.5)}.mt-cv{display:none}}.mt-chip{width:100%;height:100%;display:block;container-type:size}.mt-chip>span{color:oklch(28% .06 58);width:100cqmin;height:100cqmin;font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;text-shadow:0 .05em oklch(94% .08 90/.65);background:radial-gradient(circle at 34% 28%,oklch(93% .08 90/.9),#0000 38%),radial-gradient(circle,oklch(80% .13 82) 0 58%,oklch(68% .12 76) 72%,oklch(52% .1 68) 100%);border-radius:50%;place-items:center;margin:auto;font-size:58cqmin;font-weight:800;line-height:1;display:grid;box-shadow:inset 0 0 0 max(1px,5cqmin) oklch(58% .1 70/.7),inset 0 max(1px,6cqmin) 0 max(1px,6cqmin) oklch(96% .06 92/.35),0 max(1px,6cqmin) max(2px,10cqmin) oklch(10% .03 45/.5)}.mt-yard{background:radial-gradient(70% 60% at 50% 45%,oklch(78% .1 75/.16),#0000 70%),repeating-linear-gradient(90deg,oklch(15% .03 45/.22) 0 1px,#0000 1px 7px,oklch(45% .06 55/.12) 7px 8px,#0000 8px 19px),linear-gradient(oklch(33% .05 50),oklch(26% .04 47));border-radius:14px;position:relative;box-shadow:inset 0 2px oklch(55% .06 58/.55),inset 0 -3px oklch(14% .025 45/.6),inset 0 0 0 1px oklch(18% .03 45/.7),0 18px 34px -14px oklch(6% .02 45/.85),0 3px 6px oklch(6% .02 45/.4)}.mt-lane{background:linear-gradient(180deg, oklch(84% .1 85) 0 2px, oklch(48% .08 70/.5) 2px 3px, transparent 3px calc(100% - 3px), oklch(96% .05 90/.25) calc(100% - 3px) calc(100% - 2px), oklch(70% .11 78) calc(100% - 2px)), repeating-conic-gradient(from 11deg, oklch(100% 0 0/.03) 0 2deg, transparent 2deg 5deg), linear-gradient(180deg, oklch(64% .06 136), oklch(60% .06 138));position:relative}.mt-lane[data-lit]{background:linear-gradient(180deg, oklch(84% .1 85) 0 2px, oklch(48% .08 70/.5) 2px 3px, transparent 3px calc(100% - 3px), oklch(96% .05 90/.25) calc(100% - 3px) calc(100% - 2px), oklch(70% .11 78) calc(100% - 2px)), radial-gradient(40% 130% at var(--pool-x,94%) 50%, oklch(88% .11 82/.5), transparent 70%), repeating-conic-gradient(from 11deg, oklch(100% 0 0/.03) 0 2deg, transparent 2deg 5deg), linear-gradient(180deg, oklch(64% .06 136), oklch(60% .06 138))}.mt-lane.mt-lane-mexican{background:linear-gradient(oklch(84% .1 85) 0 2px,oklch(48% .08 70/.5) 2px 3px,#0000 3px calc(100% - 3px),oklch(96% .05 90/.25) calc(100% - 3px) calc(100% - 2px),oklch(70% .11 78) calc(100% - 2px)),repeating-linear-gradient(oklch(62% .06 70/.12) 0 1px,#0000 1px 5px,oklch(95% .03 85/.2) 5px 6px,#0000 6px 11px),linear-gradient(oklch(79% .06 78),oklch(74% .065 74))}.mt-lane.mt-lane-mexican[data-lit]{background:linear-gradient(180deg, oklch(84% .1 85) 0 2px, oklch(48% .08 70/.5) 2px 3px, transparent 3px calc(100% - 3px), oklch(96% .05 90/.25) calc(100% - 3px) calc(100% - 2px), oklch(70% .11 78) calc(100% - 2px)), radial-gradient(40% 130% at var(--pool-x,94%) 50%, oklch(92% .09 85/.5), transparent 70%), linear-gradient(180deg, oklch(79% .06 78), oklch(74% .065 74))}.mt-rack{background:linear-gradient(0deg,oklch(47% .065 56) 0 3px,oklch(38% .055 52) 3px 9px,oklch(20% .03 45) 9px 11px,#0000 11px),radial-gradient(80% 90% at 50% 0,oklch(60% .08 70/.18),#0000 70%),repeating-linear-gradient(90deg,oklch(15% .03 45/.2) 0 1px,#0000 1px 9px,oklch(48% .06 55/.12) 9px 10px,#0000 10px 23px),linear-gradient(oklch(31% .045 49),oklch(36% .05 51));border-radius:12px;position:relative;box-shadow:inset 0 2px oklch(56% .06 58/.5),inset 0 0 0 1px oklch(16% .03 45/.7),0 14px 26px -12px oklch(6% .02 45/.85)}.mt-open{height:max(5px, calc(var(--tile,28px) * .2));width:calc(var(--tile,28px) * 1.7);background:linear-gradient(oklch(92% .08 90),oklch(76% .13 80) 45%,oklch(56% .1 70));border-radius:999px;display:block;box-shadow:0 0 0 1px oklch(40% .07 62/.6),0 2px 3px oklch(8% .02 45/.5)}.mt-hub,.mt-heap,.mt-hero{width:100%;height:100%;display:block;position:relative}.mt-hub>svg,.mt-marker,.mt-sign{width:100%;height:100%;display:block}.mt-hub-tile{width:34%;height:66%;position:absolute;top:17%;left:33%}.mt-heap-tile{width:30%;height:60%;position:absolute}.mt-hero{container-type:size}.mt-hero-yard{--u:min(1cqh, .75cqw);--t:calc(var(--u) * 6);--r:calc(var(--u) * 14);--lane:calc(var(--t) * 1.5);position:absolute;inset:0;overflow:hidden}.mt-hero-bone{width:calc(var(--u) * 18);height:calc(var(--u) * 18);position:absolute;bottom:4%;left:3%}.mt-hero-hub{z-index:2;width:calc(var(--r) * 2);height:calc(var(--r) * 2);position:absolute;top:50%;left:50%;translate:-50% -50%}.mt-arm{align-items:center;gap:calc(var(--u) * .8);height:var(--lane);padding:0 calc(var(--u) * 1.2);border-radius:calc(var(--u) * 1.2);transform-origin:0;translate:0 -50%;rotate:var(--a);transform:translateX(calc(var(--r) + var(--u) * 1.4));background:linear-gradient(180deg, oklch(86% .1 86) 0 calc(var(--u) * .55), transparent calc(var(--u) * .55) calc(100% - var(--u) * .55), oklch(64% .11 76) calc(100% - var(--u) * .55)), linear-gradient(180deg, oklch(65% .06 136), oklch(57% .06 138));box-shadow:0 0 0 calc(var(--u) * .25) oklch(40% .07 62/.55), 0 0 calc(var(--u) * 1.6) oklch(8% .02 45/.55);display:flex;position:absolute;top:50%;left:50%}.mt-arm-mexican{background:linear-gradient(180deg, oklch(86% .1 86) 0 calc(var(--u) * .55), transparent calc(var(--u) * .55) calc(100% - var(--u) * .55), oklch(64% .11 76) calc(100% - var(--u) * .55)), repeating-linear-gradient(180deg, oklch(62% .06 70/.12) 0 1px, transparent 1px 5px), linear-gradient(180deg, oklch(82% .06 78), oklch(73% .065 74))}.mt-upright{rotate:calc(-1 * var(--a))}.mt-hero-along{width:calc(var(--t) * 2);height:var(--t);flex:none}.mt-hero-across{--tile:calc(var(--t) * 1.3);width:var(--tile);height:calc(var(--tile) * 2);margin:0 calc(var(--tile) * .6);flex:none;position:relative}.mt-hero-across>.mt-open{width:calc(var(--tile) * 2.1);height:calc(var(--u) * 1.8);position:absolute;top:50%;left:50%;translate:-50% -50%}.mt-hero-chip{width:calc(var(--u) * 7);height:calc(var(--u) * 7);flex:none;display:block}.mt-hero-mark{width:calc(var(--u) * 10);height:calc(var(--u) * 7.3);flex:none;display:block}}