@font-face{font-family:Playtime;src:url('assets/images/menu/playtime.ttf') format('truetype');font-display:swap}
.menu-screen{position:absolute;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:#2c78c5}
.menu-stage{position:relative;width:100vw;height:100vh;min-height:420px;overflow:hidden;background:url('assets/images/menu/menu-sky.png') center/100% 100% no-repeat;box-shadow:0 0 0 3px #132e42,0 18px 55px #07243a88}
.menu-stage:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:7.2%;background:url('assets/images/background/ground.png') top left/auto 100%;border-top:3px solid #5fcf48;pointer-events:none}
.menu-logo{position:absolute;z-index:3;top:5%;left:18%;width:64%;height:auto;filter:drop-shadow(0 4px 0 #268ac133)}
.picture-button{border:0;padding:0;background:transparent;line-height:0;cursor:pointer;transition:transform .15s ease,filter .15s ease;-webkit-tap-highlight-color:transparent}
.picture-button img{display:block;width:100%;height:100%;object-fit:contain}
.picture-button:hover,.picture-button:focus-visible{transform:scale(1.07);filter:brightness(1.08);outline:none}.picture-button:active{transform:scale(.96)}
.menu-start,.menu-help,.menu-credits{position:absolute;z-index:5;width:22%;aspect-ratio:241/123;overflow:hidden}.menu-start img,.menu-help img,.menu-credits img{position:absolute;left:-3.7%;top:-62.6%;width:106.2%;height:auto;max-width:none;object-fit:initial}.menu-start{top:33.6%;left:39%}.menu-help{top:53.5%;left:30%}.menu-credits{top:72.1%;left:39%;width:24%}
.menu-bird,.menu-copter{position:absolute;z-index:4;background-repeat:no-repeat;background-size:800% 800%;background-position:0 0;animation:sprite-row .9s steps(7) infinite,menu-float 2.5s ease-in-out infinite}
.menu-bird{top:5%;width:9%;aspect-ratio:1;background-image:url('assets/images/menu/tweet-bird.png')}.bird-left{left:8%}.bird-right{right:8%;animation-delay:-.45s;scale:-1 1}
.menu-copter{right:15%;bottom:5.2%;width:13%;aspect-ratio:1;background-image:url('assets/images/chopper.png');animation-duration:.7s,2.1s}
@keyframes sprite-row{to{background-position-x:100%}}@keyframes menu-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
.menu-heliport{position:absolute;z-index:3;right:6.5%;bottom:6.5%;width:9%;height:auto}.menu-copyright{position:absolute;z-index:3;left:31%;bottom:1.3%;width:38%;height:auto}
.menu-utility{position:absolute;z-index:5;left:9%;bottom:8.8%;display:flex;gap:1.4vw}.mini-button{width:8.5vw;max-width:82px;min-width:48px;aspect-ratio:1}
.best-score{position:absolute;z-index:4;left:9%;top:49%;min-width:19%;padding:1.4% 2.4% 1.7%;display:grid;gap:2px;text-align:center;color:#fff;background:#958b9cae;border:3px solid #fff;border-radius:18px;font-family:Playtime,Arial,sans-serif;box-shadow:0 4px 0 #654e6660}
.best-score:after{content:"";position:absolute;left:18%;bottom:-16px;border:9px solid transparent;border-top-color:#fff;rotate:12deg}.best-score small{font-size:clamp(11px,1.6vw,19px)}.best-score strong{font-size:clamp(18px,2.8vw,34px);font-weight:400}
.menu-modal{position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:18px;background:#246fa077;backdrop-filter:blur(7px)}
.setup-card{position:relative;width:min(480px,94vw);max-height:95vh;overflow:auto;scrollbar-width:none;padding:30px 34px 26px;color:#555;background:linear-gradient(#fff 0 70%,#ffe3f1);border:5px solid #fff;border-radius:34px;font-family:Playtime,Arial,sans-serif;box-shadow:0 18px 70px #16486a99,0 8px 0 #d395b7}.setup-card::-webkit-scrollbar{display:none}
.setup-card:after{content:"";position:absolute;left:22%;bottom:-31px;border:18px solid transparent;border-top-color:#d395b7;rotate:8deg}.setup-card h2{margin:0;color:#26bedd;text-align:center;font-size:clamp(32px,8vw,52px);font-weight:400}.setup-card>p{margin:4px 0 18px;text-align:center;font-family:Arial,sans-serif;color:#6f7480}
.setup-card label{display:grid;gap:6px;margin-top:10px;color:#7a7181;font-size:15px}.setup-card input{width:100%;margin:0;padding:12px 15px;border:3px solid #83d6e7;border-radius:14px;background:#fff;color:#3d5660;font:22px Playtime,Arial,sans-serif;outline:none}.setup-card input:focus{border-color:#53c900;box-shadow:0 0 0 4px #91dc4e44}
.round-back{position:absolute;right:13px;top:10px;width:39px;height:39px;border:0;border-radius:50%;background:#ef4e71;color:white;font:28px/1 Arial,sans-serif;cursor:pointer}
.setup-card .flight-modes{margin:15px 0 5px}.setup-card .flight-modes button{border:3px solid #fff;border-radius:16px;padding:12px 8px;background:#a49eaa;color:#fff;font-family:Playtime,Arial,sans-serif;box-shadow:0 4px 0 #776d7a}.setup-card .flight-modes button.selected{border-color:#fff;background:#93cf42;color:#fff;box-shadow:0 4px 0 #5f9e22}.setup-card .flight-modes small{display:block;margin-top:4px;font:10px Arial,sans-serif}
.launch-bubble{display:block;width:62%;margin:18px auto 0;padding:13px;border:4px solid #fff;border-radius:17px;background:#8fce3e;color:#fff;font:32px Playtime,Arial,sans-serif;box-shadow:0 5px 0 #5e9c25;cursor:pointer}.launch-bubble:hover{filter:brightness(1.08);transform:translateY(-1px)}.launch-bubble:disabled{filter:grayscale(.6);cursor:wait}.setup-card .lobby-error{font-family:Arial,sans-serif;color:#c52e55;background:#fff0f5;border-color:#e4507550}
.menu-overlay{background:#2c78c5 url('assets/images/menu/menu-sky.png') center/cover no-repeat}.art-panel{position:relative;width:min(86vmin,720px);aspect-ratio:1}.art-panel>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 30px #1c507a88)}.art-back{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;width:70px;height:70px;border:4px solid #fff;border-radius:50%;background:#fff;color:#258ec8;font:18px Playtime,Arial,sans-serif;cursor:pointer;box-shadow:0 5px 0 #8fa9b8}.art-back:hover{transform:scale(1.07)}
@media(max-aspect-ratio:3/4){.menu-stage{width:100vw;height:100vh;min-height:0;background-size:auto 100%;background-position:center}.menu-logo{top:5%;left:8%;width:84%}.menu-bird{top:15%;width:15%}.bird-left{left:7%}.bird-right{right:7%}.menu-start{top:29%;left:30%;width:40%}.menu-help{top:49%;left:9%;width:35%}.menu-credits{top:64%;left:29%;width:43%}.best-score{left:auto;right:7%;top:45%;min-width:32%;padding:3% 3.5%}.menu-utility{left:7%;bottom:10%;gap:7px}.mini-button{width:15vw}.menu-copter{right:18%;bottom:5.5%;width:22%}.menu-heliport{right:5%;bottom:6.8%;width:15%}.menu-copyright{left:23%;bottom:1.7%;width:54%}.setup-card{padding:27px 22px 22px}.setup-card .flight-modes{grid-template-columns:1fr}.launch-bubble{width:72%}}