.main-menu{position:absolute;z-index:50;inset:0;overflow:hidden;background:linear-gradient(90deg,rgba(27,20,19,.96) 0%,rgba(49,34,30,.86) 42%,rgba(75,49,40,.48) 72%,rgba(31,23,21,.78) 100%),url("assets/frontier-map.png") center/cover;color:#efdba5}
.main-menu::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 43%,rgba(221,178,111,.18),transparent 34%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);pointer-events:none}
.main-menu.hidden{display:none}
.menu-coin{position:absolute;right:4vw;top:4vh;padding:.55em 1.1em;border:1px solid rgba(238,210,155,.58);background:rgba(34,25,23,.72);font-size:clamp(17px,1.4vw,25px);box-shadow:0 3px 0 rgba(0,0,0,.32)}
.menu-coin strong{margin-left:.65em;color:#fff0b4;font-size:1.25em}
.menu-title{position:absolute;left:7vw;top:19vh;width:min(680px,54vw);text-shadow:0 3px 3px #160e0c}
.menu-title small{display:block;letter-spacing:.45em;color:#d3ad73;font-size:clamp(13px,1.1vw,18px)}
.menu-title h1{width:max-content;max-width:none;margin:.08em 0;white-space:nowrap;font-weight:500;font-size:clamp(56px,6.8vw,112px);line-height:1;letter-spacing:-.055em;background:linear-gradient(#fff0b5,#b98555);-webkit-background-clip:text;background-clip:text;color:transparent;transition:filter .2s,transform .2s,text-shadow .2s}
.menu-title p{max-width:470px;margin:1.6em 0 0;color:#d8c297;font-size:clamp(15px,1.25vw,21px);line-height:1.8}
.menu-title h1[data-style="spirit"]{font-family:"FZShuTi","STKaiti","KaiTi",serif;font-weight:600;font-size:clamp(84px,11vw,180px);letter-spacing:.015em;background:linear-gradient(#fff8d0 0%,#d4d6b2 48%,#8eb0a5 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 9px rgba(198,229,194,.4));text-shadow:0 0 20px rgba(198,229,194,.22)}
.menu-beasts{position:absolute;right:7vw;top:18vh;width:min(43vw,620px);height:52vh;pointer-events:none}
.menu-beasts img{position:absolute;right:0;bottom:0;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(0,0,0,.5))}
.menu-beasts img:nth-child(2){right:42%;bottom:2%;width:48%}.menu-beasts img:nth-child(3){right:19%;bottom:42%;width:35%}
.menu-empty-beasts{position:absolute;right:8%;bottom:16%;width:70%;padding:22px;border:1px dashed rgba(238,214,167,.35);color:rgba(235,212,166,.62);text-align:center;line-height:1.7}
.menu-actions{position:absolute;right:4vw;bottom:5vh;display:flex;align-items:center;gap:14px}
.menu-actions button{min-height:62px;padding:0 22px;border:2px solid #e2c486;cursor:pointer;font:inherit;font-size:clamp(18px,1.45vw,26px);box-shadow:0 5px 0 #1b1210;transition:.16s}
.menu-actions button:hover{transform:translateY(-3px);filter:brightness(1.08)}
.menu-primary{min-width:220px;background:#e4c584;color:#32221d}.menu-primary i{margin-left:1.8em;font-style:normal}.menu-secondary{background:rgba(45,31,27,.86);color:#efdba5}
.menu-upgrade{display:inline-grid;place-items:center;width:1.15em;height:1.15em;margin-right:.45em;border:1px solid currentColor;line-height:1}
.menu-secondary small{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;margin-left:.45em;border:1px solid rgba(239,219,165,.6);border-radius:50%;font-size:.62em}
.menu-paw{position:relative;display:inline-block;width:1.15em;height:1em;margin-right:.55em;vertical-align:-.12em}.menu-paw::before{content:"";position:absolute;left:50%;top:62%;width:.55em;height:.42em;transform:translate(-50%,-50%);border-radius:55%;background:currentColor;box-shadow:-.35em -.38em 0 -.13em currentColor,0 -.5em 0 -.13em currentColor,.35em -.38em 0 -.13em currentColor}
@media(max-width:800px){.menu-title{left:7vw;top:16vh;width:88vw}.menu-title h1{font-size:15.5vw}.menu-title h1[data-style="spirit"]{font-size:19vw;letter-spacing:-.015em}.menu-title p{margin-top:1em;font-size:14px}.menu-beasts{right:-8vw;top:43vh;width:64vw;height:29vh;opacity:.72}.menu-actions{left:6vw;right:6vw;bottom:4vh;justify-content:flex-end}.menu-actions button{padding:0 16px;min-height:54px}.menu-primary{min-width:0}.menu-coin{right:5vw}}

.return-menu-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35em;padding:.42em .62em;border:1px solid rgba(232,211,156,.72);background:#332724;color:#efdda8;cursor:pointer;font:inherit;font-size:.62em;box-shadow:0 2px 0 #100c0b;text-shadow:0 2px 2px #000;transition:.15s}
.return-menu-button span{font-family:Arial,sans-serif;font-size:1.15em}.return-menu-button:hover{background:#4b3831;transform:translateY(-1px)}
@media(max-width:800px){.return-menu-button{padding:.4em .48em}.return-menu-button span{font-size:1.05em}}