.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{z-index:0;aspect-ratio:1086/1448;pointer-events:auto;filter:drop-shadow(0 8px 18px #00000073);width:clamp(180px,25vw,350px);transition:transform .24s;position:fixed;bottom:0;right:clamp(12px,2vw,28px);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>: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}@media (min-height:471px) and (max-height:700px){.menu{padding:12px}.menu-logo{width:min(60vw,300px);max-height:90px}.menu-mascot{width:clamp(90px,30vw,140px)}.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-mascot{width:clamp(120px,19vw,200px);right:max(8px, env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.menu,.menu-mascot,.menu-mascot img{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}}.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}}