/* Menu-only presentation. Shared controls and navigation retain their handlers. */
body[data-screen=menu]{background:#100d0a;overflow-x:hidden}
body[data-screen=menu] .forest{display:none}
body[data-screen=menu] #app{min-height:100svh;padding:0;margin:0;display:grid;place-items:center}
body[data-screen=menu] header{position:fixed;inset:auto 2.2vw 2.4vh auto;padding:8px 12px;background:#110d09db;border:1px solid #a17a3f77;border-radius:5px;box-shadow:0 2px 9px #0008;z-index:5;max-width:64vw}
body[data-screen=menu] header #home,body[data-screen=menu] header #main-menu{display:none}
body[data-screen=menu] header .audio{flex-wrap:wrap;justify-content:flex-end;gap:8px;color:#e1cfaa}
body[data-screen=menu] header .audio button{min-height:30px;padding:5px 9px;background:#21190fed;border-color:#856638;color:#f4e2b9}
body[data-screen=menu] header select{max-width:190px;background:#21190f;color:#eddbb5;border-color:#856638}
body[data-screen=menu] header #track-label{display:none}
body[data-screen=menu] footer{position:fixed;bottom:7px;left:2vw;padding:0;pointer-events:none;letter-spacing:1px;font-size:9px;color:#e5d3aa88;z-index:3}
body[data-screen=menu] footer span:first-child{display:none}
body[data-screen=menu] .saga-menu{container-type:inline-size;display:block;position:relative;width:min(100vw,177.68svh);height:min(100svh,56.28vw);min-height:0;margin:0;border:0;border-radius:0;outline:0;overflow:visible;box-shadow:none;background:#21160f url('assets/menu/albion-seasons.png') center/cover no-repeat}
.saga-menu .menu-panel{position:absolute;inset:6.2% auto 11.5% 3.7%;width:26.6%;padding:0;display:flex;justify-content:flex-start;border:0;background:none;box-shadow:none;z-index:2}
.saga-menu .menu-panel>.eyebrow,.saga-menu .menu-panel>.menu-footnote{display:none}
.saga-menu .menu-panel h1{margin:0 -6% 0;font:400 5.65cqw/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.26cqw;text-align:center;white-space:nowrap;color:#f6d18c;text-shadow:0 1px #fff0bb,0 3px #754218,0 5px 5px #000}
.saga-menu .menu-panel h1 em{font-style:normal;color:inherit}
.saga-menu .menu-panel h1::after{content:'';display:block;height:1.4cqw;margin:-.2cqw 2% 0;background:url('assets/forge/menu-leaves.svg') left bottom/1.8cqw 2.3cqw no-repeat,url('assets/forge/menu-leaves.svg') right bottom/1.8cqw 2.3cqw no-repeat,linear-gradient(90deg,transparent,#d6aa54 20%,#e7c774 50%,#d6aa54 80%,transparent) center 75%/100% 1px no-repeat}
.saga-menu .menu-subtitle{margin:.5cqw -7% 0;text-align:center;white-space:nowrap;font:400 1.17cqw/1.3 Georgia,serif;letter-spacing:.24cqw;color:#f5e4b2;text-shadow:0 2px 3px #000}
.saga-menu .menu-rule{margin:.9cqw 15% 1.6cqw;line-height:1cqw;height:1cqw;font-size:1.45cqw;border:0;color:#e4b767;text-shadow:0 1px 3px #000;background:linear-gradient(90deg,#81602e,#e3c67f,#81602e) center/100% 1px no-repeat}
.saga-menu nav{position:relative;display:grid;grid-template-rows:repeat(7,minmax(0,1fr));gap:.75cqw;flex:1;min-height:0}
.saga-menu nav button{position:relative;isolation:isolate;min-height:0;width:100%;padding:.3cqw 1.8cqw;font:400 2.4cqw/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.055cqw;white-space:nowrap;color:#fff2ce;text-align:center;border:2px solid transparent;border-radius:100px;background:linear-gradient(115deg,#100b08e8,#352113dd 48%,#100b08ed) padding-box,url('assets/forge/menu-foliage-panel.png') center/200% auto padding-box,linear-gradient(155deg,#fbe6ab,#bd8b40 15%,#4b2e12 30%,#d5a45b 53%,#ffebb3 65%,#72471c 87%,#c59140) border-box;box-shadow:inset 0 0 0 2px #100b06,inset 0 4px 5px #efd3a12b,inset 0 -4px 5px #000a,0 4px 5px #000b;text-shadow:0 2px 3px #000;transition:box-shadow .16s,filter .16s,transform .12s}
.saga-menu nav button::before,.saga-menu nav button::after{content:'';position:absolute;width:2.1cqw;height:3cqw;bottom:.25cqw;pointer-events:none;background:url('assets/forge/menu-leaves.svg') center/contain no-repeat;opacity:.75;z-index:-1}
.saga-menu nav button::before{left:.6cqw;transform:scaleX(-1)}
.saga-menu nav button::after{right:.6cqw}
.saga-menu nav button>span{display:none}
.saga-menu nav button:hover,.saga-menu nav button.menu-selected{border-color:#f5cd77;background:linear-gradient(115deg,#221309e8,#392313dd 48%,#170e08ed) padding-box,url('assets/forge/menu-foliage-panel.png') center/200% auto padding-box;box-shadow:inset 0 0 0 2px #694318,inset 0 0 8px #edac4966,0 0 3px 2px #ffdf8a,0 0 18px #ea9f3b88,0 4px 6px #000}
.saga-menu nav button:focus-visible{outline:3px solid #92dbff;outline-offset:4px}
.saga-menu nav button:active{transform:translateY(2px);filter:brightness(1.2)}
.saga-menu .menu-seal{position:absolute;left:-1.55cqw;top:0;width:5.5cqw;height:5.5cqw;transform:translate(-25%,-50%);object-fit:contain;z-index:4;pointer-events:none;filter:drop-shadow(0 3px 3px #000);transition:top .18s ease-out}
.saga-menu .menu-landscape{position:absolute;inset:0;min-height:0;background:none;pointer-events:none}
.saga-menu .menu-landscape>p{display:none}
@media(max-width:1100px){body[data-screen=menu] header{max-width:64vw;bottom:10px;right:14px;padding:5px 8px}body[data-screen=menu] .audio{gap:5px;font-size:11px}body[data-screen=menu] .audio input[type=range]{width:60px}body[data-screen=menu] .audio select{max-width:130px}}
@media(max-width:700px){body[data-screen=menu] #app{display:block}.saga-menu .menu-panel{inset:5% auto auto 10%;width:80%;height:74%;max-height:700px}body[data-screen=menu] .saga-menu{width:100%;height:100svh;min-height:650px;background-size:auto 100%;background-position:24% center}.saga-menu .menu-panel h1{font-size:14cqw;letter-spacing:-.6cqw}.saga-menu .menu-panel h1::after{height:4cqw;background-size:5cqw 6cqw,5cqw 6cqw,100% 1px}.saga-menu .menu-subtitle{font-size:3.1cqw;letter-spacing:.55cqw}.saga-menu .menu-rule{height:3cqw;line-height:3cqw;font-size:4cqw;margin:3cqw 15% 5cqw}.saga-menu nav{gap:2cqw}.saga-menu nav button{font-size:6.5cqw;min-height:44px;padding:1cqw 7cqw}.saga-menu nav button::before,.saga-menu nav button::after{width:6cqw;height:10cqw;bottom:1cqw}.saga-menu nav button::before{left:2cqw}.saga-menu nav button::after{right:2cqw}.saga-menu .menu-seal{width:14cqw;height:14cqw;left:-3cqw}body[data-screen=menu] header{position:absolute;top:max(82svh,550px);bottom:auto;left:7%;right:7%;max-width:none;justify-content:center}body[data-screen=menu] header .audio{justify-content:center;gap:7px}body[data-screen=menu] footer{display:none}}
@media(prefers-reduced-motion:reduce){.saga-menu .menu-seal,.saga-menu nav button{transition:none}}