/* 首頁裝飾層漂浮，按鈕本體及點擊區域不移動；沿用原角色、Logo 與事件。 */
.arena-ui #main-menu.floating-lobby{place-items:center;justify-items:center;isolation:isolate;padding:24px;background-color:#162c50}
#main-menu.floating-lobby::before{content:'';position:fixed;inset:0;background:inherit;background-size:cover;filter:blur(2px) saturate(.8);z-index:-2;pointer-events:none}
.arena-ui #main-menu.floating-lobby .main-menu-shade{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 27% 48%,#365c7c22,transparent 50%),linear-gradient(90deg,#102445c9,#112646b8 55%,#11244099);pointer-events:none}
.arena-ui #main-menu.floating-lobby .home-refresh{width:min(1040px,100%);max-height:none;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:18px 70px;padding:38px 20px 0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
#main-menu.floating-lobby .home-showcase,#main-menu.floating-lobby .home-start{position:relative;z-index:1}
.arena-ui #main-menu.floating-lobby .home-game-logo{width:100%;max-width:405px;margin:0 auto 18px;filter:drop-shadow(0 10px 12px #07172a66);animation:lobby-logo-float 6s ease-in-out infinite;pointer-events:none}
#main-menu.floating-lobby .home-pet{--pet-size:clamp(170px,18vw,235px);position:relative;isolation:isolate;width:100%;max-width:340px;padding:0 20px;background:none;transform:none;min-height:0}
#main-menu.floating-lobby .home-pet::before{content:'';position:absolute;top:calc(var(--pet-size) - 20px);left:50%;width:75%;height:40px;border:2px solid #fff0a8;border-radius:50%;background:radial-gradient(ellipse at 50% 28%,#c8ffd1,#6bd7af 45%,#47b7c3 73%,#ffe398 77%);box-shadow:0 6px 0 #287c9c,0 14px 26px #9de9ff33;transform:translateX(-50%);z-index:-1;animation:lobby-island-float 5s ease-in-out infinite;pointer-events:none}
#main-menu.floating-lobby .home-pet::after{content:'';position:absolute;top:calc(var(--pet-size) + 3px);left:50%;width:68%;height:37px;clip-path:polygon(0 0,100% 0,85% 55%,65% 68%,53% 100%,40% 72%,18% 60%);background:linear-gradient(115deg,#4595ad,#325c8e 50%,#b095d3);transform:translateX(-50%);filter:drop-shadow(0 10px 8px #07172a88);z-index:-2;animation:lobby-island-float 5s ease-in-out infinite;pointer-events:none}
#main-menu.floating-lobby #home-pet-image{position:relative;width:var(--pet-size);height:var(--pet-size);filter:drop-shadow(0 9px 6px #12213c55);animation:home-pet-breathe 4s ease-in-out infinite;transform-origin:50% 100%}
#main-menu.floating-lobby #home-pet-name{position:relative;margin-top:30px;color:#fff0b8;text-shadow:0 2px 3px #071a30;font-size:18px}
#main-menu.floating-lobby .home-pet small{color:#d8e8f6;font-size:12px}
#main-menu.floating-lobby .home-pet-caption{margin:14px auto 0;min-height:0;max-width:340px;padding:9px 17px;background:linear-gradient(135deg,#426385dd,#263e62dd);border-color:#bfe9ff66;box-shadow:0 6px 0 #13274066,0 12px 22px #0a193544;font-size:14px}
#main-menu.floating-lobby .home-start::before{content:'';position:absolute;inset:-20px 0;background:radial-gradient(ellipse,#233c6390,transparent 70%);z-index:-1;pointer-events:none}
.arena-ui #main-menu.floating-lobby .main-menu-subtitle{font-size:clamp(26px,3vw,37px);line-height:1.3;gap:12px;margin:0 0 16px;text-wrap:balance;color:#fff2c7;text-shadow:0 3px 2px #11264188}
#main-menu.floating-lobby .home-description{font-size:14px;color:#d5e6f5;margin:0 0 24px;text-shadow:0 1px #112641}
.arena-ui #main-menu.floating-lobby .main-menu-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:0 4px 12px}
.arena-ui #main-menu.floating-lobby .main-menu-actions button{--lift-delay:0s;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;grid-column:auto;min-width:0;margin:0;padding:8px 10px;border:0;background:transparent;box-shadow:none;color:#eff9ff;transform:none;filter:none;overflow:visible;cursor:pointer;transition:none}
.arena-ui #main-menu.floating-lobby .main-menu-actions button::before{content:'';position:absolute;inset:0;border:1px solid #d7ebffa6;border-radius:20px;background:linear-gradient(150deg,#537ba3,#304e79 70%);box-shadow:inset 0 2px 0 #f0fbff44,0 6px 0 #19314e,0 12px 20px #081a3c70;z-index:-1;pointer-events:none;animation:lobby-menu-float 5.2s ease-in-out var(--lift-delay) infinite}
.arena-ui #main-menu.floating-lobby .main-menu-actions button>span{position:relative;padding:0;pointer-events:none;animation:lobby-menu-float 5.2s ease-in-out var(--lift-delay) infinite}
.arena-ui #main-menu.floating-lobby #enter-game{grid-column:1/-1;min-height:88px;font-size:31px;text-shadow:0 2px #ab416f66}
.arena-ui #main-menu.floating-lobby #enter-game::before{background:linear-gradient(150deg,#ffb0cc,#ff82b2 48%,#ee5b98);border:2px solid #ffd5e7;box-shadow:inset 0 3px #fff2fa77,0 8px 0 #a73d72,0 15px 28px #08162f80,0 0 26px #ff9fc929;border-radius:24px}
.arena-ui #main-menu.floating-lobby #open-instructions,.arena-ui #main-menu.floating-lobby #open-storybook{min-height:72px;font-size:18px;text-shadow:0 2px #1c305366}
.arena-ui #main-menu.floating-lobby #open-instructions{--lift-delay:-1.6s}
.arena-ui #main-menu.floating-lobby #open-storybook{--lift-delay:-3.1s}
.arena-ui #main-menu.floating-lobby #open-storybook::before{background:linear-gradient(145deg,#686a9f,#414d7e)}
.arena-ui #main-menu.floating-lobby .main-menu-actions button:active::before,.arena-ui #main-menu.floating-lobby .main-menu-actions button:active>span{animation-play-state:paused;translate:0 4px}
@media(hover:hover) and (pointer:fine){.arena-ui #main-menu.floating-lobby .main-menu-actions button:hover::before{filter:brightness(1.12)} }
#main-menu.floating-lobby .home-settings{top:0;right:0;background:#213958cc;border-color:#c4e7ff66;box-shadow:0 3px 0 #10254066;z-index:3;min-width:90px}
#main-menu.floating-lobby .home-fullscreen{display:none;position:absolute;top:0;right:108px;z-index:3;min-width:110px;min-height:48px;padding:9px 12px;border:1px solid #c4e7ff99;border-radius:999px;background:#213958e6;color:#fff;font:900 14px ui-rounded,"Trebuchet MS",system-ui,sans-serif;box-shadow:0 3px 0 #10254066;cursor:pointer}
@media(pointer:coarse){#main-menu.floating-lobby .home-fullscreen{display:inline-flex;align-items:center;justify-content:center;gap:6px}}
html.pwa-installed #main-menu.floating-lobby .home-fullscreen{display:none}
#main-menu.floating-lobby .home-footer{justify-self:center;width:fit-content;max-width:100%;gap:12px;border:1px solid #9dcee333;border-radius:30px;padding:0 14px;margin-top:8px;background:#152d4ab8;box-shadow:0 3px 12px #0a193533}
#main-menu.floating-lobby .home-footer button,#main-menu.floating-lobby .home-footer a{min-height:44px;color:#d6e7f4}
#main-menu.floating-lobby button:focus-visible,#main-menu.floating-lobby a:focus-visible{outline:3px solid #ffe799;outline-offset:5px}
@keyframes lobby-logo-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(.5deg)}}
@keyframes lobby-island-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-3px)}}
@keyframes lobby-menu-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.arena-ui.reduced-motion #main-menu.floating-lobby *, .arena-ui.reduced-motion #main-menu.floating-lobby *::before,.arena-ui.reduced-motion #main-menu.floating-lobby *::after{animation:none!important;transition:none!important}
#main-menu.floating-lobby.hidden *,#main-menu.floating-lobby.hidden *::before,#main-menu.floating-lobby.hidden *::after{animation-play-state:paused}
@media(max-width:600px) and (orientation:portrait){
 .arena-ui #main-menu.floating-lobby{padding:14px 18px}
 .arena-ui #main-menu.floating-lobby .home-refresh{grid-template-columns:1fr;gap:12px;padding:42px 0 0}
 .arena-ui #main-menu.floating-lobby .home-game-logo{max-width:280px;margin-bottom:8px}
 #main-menu.floating-lobby .home-pet{--pet-size:140px;max-width:240px}
 #main-menu.floating-lobby #home-pet-name{font-size:15px;margin-top:27px}
 #main-menu.floating-lobby .home-pet-caption{font-size:13px;margin-top:9px;padding:7px 14px}
 .arena-ui #main-menu.floating-lobby .main-menu-subtitle{font-size:23px;margin-bottom:8px;gap:5px}
 #main-menu.floating-lobby .home-description{font-size:12px;margin-bottom:14px}
 .arena-ui #main-menu.floating-lobby #enter-game{min-height:66px;font-size:25px}
 .arena-ui #main-menu.floating-lobby #open-instructions,.arena-ui #main-menu.floating-lobby #open-storybook{min-height:56px;font-size:15px}
 .arena-ui #main-menu.floating-lobby .main-menu-actions{gap:15px 12px;padding-bottom:5px}
 #main-menu.floating-lobby .home-footer{gap:0;margin-top:4px;padding:0 5px}
}
@media(max-height:560px) and (orientation:landscape){
 .arena-ui #main-menu.floating-lobby{padding:8px max(14px,env(safe-area-inset-left)) 8px max(14px,env(safe-area-inset-right))}
 .arena-ui #main-menu.floating-lobby .home-refresh{width:min(880px,100%);gap:4px 30px;padding:28px 10px 0}
 .arena-ui #main-menu.floating-lobby .home-game-logo{max-width:215px;margin-bottom:5px}
 #main-menu.floating-lobby .home-pet{--pet-size:100px;max-width:200px}
 #main-menu.floating-lobby .home-pet::before{height:24px;top:calc(var(--pet-size) - 12px)}
 #main-menu.floating-lobby .home-pet::after{height:20px;top:calc(var(--pet-size) + 2px)}
 #main-menu.floating-lobby #home-pet-name{font-size:13px;margin-top:18px}
 #main-menu.floating-lobby .home-pet small{font-size:10px;margin-top:1px}
 #main-menu.floating-lobby .home-pet-caption{font-size:12px;margin-top:6px;padding:5px 12px}
 #main-menu.floating-lobby .home-pet-caption small{font-size:10px}
 .arena-ui #main-menu.floating-lobby .main-menu-subtitle{font-size:22px;gap:6px;margin-bottom:8px}
 #main-menu.floating-lobby .home-description{font-size:11px;margin-bottom:14px}
 .arena-ui #main-menu.floating-lobby #enter-game{min-height:64px;font-size:25px}
 .arena-ui #main-menu.floating-lobby #open-instructions,.arena-ui #main-menu.floating-lobby #open-storybook{min-height:54px;font-size:14px}
 .arena-ui #main-menu.floating-lobby .main-menu-actions{gap:15px 12px;padding-bottom:6px}
 #main-menu.floating-lobby .home-footer{gap:6px;margin-top:2px;padding:0 6px}
 #main-menu.floating-lobby .home-settings{min-height:44px;top:-4px;right:4px;min-width:80px}
 #main-menu.floating-lobby .home-fullscreen{top:-4px;right:96px;min-height:44px;min-width:104px}
}
@media(max-width:700px) and (max-height:560px) and (orientation:landscape){
 .arena-ui #main-menu.floating-lobby .home-game-logo{max-width:185px}
 #main-menu.floating-lobby .home-pet{--pet-size:84px}
}
@media(max-height:340px) and (orientation:landscape){
 .arena-ui #main-menu.floating-lobby .home-refresh{padding-top:18px;gap:2px 22px}
 #main-menu.floating-lobby .home-start{padding-top:14px;box-sizing:border-box}
 .arena-ui #main-menu.floating-lobby .home-game-logo{max-width:160px;margin-bottom:0}
 #main-menu.floating-lobby .home-pet{--pet-size:68px;max-width:180px}
 .arena-ui #main-menu.floating-lobby .main-menu-subtitle{font-size:18px;gap:4px}
 #main-menu.floating-lobby .home-description{margin-bottom:9px}
 .arena-ui #main-menu.floating-lobby #enter-game{min-height:58px;font-size:22px}
 .arena-ui #main-menu.floating-lobby #open-instructions,.arena-ui #main-menu.floating-lobby #open-storybook{min-height:48px;font-size:13px}
}