.overlay[data-theme^=moba]{backdrop-filter:blur(.3px);background:#fffdf41f}.overlay[data-theme^=moba] .dialog-card{background:var(--ui-cream)}.overlay[data-theme^=moba] h1{font:400 clamp(38px, 6vw, 72px) / 1 var(--ui-font);letter-spacing:.01em;color:var(--ui-cream);background:var(--overlay-accent);border:3px solid var(--ui-text);box-shadow:4px 4px 0 var(--ui-text);-webkit-text-stroke:1px var(--ui-text);paint-order:stroke fill;border-radius:14px;padding:10px 18px;display:inline-block;transform:rotate(-1deg)}.overlay[data-theme=moba-pause] h1{color:var(--ui-text);background:var(--ui-cream);-webkit-text-stroke:0}.overlay[data-theme^=moba] .sub{text-transform:none;letter-spacing:0;color:var(--ui-text);font-family:Josefin Sans,sans-serif}.overlay[data-theme=moba-pause] .actions{flex-direction:column;align-items:center}canvas.moba-dead-world{filter:grayscale()}.moba-death{z-index:5;box-sizing:border-box;width:min(330px,100vw - 44px);color:var(--ui-text);background:var(--ui-cream);border:3px solid var(--ui-text);box-shadow:5px 6px 0 var(--ui-text);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:20px;padding:16px 20px;font:400 18px/1.3 Josefin Sans,sans-serif;position:fixed;top:120px;left:22px;transform:rotate(-1deg)}.moba-death[hidden]{display:none}.moba-death h2{font:400 30px / 1.1 var(--ui-font);margin:0}.moba-death ol{margin:14px 0;padding:0;list-style:none}.moba-death li{border-bottom:1px dashed var(--ui-text);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.moba-recap-caption{margin:8px 0 0;font-size:14px}.moba-respawn-sticker{background:var(--ui-gold);border:3px solid var(--ui-text);box-shadow:3px 3px 0 var(--ui-text);font:400 26px / 1 var(--ui-font);border-radius:12px;margin:0;padding:8px 14px;display:inline-block;transform:rotate(2deg)}.overlay:is([data-theme=moba-victory],[data-theme=moba-defeat]){box-sizing:border-box;padding:20px;overflow:auto}.overlay:is([data-theme=moba-victory],[data-theme=moba-defeat]) .dialog-card{box-sizing:border-box;width:min(920px,100%);max-width:none;padding:28px}.moba-results{font-variant-numeric:tabular-nums;text-align:left;margin-top:22px;font:400 18px/1.4 Josefin Sans,sans-serif}.moba-results table{border-collapse:collapse;width:100%}.moba-results caption{font:400 28px / 1.2 var(--ui-font);text-align:left;margin-bottom:10px}.moba-results :is(th,td){border-bottom:1px solid color-mix(in srgb, var(--ui-text) 20%, transparent);text-align:right;padding:8px 10px}.moba-results th:first-child{text-align:left}.moba-results thead th{font-size:14px}.moba-result-team th{background:color-mix(in srgb, var(--ui-blue) 22%, var(--ui-cream));font-weight:700}.moba-result-team:has(~tr[data-local=true]) th{background:color-mix(in srgb, var(--ui-gold) 35%, var(--ui-cream))}.moba-results tr[data-local=true]{background:color-mix(in srgb, var(--ui-gold) 20%, var(--ui-cream))}.moba-result-note{margin:12px 0 0;font-size:13px}.overlay:has(.moba-results) .actions .cursor{display:none}.overlay:has(.moba-results) .actions .label{margin-left:0}.overlay:has(.moba-results) .actions .sticker{--flood:var(--ui-blue);--sticker-radius:18px;--sticker-lift:6px;--sticker-pad-y:22px;--sticker-pad-x:34px;isolation:isolate;text-transform:none;background:var(--ui-cream);min-width:180px;transform:rotate(var(--tile-tilt));transition:transform var(--tile-snap) cubic-bezier(.2, 1.9, .45, 1), box-shadow var(--tile-snap);font-size:clamp(26px,3vw,42px);overflow:hidden}.overlay:has(.moba-results) .actions .sticker:first-child{--flood:var(--ui-gold);transform:rotate(calc(-1 * var(--tile-tilt)))}.overlay:has(.moba-results) .actions .sticker:before{content:"";z-index:-1;background:var(--flood);transform-origin:bottom;transition:transform var(--tile-snap) cubic-bezier(.3, 1.3, .5, 1);position:absolute;inset:0;transform:scaleY(0)}.overlay:has(.moba-results) .actions .sticker:after{content:"";border:2px dashed color-mix(in srgb, var(--ui-text) 45%, transparent);pointer-events:none;border-radius:10px;position:absolute;inset:5px}.overlay:has(.moba-results) .actions .sticker:is(.selected,:focus-visible){background:var(--ui-cream);transform:translate(-3px, -6px) rotate(0deg) scale(var(--tile-scale));box-shadow:9px 12px 0 var(--ui-text);outline:none}.overlay:has(.moba-results) .actions .sticker.selected:before{transform:scaleY(1)}.overlay:has(.moba-results) .actions .sticker:active{box-shadow:2px 2px 0 var(--ui-text);transition-duration:var(--tile-press);transform:translate(3px,4px)scale(.97)}@media (width<=700px){.moba-death{width:min(300px,100vw - 28px);padding:12px 16px;top:116px;left:14px}.overlay:has(.moba-results){padding:12px}.overlay:has(.moba-results) .dialog-card{padding:18px 10px}.moba-results{font-size:13px}.moba-results :is(th,td){padding:7px 3px}.moba-results thead th{font-size:11px}.overlay:has(.moba-results) .actions .sticker{--sticker-pad-x:22px;--sticker-pad-y:18px;min-width:130px}}@media (prefers-reduced-motion:reduce){.overlay:has(.moba-results) .actions .sticker,.overlay:has(.moba-results) .actions .sticker:before{transition:none}}.front-craning>:not(.moba-front,script,.lil-gui),.front-craning .front-lobby>:not(.front-backdrop,.front-canvas){opacity:0;transition:opacity var(--crane-fade) ease-in}.moba-front.front-descent[data-phase=crane]{pointer-events:none;background:0 0}.front-descent-name{z-index:1;text-align:center;font:400 clamp(40px, 7vw, 132px) / 1.1 var(--ui-font);color:var(--ui-text);pointer-events:none;margin:0;position:absolute;top:20%;left:4%;right:4%}.front-descent-name span{opacity:0;animation:front-letter var(--name-time) ease-out both;animation-delay:calc(var(--name-at) + var(--i) * var(--name-letter));display:inline-block}@keyframes front-letter{0%{opacity:0;transform:translateY(.25em)rotate(-4deg)}to{opacity:1;transform:none}}.front-descent-orbit{z-index:1;width:var(--orbit-size);height:var(--orbit-size);fill:var(--ui-cream);stroke:var(--ui-text);opacity:.7;pointer-events:none;position:absolute;top:calc(20% + clamp(52px,9vw,165px));left:50%;translate:-50% -25%}.front-descent[data-phase=crane] .front-descent-orbit{visibility:hidden}.front-descent-marks{fill:var(--ui-text);stroke:none}@media (prefers-reduced-motion:reduce){.front-descent-name span{opacity:1;animation:none}}.moba-descending>:not(.moba-front):not(script):not(.lil-gui){visibility:hidden}.lobby-hero-strip{--tile:clamp(62.4px, min(7.8vw, 12vh), 110.4px);z-index:4;align-items:flex-start;gap:calc(var(--tile) * .14);font:400 calc(var(--tile) * .2) / 1 var(--ui-font);color:var(--ui-text);flex-direction:column;display:flex;position:fixed;top:50%;left:max(14px,1.6vw);translate:0 -50%}.lobby-hero-strip svg .tone,.lobby-seat-label svg .tone{fill:var(--ui-cream);stroke:var(--ui-text);stroke-width:3px;stroke-linejoin:round}.lobby-hero-strip svg .cream,.lobby-seat-label svg .cream{fill:var(--ui-cream);stroke:var(--ui-text);stroke-width:3px}.lobby-hero-strip svg .gold,.lobby-seat-label svg .gold{fill:var(--ui-gold);stroke:var(--ui-text);stroke-width:3px;stroke-linejoin:round}.lobby-hero-strip svg .ink-line,.lobby-seat-label svg .ink-line{fill:none;stroke:var(--ui-text);stroke-width:4px;stroke-linecap:round}.moba-front .lobby-hero-strip-key{z-index:2;margin:0;font-size:clamp(12px,.9vw,15px);position:absolute;top:-.9em;left:-.6em;rotate:-8deg}.moba-front .lobby-hero-strip-key:empty{display:none}.moba-front .lobby-hero-strip button{--hero:var(--ui-muted);width:var(--tile);height:calc(var(--tile) * 1.1);border:clamp(3px, calc(var(--tile) * .035), 5px) solid var(--ui-text);background:repeating-linear-gradient(-45deg, transparent 0 .5em, #ffffff2e .5em 1em), var(--hero);box-shadow:3px 4px 0 var(--ui-text);color:var(--ui-cream);border-radius:.3em;flex:none;grid-template-rows:1fr auto;padding:0;transition:transform .12s cubic-bezier(.3,1.8,.5,1),box-shadow .12s,translate .18s cubic-bezier(.3,1.8,.5,1);display:grid;position:relative;transform:skew(-8deg)}.moba-front .lobby-hero-strip button[data-hero=fletcher]{--hero:var(--ui-blue)}.moba-front .lobby-hero-strip button[data-hero=mitts]{--hero:var(--ui-red)}.moba-front .lobby-hero-strip button[data-hero=carom]{--hero:var(--ui-green)}.moba-front .lobby-hero-strip-face,.moba-front .lobby-hero-strip-name>span,.moba-front .lobby-hero-strip small{transform:skew(8deg)}.lobby-hero-strip-name>span{display:inline-block}.lobby-hero-strip-face{place-items:center;min-height:0;display:grid}.lobby-hero-strip-face svg{width:70%;height:auto;max-height:100%;filter:drop-shadow(1px 2px 0 var(--ui-text));display:block}.lobby-hero-strip-name{background:var(--ui-text);letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:.2em 0 .15em;font-size:.85em}.moba-front .lobby-hero-strip button:hover,.moba-front .lobby-hero-strip button:focus-visible{box-shadow:4px 7px 0 var(--ui-text);transform:skew(-8deg)translateY(-3px)rotate(-2deg)}.moba-front .lobby-hero-strip button[aria-pressed=true]{translate:calc(var(--tile) * .18) 0;border-color:var(--ui-gold);box-shadow:0 0 0 3px var(--ui-text), 5px 6px 0 3px var(--ui-text);z-index:1}.moba-front .lobby-hero-strip button[aria-pressed=true] .lobby-hero-strip-name{background:var(--ui-gold);color:var(--ui-text)}.moba-front .lobby-hero-strip button[aria-disabled=true]{cursor:not-allowed;box-shadow:2px 3px 0 var(--ui-text);background:repeating-linear-gradient(-45deg, transparent 0 .5em, #26445f1f .5em 1em), var(--ui-cream);color:var(--ui-muted)}.moba-front .lobby-hero-strip button[aria-disabled=true] svg{filter:brightness(0)opacity(.3)}.moba-front .lobby-hero-strip button[aria-disabled=true] .lobby-hero-strip-name{background:var(--ui-muted);color:var(--ui-cream)}.lobby-hero-strip small{border:2px solid var(--ui-text);background:var(--ui-button);color:var(--ui-text);text-transform:uppercase;padding:.1em .3em;font-size:max(9px,.6em);position:absolute;top:40%;left:50%;translate:-50% -50%;rotate:-12deg}.moba-front .lobby-hero-strip button.pop{animation:.22s cubic-bezier(.3,1.8,.5,1) lobby-hero-strip-pop}.moba-front .lobby-hero-strip button.wobble{animation:.36s ease-out lobby-hero-strip-wobble}@keyframes lobby-hero-strip-pop{0%{transform:skew(-8deg)scale(.8)}}@keyframes lobby-hero-strip-wobble{20%{transform:skew(-8deg)rotate(-9deg)}45%{transform:skew(-8deg)rotate(7deg)}70%{transform:skew(-8deg)rotate(-4deg)}90%{transform:skew(-8deg)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.moba-front .lobby-hero-strip button{transition:none;animation-duration:10ms!important}}.moba-front.front-lobby{z-index:0}.front-lobby .back-button{top:calc(max(14px,1.6vw) + 100px)}@media (width<=720px){.front-lobby .back-button{top:114px}}.moba-top[hidden],.front-lobby .front-distant-fletcher{display:none}.moba-front.front-lobby .front-canvas{pointer-events:auto}.lobby-pick-stamp{z-index:2;border:.06em solid var(--ui-text);background:var(--ui-gold);box-shadow:.08em .1em 0 var(--ui-text);color:var(--ui-text);font:400 clamp(48px, 9vw, 150px) / 1 var(--ui-font);text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;padding:.05em .4em 0;position:absolute;top:42%;left:50%;translate:-50% -50%}.lobby-pick-stamp[data-hero=fletcher]{background:var(--ui-blue);color:var(--ui-cream)}.lobby-pick-stamp[data-hero=mitts]{background:var(--ui-red);color:var(--ui-cream)}.lobby-pick-stamp.slam{animation:1.1s cubic-bezier(.2,.9,.3,1) both lobby-slam}@keyframes lobby-slam{0%{opacity:0;transform:scale(2.6)rotate(-14deg)skew(-10deg)}14%{opacity:1;transform:scale(.92)rotate(-5deg)skew(-10deg)}24%{transform:scale(1.04)rotate(-6deg)skew(-10deg)}72%{opacity:1;transform:scale(1)rotate(-6deg)skew(-10deg)}to{opacity:0;transform:translate(60%)scale(1)rotate(-6deg)skew(-10deg)}}@media (prefers-reduced-motion:reduce){.lobby-pick-stamp.slam{animation-duration:10ms}}.lobby-label{z-index:1;color:var(--ui-text);font:400 clamp(13px, 1.25vw, 20px) / 1 var(--ui-font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:.45;pointer-events:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)translateY(2.6em)}.lobby-label[data-picked=true]{opacity:1}.moba-front .lobby-gallery-label kbd{margin-right:.4em;font-size:.8em}.moba-front .lobby-gallery-label kbd:empty{display:none}.lobby-seat-label{z-index:2;border:2px solid var(--ui-text);background:var(--ui-cream);color:var(--ui-text);font:400 clamp(14px, 1.15vw, 18px) / 1 var(--ui-font);text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:.25em;place-items:center;padding:.18em .35em;display:grid;position:absolute;transform:translate(-50%,-50%)}.lobby-seat-label[hidden]{display:none}.lobby-seat-label[data-local=true]{background:var(--ui-gold)}.lobby-seat-label svg{width:1.65em;height:1.65em;display:block}.lobby-seat-label small{letter-spacing:.08em;margin-top:.15em;font-size:max(11px,.7em)}.lobby-numbers{z-index:1003;box-sizing:border-box;border:3px solid var(--ui-text);background:var(--ui-cream);max-width:700px;max-height:84vh;color:var(--ui-text);box-shadow:6px 7px 0 var(--ui-text);border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;margin:auto;font:400 16px/1.4 Josefin Sans,sans-serif;display:grid;position:fixed;inset:8vh 12px auto}.lobby-numbers[hidden]{display:none}.lobby-numbers>header,.lobby-numbers>footer{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.lobby-numbers h1{font:400 36px / 1 var(--ui-font);margin:0}.lobby-numbers button{border:2px solid var(--ui-text);background:var(--ui-gold);color:var(--ui-text);font:400 24px / 1 var(--ui-font);cursor:pointer;border-radius:6px}.lobby-number-scroll{overscroll-behavior:contain;padding:0 16px;overflow-y:auto}.lobby-number-scroll article{border-top:1px solid var(--ui-text);padding:16px 0}.lobby-number-scroll header{justify-content:space-between;align-items:baseline;gap:8px;font-size:22px;font-weight:700;display:flex}.lobby-number-scroll p{margin:8px 0}.lobby-number-scroll dl{grid-template-columns:1fr auto;gap:4px 12px;margin:12px 0;display:grid}.lobby-number-scroll dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.lobby-numbers>footer{font-size:12px}.moba-front .front-notice{z-index:1;background:var(--ui-cream);border:.12em solid var(--ui-text);text-align:center;border-radius:.25em;padding:.5em;position:absolute;top:22%;left:5%;right:5%}.front-lobby .front-backdrop{--front-lilac:#b8abcf!important;--front-mint:#a7a3c6!important;--front-peach:#c2aaca!important;--front-planet:#f1eaf3!important;--front-planet-line:#d3c8de!important;--front-cloud:#e4dcef!important;--front-far:#6f6a8a!important;--front-mesa:#625f82!important;--front-ridge:#58607e!important;--front-dune:#4f5d70!important;--front-shadow:#3f4358!important}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/josefin-sans-light-latin.woff2)format("woff2")}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/josefin-sans-regular-latin.woff2)format("woff2")}.moba-front{z-index:40;isolation:isolate;color:var(--ui-text);background:var(--ui-cream);font-variant-numeric:tabular-nums;font:400 clamp(16px,1.4vw,22px)/1.5 Josefin Sans,sans-serif;position:fixed;inset:0;overflow:hidden}.moba-front .front-canvas{z-index:0;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset:0}.front-notice{z-index:1;background:var(--ui-cream);border:.12em solid var(--ui-text);text-align:center;border-radius:.25em;padding:.5em;position:absolute;top:22%;left:5%;right:5%}.front-backdrop,.front-backdrop>*{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.front-backdrop{z-index:-1}.front-backdrop>svg{will-change:transform;width:110%;height:110%;inset:-5%}.front-sky{background:linear-gradient(to bottom, var(--front-lilac) 0%, var(--front-lilac) 42%, var(--front-mint) 44%, var(--front-mint) 71%, var(--front-peach) 73%, var(--front-peach) 100%)}.front-sky-next{opacity:0;will-change:opacity;background:linear-gradient(to bottom, var(--front-peach) 0%, var(--front-peach) 42%, var(--front-lilac) 44%, var(--front-lilac) 71%, var(--front-mint) 73%, var(--front-mint) 100%)}.moba-front button{color:inherit;font:inherit;cursor:pointer;border:0}.moba-front button:focus{outline:none}.moba-front [hidden]{display:none!important}.front-chrome{pointer-events:none;position:absolute;inset:0}.moba-front.front-leaving{pointer-events:none;background:0 0}.front-heading{font:400 clamp(44px, 6.2vw, 104px) / .9 var(--ui-font);letter-spacing:.01em;color:var(--ui-cream);-webkit-text-stroke:.08em var(--ui-text);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--ui-text);transform-origin:0;pointer-events:none;margin:0;position:absolute;top:max(20px,5vh);left:5vw;transform:rotate(-2deg)}.front-letter{display:inline-block;position:relative}.front-ball{color:var(--ui-gold);translate:0 .03em}.front-ball:after{content:"";background:var(--ui-cream);width:.46em;height:.46em;filter:drop-shadow(0 0 1px var(--ui-text)) drop-shadow(0 0 1px var(--ui-text));clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);position:absolute;top:-.12em;right:-.16em;scale:0}.front-ball.front-glint:after{animation:.55s ease-out front-glint}@keyframes front-glint{30%{rotate:45deg;scale:1}to{rotate:90deg;scale:0}}.front-letter.front-dodge{animation:.62s cubic-bezier(.2,.9,.3,1) front-dodge}@keyframes front-dodge{12%{translate:calc(var(--dodge) * .22em) -.08em;rotate:calc(var(--dodge) * 9deg)}55%{translate:calc(var(--dodge) * .2em) -.06em;rotate:calc(var(--dodge) * 7deg)}}.front-tiles{pointer-events:none;justify-content:center;align-items:center;gap:3vw;padding:clamp(150px,26vh,260px) 5vw clamp(110px,16vh,170px);display:flex;position:absolute;inset:0}.front-tile{--tile-color:var(--ui-button);--tile-rest:-1;--tile-hot:0;--tile-shadow:7px;pointer-events:auto;min-width:0;max-height:480px;color:var(--ui-text);transform:rotate(calc(var(--tile-rest) * var(--tile-tilt)));transition:transform var(--tile-snap) cubic-bezier(.2, 1.9, .45, 1);-webkit-tap-highlight-color:transparent;user-select:none;will-change:transform;background:0 0;flex:0 min(27vw,440px);grid-template-rows:1fr auto auto;align-content:center;align-self:stretch;justify-items:center;padding:4% 2% 5%;display:grid;position:relative}.front-tile:nth-child(2n){--tile-rest:1}.front-tile[data-mode=dodgeball]{--tile-color:var(--ui-red)}.front-tile[data-mode=moba]{--tile-color:var(--ui-blue)}.front-tile:before,.front-tile-face,.front-tile-face:before,.front-tile-face:after{content:"";border-radius:clamp(18px,2.4vw,34px);position:absolute;inset:0}.front-tile:before{background:var(--ui-text);transform:translate(var(--tile-shadow), var(--tile-shadow));transition:transform var(--tile-snap) cubic-bezier(.2, 1.9, .45, 1)}.front-tile-face{border:clamp(3px, .32vw, 5px) solid var(--ui-text);background-color:color-mix(in srgb, var(--tile-color) 18%, var(--ui-cream));background-image:radial-gradient(color-mix(in srgb, var(--ui-text) 16%, transparent) .6px, transparent .8px);background-size:5px 5px;overflow:hidden}.front-tile-face:before{background:var(--tile-color);transform-origin:bottom;transition:transform var(--tile-snap) cubic-bezier(.3, 1.3, .5, 1);border-radius:0;inset:-2px;transform:scaleY(0)}.front-tile-face:after{border:2px dashed color-mix(in srgb, var(--ui-text) 45%, transparent);border-radius:clamp(11px,1.6vw,22px);inset:clamp(7px,.8vw,12px)}.front-tile>:not(.front-tile-face){position:relative}.front-tile svg{width:min(52%,22vh);height:auto;fill:var(--ui-cream);stroke:var(--ui-text);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--tile-snap) cubic-bezier(.2, 1.9, .45, 1);align-self:center}.front-tile svg path:not(.front-glyph-fill){fill:none}.front-tile .front-glyph-fill{fill:color-mix(in srgb, var(--tile-color) 45%, var(--ui-cream))}.front-tile-kicker{letter-spacing:.15em;font-size:clamp(14px,1.5vw,22px);font-weight:700}.front-tile[data-map] svg{fill:none;stroke:var(--ui-text)}.front-tile[data-map].selected svg{stroke:var(--ui-cream)}.front-tile-name{font:400 clamp(34px, 4.3vw, 78px) / .95 var(--ui-font);text-align:center;color:var(--ui-cream);-webkit-text-stroke:.1em var(--ui-text);paint-order:stroke fill;letter-spacing:.01em}.front-tile.selected{--tile-hot:1;--tile-shadow:calc(7px + var(--tile-lift));z-index:1;transform:translate(calc(var(--tile-lift) * -.5), calc(var(--tile-lift) * -1)) rotate(calc(var(--tile-rest) * var(--tile-tilt) * -.6)) scale(var(--tile-scale))}.front-tile.selected .front-tile-face:before{transform:scaleY(1)}.front-tile.selected svg{transform:rotate(calc(var(--tile-rest) * -8deg)) scale(1.08)}.front-tile.selected .front-glyph-fill{fill:var(--ui-cream)}.front-tile:active{--tile-shadow:2px;transition-duration:var(--tile-press);transform:translate(3px,4px)scale(.97)}.front-tile:active:before{transition-duration:var(--tile-press)}.moba-front footer{pointer-events:none;justify-content:space-between;align-items:center;gap:1.5em;font-size:1.05em;display:flex;position:absolute;bottom:max(20px,4vh);left:5vw;right:5vw}.moba-front footer>*{pointer-events:auto}.moba-front kbd{border:3px solid var(--ui-text);background:var(--ui-cream);min-width:1.6em;box-shadow:2px 3px 0 var(--ui-text);font:400 1.05em / 1.2 var(--ui-font);text-align:center;color:var(--ui-text);border-radius:.55em;padding:.15em .5em .05em;display:inline-block}.moba-front kbd.front-arrows{font:700 1.1em/1.1 system-ui,sans-serif}.front-prompts{flex-wrap:wrap;justify-content:flex-end;gap:.5em 1.8em;margin:0 0 0 auto;display:flex}.front-prompts span{white-space:nowrap;align-items:center;gap:.5em;display:flex}@media (width<=700px){.front-tiles{flex-direction:column;gap:18px;padding:clamp(110px,18vh,150px) 7vw clamp(96px,14vh,130px)}.front-tile{flex:1 1 0;grid-template:1fr auto auto 1fr/auto 1fr;place-items:center start;column-gap:16px;width:100%;max-height:220px;padding:16px 24px}.front-tile svg{grid-area:1/1/5/2;width:min(22vw,12vh)}.front-tile-kicker{grid-area:2/2}.front-tile[data-map] .front-tile-name{grid-area:3/2}.front-tile-name{grid-area:2/2;font-size:clamp(30px,9vw,48px)}.moba-front footer{font-size:14px}}@media (prefers-reduced-motion:reduce){.front-backdrop>svg,.front-tile{will-change:auto}.front-tile,.front-tile:before,.front-tile svg,.front-tile-face:before{transition-duration:0s}}