*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;height:100dvh;overflow:hidden;background:#0a1a2e}.menu-page{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;font-family:Fredoka,Arial Rounded MT Bold,Arial,sans-serif;touch-action:manipulation;-webkit-user-select:none;user-select:none}.menu-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#0a1a2e}.menu-background__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:brightness(.88) saturate(1.1)}.menu-background__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.menu-background__vignette--bottom{background:linear-gradient(to top,rgba(10,26,46,.8) 0%,transparent 45%)}.menu-background__vignette--sides{background:linear-gradient(to right,rgba(10,26,46,.33) 0%,transparent 22%,transparent 78%,rgba(10,26,46,.33) 100%)}.menu-sparkles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.menu-sparkle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:0;animation:sparkle 2.5s ease-in-out infinite;animation-delay:var(--delay)}@keyframes sparkle{0%{opacity:0;transform:scale(.5) rotate(0)}40%{opacity:1;transform:scale(1.2) rotate(20deg)}70%{opacity:.6;transform:scale(.9) rotate(-10deg)}to{opacity:0;transform:scale(.5) rotate(0)}}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;animation:menu-fade-in .6s ease-out .08s both}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.menu__actions{position:absolute;left:50%;transform:translate(-50%);bottom:max(calc(env(safe-area-inset-bottom) + 14vh),7.5rem);display:flex;flex-direction:column;align-items:stretch;gap:clamp(.75rem,2.5vh,1rem);width:clamp(200px,50vw,320px);pointer-events:auto}.menu__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;width:100%;cursor:pointer;transition:transform .1s ease}.menu__btn:disabled{cursor:not-allowed;opacity:.55}.menu__btn:not(:disabled):hover{transform:scale(1.04)}.menu__btn:not(:disabled):active{transform:scale(.95)}.menu__btn-label{display:block;width:100%;border-radius:999px;text-align:center;font-weight:700;letter-spacing:.04em;padding:clamp(10px,2.5vw,14px) 0;font-size:clamp(16px,4vw,22px)}.menu__btn--primary{filter:drop-shadow(0 4px 16px rgba(245,194,0,.5))}.menu__btn--primary .menu__btn-label{color:#5a2200;text-shadow:0 1px 0 rgba(255,255,255,.4);background:linear-gradient(180deg,#ffe84d,#f5a700 55%,#d97000);border:3px solid #fff4a0;box-shadow:0 6px #a84f00,inset 0 2px #fff6}.menu__btn--secondary{filter:drop-shadow(0 4px 12px rgba(100,200,255,.35))}.menu__btn--secondary .menu__btn-label{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);background:linear-gradient(180deg,#6ee0ff,#1a9fd4 55%,#0e6fa0);border:3px solid #b8f0ff;box-shadow:0 6px #074e74,inset 0 2px #ffffff59}@media (orientation: portrait){.menu__actions{bottom:max(calc(env(safe-area-inset-bottom) + 22vh),11rem);width:clamp(200px,72vw,320px)}}@media (orientation: landscape) and (max-height: 520px){.menu__actions{bottom:max(calc(env(safe-area-inset-bottom) + 10vh),4.5rem);width:clamp(180px,36vw,280px);gap:.55rem}.menu__btn-label{padding:clamp(8px,1.8vh,11px) 0;font-size:clamp(14px,2.8vh,18px)}}@media (min-width: 900px){.menu__actions{bottom:max(calc(env(safe-area-inset-bottom) + 16vh),8.5rem);width:300px}}