.site-chrome .site-header{grid-template-columns:minmax(200px,1fr) auto auto;gap:20px;overflow:visible}
.site-chrome .site-header .compact-main-nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;border:0;padding:0;overflow:visible}
.fye-menu{position:relative}.fye-menu summary,.site-header .compact-main-nav .boulevard-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 14px;border:1px solid #d5c4ae;border-radius:5px;background:#fff;color:#211c1b;font:700 12px Arial,sans-serif;letter-spacing:.03em;text-decoration:none;white-space:nowrap;cursor:pointer;list-style:none}.fye-menu summary::-webkit-details-marker{display:none}.fye-menu[open] summary{border-color:#bd1f32}.fye-menu-panel{position:absolute;z-index:100;top:calc(100% + 8px);right:0;min-width:180px;padding:8px;background:#fff;border:1px solid #e1d5c4;border-radius:8px;box-shadow:0 12px 32px #0002}.site-header .fye-menu-panel a{display:block;padding:12px 14px;color:#241e1b;text-decoration:none;font:700 13px Arial,sans-serif}.site-header .fye-menu-panel a:hover,.site-header .fye-menu-panel a:focus{background:#f8eee9;color:#bd1f32}.site-header .compact-main-nav .boulevard-link{border-color:#bd1f32;color:#ad1b2e}
@media(max-width:1050px){.site-chrome .site-header{grid-template-columns:1fr auto auto}.site-chrome .site-header .compact-main-nav{grid-row:auto;grid-column:auto}.site-chrome .site-header .header-arcade{grid-row:auto;grid-column:auto}}
@media(max-width:760px){.site-chrome .site-header{grid-template-columns:1fr auto;gap:10px;padding:14px 4%}.site-header .crowned-brand{width:min(245px,58vw)}.site-chrome .site-header .compact-main-nav{grid-row:2;grid-column:1;justify-content:flex-start;gap:8px}.site-chrome .site-header .header-arcade{grid-row:2;grid-column:2}.fye-menu summary,.site-header .compact-main-nav .boulevard-link{padding:9px 10px;font-size:11px;min-height:38px}.fye-menu-panel{left:0;right:auto}.site-chrome .site-header .header-arcade .arcade-button-label{display:inline}}

