.menu{z-index:10;color:#bfe4ff;text-align:center;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 45%,#060e18a3 0%,#04091040 55%,#03070c66 100%);place-content:center;justify-items:center;padding:20px;font:14px/1.6 ui-sans-serif,system-ui,sans-serif;transition:opacity .28s;display:grid;position:fixed;inset:0}.menu.leaving{opacity:0;pointer-events:none}.menu{--mascot-w:clamp(180px, 25vw, 350px);--mascot-right:clamp(12px, 2vw, 28px)}.menu-mascot{z-index:0;right:var(--mascot-right);width:var(--mascot-w);aspect-ratio:1086/1448;pointer-events:auto;filter:drop-shadow(0 8px 18px #00000073);transition:transform .24s;position:fixed;bottom:0;transform:translateY(0)}.menu-mascot img{object-fit:contain;object-position:bottom right;width:100%;height:100%;transition:opacity .18s,transform .24s;position:absolute;inset:0}.menu-mascot .mascot-hang{opacity:1;transform-origin:50% 100%;transform:translateY(15%)scale(.64)}.menu-mascot .mascot-wave{opacity:0;transform-origin:100% 100%;transform:translateY(14%)scale(.97)}.menu-mascot.is-waving{transform:translateY(0)}.menu-mascot.is-waving .mascot-hang{opacity:0;transform:translateY(15%)scale(.64)}.menu-mascot.is-waving .mascot-wave{opacity:1;transform:translateY(14%)scale(1)}.menu-mascot .mascot-head-hit{z-index:1;pointer-events:none;cursor:pointer;border:0;outline:0;width:70%;height:55%;position:absolute;top:0;left:15%}.menu-mascot .mascot-head-hit:focus-visible{outline-offset:5px;border-radius:48%;outline:2px solid #bfeee0d9}.menu-mascot.is-hot{cursor:pointer}.menu-mascot img.mascot-note{object-fit:fill;pointer-events:none;opacity:.72;filter:drop-shadow(0 1px 2px #0009);width:max(32%,70px);height:auto;inset:auto 66% 14% auto}.menu-mascot.is-waving img.mascot-note{opacity:0}@media (hover:none){.menu-mascot{cursor:pointer;-webkit-tap-highlight-color:transparent}}.menu div.menu-donate{z-index:3;right:calc(var(--mascot-right) + var(--mascot-w) + 6px);bottom:max(16px, env(safe-area-inset-bottom));box-sizing:border-box;opacity:0;visibility:hidden;transform-origin:100% 100%;background:#fff;border-radius:14px;justify-items:center;gap:7px;width:154px;padding:9px;line-height:1.25;transition:opacity .16s,transform .2s,visibility 0s linear .2s;display:grid;position:fixed;transform:translateY(10px)rotate(-2deg)scale(.94);box-shadow:0 10px 30px #0000008c}.menu.donate-open div.menu-donate{opacity:1;visibility:visible;transition-delay:0s;transform:rotate(-2deg)}.menu-donate a{border-radius:8px;text-decoration:none}.menu-donate a:focus-visible{outline-offset:2px;outline:3px solid #7fd8ff}.menu-donate .donate-cash{color:#10202c;justify-items:center;display:grid}.menu-donate .donate-cash img{width:136px;height:136px;display:block}.menu-donate .donate-tag{color:#00a83a;font-size:14px;font-weight:700}.menu-donate .donate-hint{color:#4a5b66;font-size:10px}.menu-donate .donate-x{box-sizing:border-box;color:#fff;background:#000;border-radius:999px;justify-content:center;align-items:center;gap:5px;width:100%;padding:6px 8px;font-size:11.5px;font-weight:600;display:flex}.menu-donate .donate-x svg{fill:currentColor;flex:none;width:12px;height:12px}.menu>:not(.menu-mascot),.menu-group>*{z-index:1;position:relative}.menu-group{display:contents}.menu-logo{object-fit:contain;filter:drop-shadow(0 3px 14px #0000009e);width:min(72vw,430px);height:auto;max-height:145px;margin:0 auto 8px;display:block}.menu h1{text-shadow:0 2px 18px #040a12e6;letter-spacing:.3em;color:#d8f2ff;text-transform:uppercase;margin:0 0 2px;font-size:clamp(15px,2.6vh,20px);font-weight:600}.menu .sub{opacity:.5;letter-spacing:.08em;margin-bottom:14px;font-size:10px}.menu label{text-align:left;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin:0 0 5px 2px;font-size:11px;display:block}.menu select,.menu input{font:inherit;color:#d8f2ff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box;background:#06141ed1;border:1px solid #3f8f7d;border-radius:5px;width:100%;padding:11px 12px;font-size:16px}.menu input:focus{border-color:#7fd8ff;outline:none}.menu .field{width:min(78vw,300px);margin-bottom:16px}.menu .field-pair{gap:8px;width:min(78vw,300px);margin-bottom:16px;display:flex}.menu .field-pair .field{flex:1 1 0;width:auto;min-width:0;margin-bottom:0}.menu .field-pair .field:first-child{flex-grow:1.35}.menu .field-pair select{text-overflow:ellipsis;padding-left:9px;padding-right:4px;font-size:15px}.menu .count{opacity:.7;text-align:left;min-height:18px;margin:6px 2px 0;font-size:12px}.menu button{font:inherit;cursor:pointer;border:0;border-radius:5px;width:min(78vw,300px);margin-bottom:10px;padding:13px 18px;font-weight:600}.menu .primary{color:#102824;background:#bfeee0}.menu button:disabled{color:#8fa6b3;cursor:default;background:#37505a}.menu .secondary{color:#bfe4ff;background:#0c2232e6;border:1px solid #3f8f7d}.menu .note{opacity:.5;max-width:320px;margin-top:14px;font-size:11px}.menu .mm,.menu .custom-game{width:min(78vw,300px)}.menu [hidden]{display:none!important}.menu .mm-online{letter-spacing:.08em;text-transform:uppercase;color:#d8f2ff;text-shadow:0 1px 8px #040a12e6;align-items:center;gap:7px;margin:0 2px 8px;font-size:12px;display:flex}.menu .mm-dot{background:#7ff0b0;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 8px #7ff0b0}.menu.mm-offline .mm-dot{box-shadow:none;background:#8fa6b3}.menu .mm-search{box-sizing:border-box;text-align:left;background:#06141edb;border:1px solid #3f8f7d;border-radius:5px;width:min(78vw,300px);margin-bottom:10px;padding:9px 12px}.menu .mm-search-head{letter-spacing:.16em;text-transform:uppercase;color:#bfeee0;font-size:11px;font-weight:600}.menu .mm-search.searching .mm-search-head:after{content:"";text-align:left;vertical-align:bottom;width:1.2em;animation:1.2s steps(4,end) infinite mm-dots;display:inline-block;overflow:hidden}.menu .mm-search-line{color:#d8f2ff;font-size:13px}@keyframes mm-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.menu button.menu-link{letter-spacing:.1em;text-transform:uppercase;color:#9fd8ef;opacity:.8;text-underline-offset:3px;background:0 0;border:0;width:auto;padding:4px 8px;font-size:12px;font-weight:500;text-decoration:underline}.menu button.menu-link:hover:not(:disabled){opacity:1}.menu button.menu-link:disabled{opacity:.35;background:0 0}.menu button.menu-settings{z-index:2;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#bfe4ff;opacity:.85;background:#06121c8c;border:1px solid #9fd8ef59;border-radius:50%;width:44px;height:44px;padding:9px;transition:opacity .15s,border-color .15s,transform .3s;position:fixed}.menu button.menu-settings svg{width:100%;height:100%;display:block}.menu button.menu-settings:hover{opacity:1;border-color:#bfeee0cc;transform:rotate(30deg)}.menu button.menu-settings:focus-visible{outline-offset:3px;outline:2px solid #bfeee0d9}.menu button.menu-notice{z-index:2;left:max(12px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));width:auto;max-width:min(340px, calc(100vw - var(--mascot-w) - var(--mascot-right) - 56px));color:#bfe4ff;letter-spacing:.02em;text-align:left;opacity:.62;text-shadow:0 1px 6px #040a12f2;background:0 0;border:0;border-radius:4px;margin:0;padding:4px 6px;font-size:10.5px;font-weight:400;line-height:1.35;transition:opacity .15s;position:fixed}.menu button.menu-notice:hover,.menu button.menu-notice:focus-visible{opacity:1}.menu button.menu-notice:focus-visible{outline-offset:2px;outline:2px solid #bfeee0d9}.menu-notice .notice-link{text-underline-offset:3px;color:#9fd8ef;white-space:nowrap;text-decoration:underline}.menu .menu-links{flex-wrap:wrap;justify-content:center;column-gap:6px;display:flex}@media (min-height:471px) and (max-height:700px){.menu{padding:12px}.menu-logo{width:min(60vw,300px);max-height:90px}.menu{--mascot-w:clamp(90px, 30vw, 140px)}.menu-mascot img.mascot-note{width:max(32%,64px);bottom:7%}.menu .sub{margin-bottom:8px}.menu .field,.menu .field-pair{margin-bottom:10px}.menu label{margin-bottom:3px}.menu select,.menu input{padding:8px 12px}.menu button{margin-bottom:8px;padding:10px 18px}.menu .note{margin-top:8px}}@media (min-height:471px) and (max-height:600px){.menu .note{display:none}}@media (min-height:471px) and (max-height:540px){.menu-logo{width:min(48vw,180px);max-height:60px}.menu .sub{display:none}}@media (max-height:470px){.menu{padding-block:10px;padding-left:max(16px, env(safe-area-inset-left));padding-right:calc(max(16px, env(safe-area-inset-right)) + clamp(56px, 12vw, 120px));grid-template-columns:minmax(0,250px) minmax(0,270px);place-content:center;align-items:center;column-gap:clamp(20px,4vw,44px)}.menu-brand,.menu-actions,.menu-form{flex-direction:column;justify-self:stretch;min-width:0;display:flex}.menu-brand{grid-area:1/1;align-self:end;align-items:center}.menu-actions{grid-area:2/1;align-self:start;gap:8px;margin-top:12px}.menu-form{grid-area:1/2/span 2;gap:8px}.menu-logo{width:100%;max-height:62px;margin-bottom:2px}.menu h1{letter-spacing:.28em;margin:0;font-size:13px}.menu .sub{margin-bottom:0;font-size:9px}.menu .field,.menu .field-pair{width:100%;margin-bottom:0}.menu label{margin-bottom:3px;font-size:10px}.menu select,.menu input{padding:7px 10px}.menu .count{min-height:0;margin-top:3px;font-size:11px;line-height:1.3}.menu button{width:100%;margin-bottom:0;padding:10px 14px}.menu .note{display:none}.menu .mm,.menu .custom-game,.menu .mm-search{width:100%}.menu .mm-online{margin-bottom:4px;font-size:11px}.menu .mm-search{margin-bottom:0;padding:6px 10px}.menu button.menu-link{padding:0}.menu .menu-links{gap:4px 16px}.menu{--mascot-w:clamp(120px, 19vw, 200px);--mascot-right:max(8px, env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.menu,.menu-mascot,.menu-mascot img,.menu div.menu-donate{transition:none}}.menu-backdrop{z-index:1;pointer-events:none;background:#10202c url(/assets/menu/blood-gulch.jpg) 50%/cover no-repeat;transition:opacity .45s;position:fixed;inset:0}.menu-backdrop.live{opacity:0}@media (prefers-reduced-motion:reduce){.menu-backdrop{transition:none}}.menu-veil{z-index:5;opacity:0;pointer-events:none;background:#000;transition:opacity .65s;position:fixed;inset:0}.menu-veil.on{opacity:1}.menu-still{z-index:5;pointer-events:none;opacity:1;width:100%;height:100%;transition:opacity 1.4s;position:fixed;inset:0}.menu-still.gone{opacity:0}@media (prefers-reduced-motion:reduce){.menu-veil,.menu-still{transition:none}}.level-loading{color:#b7cbd4;letter-spacing:.035em;opacity:.8;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;max-width:min(78vw,320px);min-height:20px;font:11px/1.5 ui-sans-serif,system-ui,sans-serif;transition:opacity .22s,visibility;display:flex}.level-loading[hidden]{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.22s;display:flex}body>.level-loading{bottom:max(20px, env(safe-area-inset-bottom));z-index:30;position:fixed;left:24px}.loading-spinner{box-sizing:border-box;border:1.5px solid #bfeee033;border-top-color:#bfeee0;border-radius:50%;flex:none;width:11px;height:11px;animation:.85s linear infinite loading-spin}.level-loading[hidden] .loading-spinner{animation:none}.level-loading.failed{opacity:1}.level-loading.failed .loading-spinner{border-color:#e5bf95;animation:none}.menu .level-loading button,.level-loading button,.level-loading a{color:#d1e8eb;width:auto;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;border-radius:2px;margin:0;padding:2px 4px;text-decoration:underline}.level-loading [hidden]{display:none!important}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.level-loading{transition:none}.loading-spinner{animation:none}}