/* Classic game-menu styling, scoped to the Auscaps portal. */
:root{--bg:#273326;--ink:#e0e5e4;--muted:#9ba9af;--border:#40505a;--accent:#cfb849;--accent-ink:#191d12;--good:#bed781;--warn:#e0c57c;--bad:#e19b91;--radius:1px;--font:'Bahnschrift SemiCondensed','Arial Narrow','Segoe UI',sans-serif}
body.menu-page,body.gate-page{position:relative;isolation:isolate;background:#283728;font:13px/1.45 var(--font);color:var(--ink);min-height:100vh}
body.menu-page:before,body.gate-page:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#1d2a2824 0%,#07101550 65%,#03090bb5 100%),url('/assets/menu-background.png') center/cover no-repeat;pointer-events:none}
body.menu-page:after,body.gate-page:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 15%,transparent 10%,#0810104d 100%);pointer-events:none}
.menu-header{height:49px;border-bottom:1px solid #7a8b7270;background:linear-gradient(#263a2dd9,#14241ddd);box-shadow:0 2px 12px #0005;backdrop-filter:blur(9px)}
.menu-bar{display:flex;align-items:stretch;max-width:1252px;height:100%;margin:auto;padding:0 20px}.menu-brand{display:flex;align-items:center;gap:10px;flex:0 0 256px;color:#e5e9df;font-size:19px;font-weight:700;letter-spacing:1.6px}.menu-emblem{display:grid;place-items:center;width:24px;height:26px;border:1px solid #9ba47a;color:#d3d7b8;font-size:16px;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:#6f7b4244}
.menu-tabs{display:flex;align-items:stretch;flex:1;margin:0;border:0;gap:0;min-width:0}.menu-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;flex:1;padding:0 18px;border:0;border-right:1px solid #0a160bb8;border-left:1px solid #68765b44;border-bottom:3px solid transparent;color:#d4dcd1;font-size:13px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;transition:background .15s}.menu-tabs a:hover{background:#6b7b4144;color:#fff}.menu-tabs a[aria-current=page]{background:linear-gradient(#6d7d454d,#b1a54066);border-bottom-color:#c8b34c;color:#fff}.menu-tabs a span{font-size:11px;color:#b1bb9f}.menu-signout{display:flex;margin:0 0 0 5px}.menu-signout button{width:47px;border:0;border-radius:0;background:transparent;color:#d4dcd1;padding:10px;box-shadow:none}.menu-signout button:hover{background:#73804b40}.menu-signout svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}
.menu-panel{min-width:0;background:linear-gradient(130deg,#18262de8,#0c171ded);border:1px solid #425159;box-shadow:0 0 0 3px #0e191c36,0 8px 24px #0003;backdrop-filter:blur(12px);border-radius:1px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:8px 13px;background:linear-gradient(#3d4a51ce,#2a373fdb);border-bottom:1px solid #071016;box-shadow:inset 0 1px #69797d35;color:#a9bcc4;font-size:10px;letter-spacing:.5px}.panel-heading h1,.panel-heading h2{font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:#d8e1e3;line-height:1.2;margin:0;font-weight:500}.panel-heading h1{font-size:15px}.panel-heading>span{font-size:10px;white-space:nowrap}.panel-code{color:#b0bdc1}.menu-footer{display:flex;justify-content:space-between;align-items:center;margin:0;padding:3px 1px;border:0;color:#aebbb3;font-size:10px;letter-spacing:.8px;text-shadow:0 1px 2px #000}
body.menu-page button,body.gate-page button,body.menu-page .badge{border-radius:1px}body.menu-page a:focus-visible,body.menu-page button:focus-visible,body.gate-page a:focus-visible,body.gate-page button:focus-visible{outline:2px solid #d9c55a;outline-offset:2px}
@media(max-width:900px){.menu-brand{flex-basis:210px}.menu-tabs a{padding:0 12px;font-size:12px}}
@media(max-width:700px){.menu-header{height:auto}.menu-bar{flex-wrap:wrap;padding:0 16px}.menu-brand{height:45px;flex:1;font-size:17px}.menu-signout{height:45px;order:2}.menu-tabs{order:3;flex-basis:100%;height:41px;margin:0 -16px;min-width:calc(100% + 32px)}.menu-tabs a{padding:0 5px;gap:3px;font-size:11px;letter-spacing:.3px}.menu-tabs a span{display:none}.panel-heading{padding:8px 11px}body.menu-page:before,body.gate-page:before{background-position:58% center}.menu-footer{font-size:9px}}