.site-chrome{position:relative;z-index:100}.site-header .fye-menu-panel a{color:#241e1b!important;display:block!important;padding:12px 14px!important;border:0!important}.fye-menu-panel{background:#fff!important}
/* Centered brand and equally sized glass navigation buttons. */
.site-chrome .site-header{display:grid;grid-template-columns:2fr 1fr;gap:16px 10px;justify-items:stretch;padding:18px 5% 20px}
.site-chrome .site-header .crowned-brand{grid-row:1;grid-column:1/-1;justify-self:center;width:min(360px,72vw);margin:0 auto 4px}
.site-chrome .site-header .compact-main-nav{grid-row:2;grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;justify-content:stretch}
.site-chrome .site-header .fye-menu{width:100%;height:100%}
.site-chrome .site-header .fye-menu summary,.site-chrome .site-header .compact-main-nav .boulevard-link,.site-chrome .site-header .header-arcade{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:52px;min-height:52px;padding:8px;gap:5px;border-radius:13px;font:800 13px/1 Arial,sans-serif;letter-spacing:0;text-decoration:none;white-space:nowrap}
.site-chrome .site-header .fye-menu summary{color:#171717;background:linear-gradient(160deg,#fff 5%,#f7f8f9 42%,#dce0e3 100%);border:2px solid #b7babe;box-shadow:inset 0 2px 4px #fff,0 4px 9px #0002}
.site-chrome .site-header .compact-main-nav .boulevard-link{color:#fff;background:linear-gradient(160deg,#f43d4c 0%,#bd061b 42%,#74000c 100%);border:2px solid #970012;box-shadow:inset 0 2px 5px #ffffff80,0 4px 10px #b0000038}
.site-chrome .site-header .header-arcade{grid-row:2;grid-column:2;background:linear-gradient(160deg,#636366 0%,#171719 48%,#030304 100%);border:2px solid #39393b;color:#fff;box-shadow:inset 0 2px 5px #ffffff80,0 4px 9px #0003}
.site-chrome .site-header .header-arcade .arcade-wordmark,.site-chrome .site-header .header-arcade .arcade-wordmark span,.site-chrome .site-header .header-arcade .arcade-button-label{font:800 13px/1 Arial,sans-serif;letter-spacing:0;color:#fff;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;text-transform:uppercase;display:inline}
.site-chrome .site-header .header-arcade .arcade-wordmark span{color:#ef233c}.site-chrome .site-header .header-arcade .arcade-entry-arrow{display:none}
.site-chrome .fye-menu-panel{left:0;right:auto;top:calc(100% + 8px)}
@media(max-width:760px){.site-chrome .site-header{grid-template-columns:2fr 1fr;padding:14px 4% 16px;gap:12px 6px}.site-chrome .site-header .compact-main-nav{gap:6px}.site-chrome .site-header .fye-menu summary,.site-chrome .site-header .compact-main-nav .boulevard-link,.site-chrome .site-header .header-arcade{height:44px;min-height:44px;padding:5px 3px;border-radius:10px;font-size:clamp(9px,2.6vw,12px)}.site-chrome .site-header .header-arcade .arcade-wordmark,.site-chrome .site-header .header-arcade .arcade-wordmark span,.site-chrome .site-header .header-arcade .arcade-button-label{font-size:clamp(9px,2.6vw,12px)}}
.site-chrome .site-header .compact-main-nav .boulevard-link{background:linear-gradient(160deg,#f43d4c 0%,#bd061b 42%,#74000c 100%)!important;box-shadow:inset 0 2px 5px #ffffff80,0 4px 10px #b0000038!important}
/* Approved artwork: actual visual reference with accessible live controls. */
.site-chrome .site-header{display:block;position:relative;width:min(100%,1000px);aspect-ratio:1774/887;margin:0 auto;padding:0!important;background:#fff url('assets/fye-approved-header-reference.png') center / 100% 100% no-repeat;border:0;box-shadow:none;overflow:visible}
.site-chrome .site-header:after{display:none}
.site-chrome .site-header .crowned-brand{position:absolute;left:33.5%;top:16%;width:33%;height:34%;margin:0;display:block;z-index:2}
.site-chrome .site-header .crowned-brand img{opacity:0}
.site-chrome .site-header .compact-main-nav{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;pointer-events:none}
.site-chrome .site-header .fye-menu{position:absolute;left:4.5%;top:56%;width:28.3%;height:20%;pointer-events:auto}
.site-chrome .site-header .fye-menu summary,.site-chrome .site-header .compact-main-nav .boulevard-link,.site-chrome .site-header .header-arcade{background:transparent!important;border:0!important;box-shadow:none!important;color:transparent!important;text-shadow:none!important;position:absolute;height:100%;min-height:0;padding:0;overflow:visible}
.site-chrome .site-header .fye-menu summary{inset:0;width:100%;font-size:0}
.site-chrome .site-header .fye-menu summary span{visibility:hidden}
.site-chrome .site-header .compact-main-nav .boulevard-link{left:34%;top:56%;width:32%;height:20%;font-size:0;pointer-events:auto}
.site-chrome .site-header .header-arcade{left:67%;top:56%;width:29%;height:20%;z-index:2}
.site-chrome .site-header .header-arcade .arcade-wordmark,.site-chrome .site-header .header-arcade .arcade-button-label{visibility:hidden}
.site-chrome .site-header .fye-menu-panel{top:100%;left:0;min-width:180px;pointer-events:auto;z-index:10}
.site-chrome .site-header :is(summary,.boulevard-link,.header-arcade):focus-visible{outline:3px solid #2378e8;outline-offset:3px}
@media(max-width:760px){.site-chrome .site-header{padding:0!important;aspect-ratio:1774/887}.site-chrome .site-header .crowned-brand{width:33%;height:34%}.site-chrome .site-header .fye-menu summary,.site-chrome .site-header .compact-main-nav .boulevard-link,.site-chrome .site-header .header-arcade{height:100%;min-height:0;padding:0}.site-chrome .site-header .compact-main-nav .boulevard-link,.site-chrome .site-header .header-arcade{height:20%}}
.site-chrome .site-header .header-arcade{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Trim excess white space around the approved header artwork. */
.site-chrome .site-header{aspect-ratio:1774/600;background-size:100% auto;background-position:center center}
.site-chrome .site-header .crowned-brand{top:2%;height:48%}
.site-chrome .site-header .fye-menu,.site-chrome .site-header .compact-main-nav .boulevard-link,.site-chrome .site-header .header-arcade{top:59.5%;height:29%}
@media(max-width:760px){.site-chrome .site-header{aspect-ratio:1774/600}.site-chrome .site-header .crowned-brand{top:2%;height:48%}.site-chrome .site-header .fye-menu,.site-chrome .site-header .compact-main-nav .boulevard-link,.site-chrome .site-header .header-arcade{top:59.5%;height:29%}}
/* Small destination labels inside the approved glass buttons. */
.site-chrome .site-header .compact-main-nav .boulevard-link::after,.site-chrome .site-header .header-arcade::after{position:absolute;left:0;right:0;bottom:13%;display:block;color:#fff!important;font:800 clamp(5px,0.8vw,10px)/1 Arial,sans-serif;letter-spacing:.14em;text-align:center;text-shadow:0 1px 2px #000;pointer-events:none;visibility:visible}
.site-chrome .site-header .compact-main-nav .boulevard-link::after{content:'SHOP'}
.site-chrome .site-header .header-arcade::after{content:'PLAY GAMES'}
/* Dropdown option 2: black glass and red highlights. */
.site-chrome .site-header .fye-menu-panel{min-width:220px;width:min(72vw,270px);padding:9px;background:linear-gradient(145deg,#29272a 0%,#080808 28%,#0b090a 75%,#31080d 100%)!important;border:1px solid #aa2c36;border-radius:14px;box-shadow:0 12px 30px #0009,inset 0 1px 2px #ffffff6b,0 3px 12px #bc162d66}
.site-chrome .site-header .fye-menu-panel a{position:relative;display:flex!important;align-items:center;justify-content:space-between;min-height:46px;padding:12px 14px!important;color:#fff!important;background:transparent!important;border:0!important;border-bottom:1px solid #9a1b2d66!important;border-radius:7px;font:700 15px/1.2 Arial,sans-serif;text-decoration:none}
.site-chrome .site-header .fye-menu-panel a::after{content:'›';position:static;color:#ddd;font:400 24px/1 Arial,sans-serif;visibility:visible}
.site-chrome .site-header .fye-menu-panel a:last-child{border-bottom:0!important}
.site-chrome .site-header .fye-menu-panel a:hover,.site-chrome .site-header .fye-menu-panel a:focus-visible,.site-chrome .site-header .fye-menu-panel a[aria-current='page']{background:linear-gradient(90deg,#8d1020,#2a080d)!important;box-shadow:inset 4px 0 #fa1730!important;outline:none}
.site-chrome .site-header .fye-menu-panel a:hover::after,.site-chrome .site-header .fye-menu-panel a[aria-current='page']::after{color:#ff233a}
/* Dark header and a red-and-gold divider under the navigation. */
.site-chrome{background:#080808;border:0;position:relative}
.site-chrome .site-header{background-color:#080808;background-image:url('assets/fye-header-black-white-v1.png')}
.site-chrome::after{content:'';display:block;height:4px;background:linear-gradient(90deg,#16080a 0%,#9b1a2e 26%,#e7bc77 50%,#9b1a2e 74%,#16080a 100%);box-shadow:0 2px 12px #a509204d;pointer-events:none}
