/* Navigation and branding share the game's raised panels and gold selection. */
html{scroll-behavior:auto;scroll-padding-top:120px}
body>header{position:sticky;top:0;z-index:100;background:#142e3cf5;box-shadow:0 5px 18px #06152299;backdrop-filter:blur(12px)}
.header-inner{gap:24px}
.header-inner nav{height:auto;gap:8px;align-items:center}
.header-inner nav a{min-height:44px;padding:10px 18px;background:#2d4c5d;color:#fff3c9;border:1px solid #65818e;border-bottom:3px solid #081f2b;font-size:14px;font-weight:800;box-shadow:2px 3px 0 #071b2b80;white-space:nowrap}
.header-inner nav a:hover{background:#3c6174;border-color:#f2cc63}
.header-inner nav a.current{background:#efbf33;color:#142e3c;border-color:#ffe493;border-bottom-color:#a77c19}
.header-inner nav .current:after{display:none}
.header-inner nav a:focus-visible{outline:3px solid #73dbff;outline-offset:3px}
.language-switch{margin-left:auto}
.hero-copy h1,html[lang="zh-CN"] .hero-copy h1{font-family:Impact,"Arial Black",sans-serif;font-weight:400;font-style:italic;letter-spacing:.015em;line-height:1.02;font-size:clamp(42px,5vw,72px);color:#fff3c9;text-shadow:3px 4px 0 #071b2b,5px 6px 0 #071b2b;transform:rotate(-2deg);-webkit-text-stroke:0}
.hero-copy h1 span{color:#f4c63d;-webkit-text-stroke:0}
body>footer{background:#102b3cf5;border-top:2px solid #65818e;color:#dceaf0}
footer .footer-logo{color:#fff3c9;font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-style:italic;font-size:22px;text-shadow:2px 2px 0 #071b2b}
footer .footer-logo span{color:#f2cc63}
.blessing-level-navigation{margin-top:18px;padding-top:16px;border-top:1px solid #65818e;justify-content:flex-start}
.blessing-level-navigation button{border:1px solid #65818e;border-left:4px solid #f2cc63}
@media(max-width:1100px){.header-inner{gap:12px}.header-inner nav a{padding:10px 12px;font-size:13px}}
@media(max-width:1000px){.header-inner nav{gap:8px}.header-inner nav a{padding:8px 14px}.header-inner{padding-top:10px;padding-bottom:10px}html{scroll-padding-top:150px}}
@media(max-width:650px){.header-inner nav a{font-size:12px;min-height:40px;padding:8px 12px}.header-inner nav{gap:6px}.hero-copy h1,html[lang="zh-CN"] .hero-copy h1{font-size:clamp(38px,10vw,54px)}footer .footer-logo{font-size:20px}}