/* Shared brand chrome. Loaded last so game-specific themes cannot change it. */
.site-global-header{--chrome-bg:#0c1220;position:sticky;inset:0 0 auto;z-index:1000;isolation:isolate;display:flex;align-items:center;gap:32px;width:100%;min-height:82px;margin:0;padding:16px clamp(20px,4vw,72px);box-sizing:border-box;background:var(--chrome-bg);border:0;border-bottom:1px solid #273044;color:#f8fafc;font:500 14px/1.4 'Yu Gothic UI','Meiryo',sans-serif;letter-spacing:0;text-transform:none;box-shadow:0 3px 18px #0002}
.site-global-header *{box-sizing:border-box}
.site-global-header a{color:inherit;text-decoration:none}
.site-global-header .site-logo{display:flex;flex:0 0 164px;margin:0;padding:0;line-height:0}
.site-global-header .site-logo img{display:block;width:164px;height:44px;object-fit:contain;max-width:100%}
.site-global-header .site-navigation{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2.4vw,36px);flex:1;min-width:0;margin:0;padding:0;position:static;visibility:visible;opacity:1;transform:none;background:none;border:0;box-shadow:none}
.site-navigation>a{position:relative;display:block;padding:10px 0;font:inherit;letter-spacing:0;color:#e5eaf4;overflow-wrap:anywhere}
.site-navigation>a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:#3e87ff;transform:scaleX(0);transform-origin:left;transition:transform .18s}
.site-navigation>a:hover:after,.site-navigation>a[aria-current]:after{transform:scaleX(1)}
.site-global-header .site-menu-toggle{display:none;flex:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;padding:10px;border:1px solid #3a4354;border-radius:50%;color:#fff;background:none;cursor:pointer;appearance:none}
.site-menu-toggle span{display:block;width:18px;height:1px;background:currentColor;transition:transform .15s}
.site-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}
.site-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.site-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}
.site-global-header>.language-switcher{position:relative;order:10;flex:none;margin:0 0 0 2px;inset:auto;z-index:20;align-self:center}
.site-global-header>.language-switcher>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:44px;height:44px;padding:0;border:1px solid #3a4354;border-radius:50%;background:#131e30;color:#8ab4ff;cursor:pointer;font-size:0}
.site-global-header>.language-switcher>summary:after{display:none}
.site-global-header>.language-switcher>summary::-webkit-details-marker{display:none}
.site-global-header>.language-switcher>summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.site-global-header .language-list,.site-global-header .language-options{position:absolute;top:54px;right:0;left:auto;width:218px;max-height:min(530px,calc(100dvh - 110px));overflow-y:auto;margin:0;padding:8px;list-style:none;border:1px solid #3b4861;border-radius:12px;background:#101a2b;color:#f8fafc;box-shadow:0 16px 40px #0006}
.site-global-header .language-list li{margin:0;padding:0}
.site-global-header .language-link,.site-global-header .language-options button{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;margin:0;padding:9px 12px;border:0;border-radius:6px;background:none;color:#edf2fc;text-align:left;font:500 14px/1.3 'Yu Gothic UI','Meiryo',sans-serif;white-space:normal}
.site-global-header .language-link::after{content:attr(data-native-name);color:inherit;font:inherit}
.site-global-header .language-code{display:none}
.site-global-header .language-flag{display:block;flex:none;width:24px;height:16px;border-radius:0;object-fit:cover}
.site-global-header .language-link:hover,.site-global-header .language-link[aria-current],.site-global-header .language-options button:hover,.site-global-header .language-options button[aria-pressed=true]{background:#233653;color:#fff}
.site-global-header :focus-visible,.site-local-bar :focus-visible{outline:3px solid #65a3ff;outline-offset:4px}
.site-local-bar{display:flex;align-items:center;gap:28px;min-width:0;padding:12px clamp(20px,4vw,72px);background:#162034;color:#dae3f5;border-bottom:1px solid #33415a;font:500 12px/1.5 'Yu Gothic UI','Meiryo',sans-serif}
.site-local-bar a{color:inherit;text-decoration:none}
.site-local-bar .site-local-title{flex:none;font-weight:800;letter-spacing:.04em;color:#fff}
.site-local-bar nav{display:flex;flex-wrap:wrap;gap:8px 24px;min-width:0}
.site-local-bar nav a{font:inherit;letter-spacing:0;padding:2px 0;border-bottom:1px solid transparent;overflow-wrap:anywhere}
.site-local-bar nav a:hover,.site-local-bar nav a[aria-current]{color:#fff;border-bottom-color:#7eacff}
html{scroll-padding-top:110px}
.skip-link{z-index:2001}
@media(max-width:1119px){
 .site-global-header{gap:10px;min-height:72px;padding:12px 20px;flex-wrap:wrap}
 .site-global-header .site-logo{margin-right:auto;flex-basis:146px}
 .site-global-header .site-logo img{width:146px;height:40px}
 .site-global-header.site-enhanced .site-menu-toggle{display:flex}
 .site-global-header .site-navigation{order:12;flex-basis:100%;align-items:stretch;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100dvh - 90px);overflow:auto}
 .site-global-header.site-enhanced .site-navigation{display:none}
 .site-global-header.site-enhanced .site-navigation.site-is-open{display:flex}
 .site-global-header .site-navigation>a{padding:14px 4px;border-bottom:1px solid #283449;font-size:15px}
 .site-global-header .language-switcher{order:11}
 .site-global-header .site-navigation>a:after{display:none}
 .site-local-bar{gap:10px;align-items:flex-start;flex-direction:column;padding:12px 20px}
 .site-local-bar nav{gap:8px 18px}
}
@media(prefers-reduced-motion:reduce){.site-global-header *{transition:none!important}}
