.overlay.menu-page{padding:0;background:#111e20;isolation:isolate;align-items:stretch}
.menu-page::before{content:'';position:fixed;inset:0;z-index:-2;background:url('/assets/themes/main-menu-v2.webp') center/cover no-repeat}
.menu-page::after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#06131699,transparent 80%),linear-gradient(#06101566,transparent 40%,#07101488)}
.menu-page .start-menu{position:relative;display:grid;grid-template-columns:minmax(170px,1fr) minmax(370px,1.5fr) 1fr;grid-template-rows:auto 1fr auto;gap:30px;width:100%;max-width:1600px;min-height:100dvh;margin:auto;padding:clamp(28px,5vh,65px) clamp(22px,5vw,80px);background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.home-title{grid-column:1/-1;text-align:center;padding:20px 60px 12px}
.menu-page .home-title h2{font:600 clamp(32px,5.2vw,76px)/1.15 Cinzel,Georgia,serif;color:#f4dfaf;text-shadow:0 4px 18px #000;margin:0;letter-spacing:.025em}
.home-title h2 span{font-size:.6em}.home-title p{font-size:16px;letter-spacing:.24em;color:#e0e5dd;margin:14px 0 0;text-transform:uppercase}
.menu-page .menu-tip{grid-column:1;align-self:start;margin:32px 0 0;padding:18px;border:1px solid #af98684d;border-left:2px solid #b89c65;border-radius:2px;background:#0a1a20bb;backdrop-filter:blur(8px);max-width:280px;text-align:left;box-shadow:none}
.menu-page .menu-tip small{color:#d7bb80;font-size:12px;letter-spacing:.16em}.menu-page .menu-tip p{font-size:15px;line-height:1.6;color:#e0e5df;min-height:90px}.menu-page .menu-tip button{min-height:44px;border:0;padding:4px 0;color:#e4c78b;background:none;font-size:14px}
.home-actions{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-self:center;margin-bottom:80px}
.home-actions>div{display:flex;flex-direction:column;gap:13px}.home-play{padding-top:25px}
.home-actions button{min-height:54px;font-size:16px;border-radius:3px;border:1px solid #a58c59;background:#0c2025de;color:#f2e3c4;box-shadow:0 5px 20px #0004;backdrop-filter:blur(8px)}
.home-actions button:hover,.home-actions button:focus-visible{background:#28413e;border-color:#ffe0a2;transform:translateY(-2px)}
.home-actions .primary{background:linear-gradient(#e2c184,#b9985d);color:#142124;font-weight:800;min-height:65px;font-size:20px}.home-play>button:nth-child(n+3){font-size:14px;min-height:44px;background:#0b1b2099}
.home-bottom{grid-column:1/-1;display:flex;align-items:flex-end;gap:35px;min-height:60px}
.home-news{display:grid;gap:10px}.home-news small{color:#d0d9d4;font-size:12px}.home-news button{background:#10252be6;min-height:44px}
.menu-page .community-footer{margin:0;padding:12px 0;display:flex;gap:24px;border:0;background:none;flex-wrap:wrap}.community-footer a{color:#efd9a9;font-size:14px;text-underline-offset:5px}
.home-settings{position:absolute;top:22px;right:24px;z-index:10}.home-settings>summary{list-style:none;display:grid;place-items:center;width:48px;height:48px;border:1px solid #c0a776;border-radius:50%;color:#f3dfb4;background:#102329e6;font-size:28px;cursor:pointer}.home-settings>summary::-webkit-details-marker{display:none}
.home-settings-panel{position:absolute;right:0;top:60px;width:min(380px,calc(100vw - 40px));max-height:calc(100dvh - 115px);overflow:auto;padding:24px;background:#12262bf5;border:1px solid #b69a61;border-radius:6px;box-shadow:0 20px 60px #000b;backdrop-filter:blur(16px)}
.menu-page .home-settings-panel h2{font-size:25px}.home-settings-panel h3{font-size:16px;color:#e9d3a1;margin:24px 0 12px}.home-settings-panel p{font-size:14px;line-height:1.5;color:#c0d0cd}.home-settings-panel button{min-height:44px}.home-settings-panel .menu-layout{margin:0;padding:0;border:0;background:none}.home-settings-panel .combat-mode-controls{justify-content:flex-start}.home-settings-panel .combat-mode-controls>span{display:none}.home-settings-panel .layout-switch{display:flex;gap:5px;flex-wrap:wrap}
@media(max-width:900px){.menu-page .start-menu{grid-template-columns:1fr 2fr;gap:24px;padding:55px 25px 22px}.home-title{padding:20px 10px}.home-actions{grid-column:2;margin-bottom:70px}.menu-page::before{background-position:68% center}.menu-page .menu-tip{padding:13px}.home-actions{gap:12px}}
@media(max-width:600px){.menu-page .start-menu{display:flex;flex-direction:column;gap:20px;padding:72px 20px 20px}.home-title{padding:0}.menu-page .home-title h2{font-size:35px}.home-title p{font-size:12px;letter-spacing:.16em}.menu-page::before{background-position:72% bottom}.menu-page::after{background:linear-gradient(#061318c9,#06131860 65%,#061318c9)}.menu-page .menu-tip{order:2;max-width:none;margin:0;padding:12px 15px}.menu-page .menu-tip p{min-height:0;margin:7px 0;font-size:14px}.home-actions{order:1;display:grid;gap:12px;margin:8px 0 100px;align-self:stretch}.home-actions button{font-size:14px;min-height:48px}.home-play{padding-top:0}.home-bottom{order:3;flex-wrap:wrap;gap:12px}.menu-page .community-footer{gap:18px}.home-settings{top:15px;right:18px}}
@media(max-height:600px) and (min-width:601px){.menu-page .start-menu{padding:15px 25px;gap:14px}.home-title{padding:0 55px}.menu-page .home-title h2{font-size:36px}.home-title p{margin-top:5px;font-size:12px}.home-actions{margin-bottom:0;gap:12px}.home-actions>div{gap:7px}.home-actions button,.home-actions .primary{min-height:42px}.menu-page .menu-tip{margin:0}.menu-page .menu-tip p{min-height:0}.home-play{padding:0}.home-bottom{min-height:45px}.home-settings{top:12px;right:15px}}
@media(prefers-reduced-motion:reduce){.home-actions button:hover{transform:none}}
.shell.dedicated-page{width:100%;max-width:none;height:100dvh;overflow:auto;padding:0 0 32px;background:radial-gradient(ellipse at top,#28413f,#101d21 70%)}
.page-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(20px,calc((100vw - 1200px)/2));border-bottom:1px solid #6d795c66;background:#102126;color:#e7d1a5}
.page-navigation button{min-height:44px}.page-navigation span{font-family:Cinzel,Georgia,serif}
.page-content{position:static;display:block;width:100%;padding:28px 20px;background:none}
.dedicated-page .page-content>.modal{width:min(1200px,100%);max-width:1200px;max-height:none;height:auto;overflow:visible;margin:0 auto;padding:20px;background:none;border:0;border-radius:0;box-shadow:none}
.dedicated-page .page-content>.rules-modal{max-width:850px}.dedicated-page .page-content>.account-modal{max-width:960px}
.dedicated-page .page-content>.inspect{max-width:900px}.dedicated-page .rules-modal li{font-size:16px;line-height:1.7;margin-bottom:16px}
.collection-tabs{display:flex;justify-content:center;gap:10px;padding:22px 20px 0}.collection-tabs button{min-height:48px;min-width:145px}
.dedicated-page .library-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
@media(max-width:600px){.page-navigation{padding:12px;gap:10px}.page-navigation span{font-size:12px}.page-content{padding:14px 8px}.dedicated-page .page-content>.modal{padding:8px}.dedicated-page .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tabs{padding-top:15px}.collection-tabs button{min-width:0;flex:1}}
.menu-page .start-menu{grid-template-columns:minmax(0,1fr) minmax(260px,320px) minmax(0,1fr)}
.menu-page .home-actions{display:block;width:100%;grid-column:2;align-self:center;margin:0}
.home-primary-menu{gap:9px!important}
.home-primary-menu>button{width:100%;min-height:46px}
.home-primary-menu>.primary{min-height:55px}
.home-play-submenu{display:grid;gap:6px;margin:0 0 7px 26px;padding-left:12px;border-left:1px solid #bba06b}
.home-play-submenu button{min-height:38px;font-size:14px;background:#0c2025ba}
@media(max-width:600px){.menu-page .home-actions{max-width:290px;align-self:center;margin:0 0 65px}.menu-page .menu-tip{width:100%}}
@media(max-height:600px) and (min-width:601px){.home-primary-menu{gap:5px!important}.home-primary-menu>button,.home-primary-menu>.primary{min-height:33px;padding:5px 12px;font-size:15px}.home-play-submenu{gap:4px;margin-bottom:3px}.home-play-submenu button{min-height:30px;padding:4px 10px;font-size:13px}}