/* KINGDOM FLASH — canonical header shared by Home and Waitlist.
   Change this single file to keep the navigation consistent on both pages. */
.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(#352c2cf7,#201c27f7);box-shadow:0 4px 0 #513521,0 8px 15px #0008;border-bottom:2px solid #d0a24f}
.site-header .header-inner{max-width:1380px;min-height:94px;margin:0 auto;padding:9px 24px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.site-header .brand{display:flex;flex:0 0 188px;align-items:center;justify-content:center;width:188px;height:101px;min-height:0;margin:-13px 0 -15px;padding:0;line-height:1;white-space:normal}
.site-header .brand-logo{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px #010813bf);transform:translateZ(0);transition:transform .2s ease,filter .2s ease}
.site-header .brand:hover .brand-logo{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 6px 6px #010813d1)}
.site-header .main-nav{display:flex;align-items:center;gap:4px;background:#120f1e7d;border:2px solid #66503f;border-radius:9px;padding:3px;min-width:0}
.site-header .main-nav a{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-family:'Baloo 2',system-ui,sans-serif;font-size:13px;letter-spacing:.3px;font-weight:800;color:#e3d4c2;padding:7px 12px;border:2px solid transparent;border-radius:6px;transition:background .18s}
.site-header .main-nav a span{color:#eab660;font-size:19px}
.site-header .main-nav a.active,.site-header .main-nav a:hover{background:linear-gradient(#ffdf7e,#c78129);border-color:#654021;color:#28170e;text-shadow:0 1px #fff2a5}
.site-header .main-nav a.active span,.site-header .main-nav a:hover span{color:#67310e}
.site-header .main-nav a.nav-doc:not(.active){border-color:#a77b48;color:#ffe3a7;background:#293353;box-shadow:inset 0 0 0 1px #ffdaa51c}
.site-header .main-nav a.nav-doc:not(.active):hover{background:linear-gradient(#ffde8a,#e8a53b);color:#342110}
.site-header .main-nav a.nav-waitlist{background:linear-gradient(#ffe6a0,#e8a540);border:2px solid #a87435;color:#392411;box-shadow:inset 0 1px #fff5c2,0 3px #623c28;font-weight:800}
.site-header .main-nav a.nav-waitlist span{color:#77440c}
.site-header .main-nav a.nav-waitlist:hover{filter:brightness(1.12)}
.site-header .wallet-bar{display:flex;align-items:center;gap:8px;margin-left:auto}
.site-header .play-now-button{isolation:isolate;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-width:166px;min-height:48px;padding:8px 18px;border-radius:10px;border:3px solid #6f3610;background:linear-gradient(180deg,#fff1aa 0%,#ffd85f 17%,#ffb323 63%,#dc7b10 100%);box-shadow:inset 0 2px 0 #fffdd4,inset 0 -3px 0 #ad5713,0 3px 0 #4c2915,0 4px 18px #feb6413b;color:#44220f;text-shadow:0 1px 0 #fff3b5;font-family:'Fredoka','Baloo 2',system-ui,sans-serif;font-size:18px;font-weight:800;letter-spacing:.35px;cursor:pointer;white-space:nowrap;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.site-header .play-now-button:hover{transform:translateY(-2px);filter:brightness(1.09);box-shadow:inset 0 2px 0 #fffdd4,inset 0 -3px 0 #ad5713,0 6px 0 #4c2915,0 7px 20px #f6a72e68}
.site-header .play-now-button:active{transform:translateY(2px);box-shadow:inset 0 2px 0 #fffdd4,inset 0 -2px 0 #ad5713,0 1px 0 #4c2915}
.site-header .play-now-glyph{display:grid;place-items:center;width:29px;height:29px;line-height:1;background:linear-gradient(145deg,#6f3518,#3e1e13);border-radius:50%;color:#ffe48d;font-size:15px;text-shadow:none;box-shadow:inset 0 0 0 2px #bc8146}
.site-header .play-now-shine{position:absolute;right:4px;top:1px;color:#fffbda;text-shadow:0 0 5px #fff;font-size:13px}
@media(max-width:1100px){
.site-header .header-inner{min-height:84px;gap:10px;padding-inline:12px}
.site-header .brand{flex-basis:156px;width:156px;height:88px;margin:-9px 0 -12px}
.site-header .main-nav a{padding:7px 6px;font-size:11px}
.site-header .play-now-button{min-width:135px;min-height:42px;font-size:15px;padding:7px 12px;gap:6px}
.site-header .play-now-glyph{width:24px;height:24px;font-size:12px}
}
@media(max-width:800px){
.site-header{position:relative}
.site-header .header-inner{min-height:80px;flex-wrap:wrap;justify-content:center;gap:10px}
.site-header .brand{flex-basis:150px;width:150px;height:82px;margin:-11px auto -12px 0}
.site-header .wallet-bar{margin-left:auto}
.site-header .main-nav{order:3;justify-content:flex-start;width:100%;max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9d763e transparent}
.site-header .main-nav a{flex:0 0 auto;justify-content:center;font-size:12px}
}
@media(max-width:570px){
.site-header{border-bottom-width:1px}
.site-header .header-inner{min-height:72px;padding:9px 8px}
.site-header .brand{flex-basis:118px;width:118px;height:74px;margin:-9px auto -10px 0}
.site-header .main-nav{gap:2px}
.site-header .main-nav a{padding:5px 8px;letter-spacing:0}
.site-header .play-now-button{min-width:113px;min-height:38px;font-size:12px;padding:5px 8px;gap:5px;border-width:2px;border-radius:7px}
.site-header .play-now-glyph{width:20px;height:20px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.site-header .brand-logo,.site-header .play-now-button{transition:none!important}}

/* Shared responsive store modal on DOC and Waitlist */
/* Functional PLAY NOW modal, same game-store teaser as the homepage; no fake app links. */
.store-announcement{position:fixed;inset:0;margin:auto;width:min(95vw,500px);max-height:min(90vh,800px);overflow-y:auto;border:7px solid #cda05d;border-radius:17px;padding:20px clamp(15px,3vw,26px) 26px;text-align:center;background:linear-gradient(160deg,#2d4773,#1a2d55);box-shadow:inset 0 0 0 4px #274164,0 13px 30px #030818d4;color:#f4f3fa}
.store-announcement::backdrop{background:#071323c9;backdrop-filter:blur(5px)}
.store-dialog-close{position:absolute;top:3px;right:6px;width:39px;height:42px;border:1px solid #d4a557;border-radius:6px;background:#1e3359;color:#ffd783;font-size:28px;font-weight:800}
.store-dialog-logo{width:155px;height:98px;object-fit:contain;display:block;margin:-4px auto 2px}
.store-dialog-kicker{color:#aec8e4;font-size:11px;font-weight:800;letter-spacing:2px}
.store-announcement h2{font:700 clamp(23px,3vw,29px)/1.1 'Fredoka',sans-serif;color:#ffe1a4;margin:12px 0}
.store-announcement p{font-size:13px;line-height:1.45;color:#cddcf1;max-width:390px;margin:10px auto 16px}
.store-dialog-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 16px}
.store-dialog-card{min-height:146px;border:2px solid #6894c7;border-radius:13px;box-shadow:inset 0 0 0 2px #abc8eb20,0 4px #0b1932;background:linear-gradient(150deg,#253f70,#142649);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.store-dialog-card img{width:48px;height:48px;object-fit:contain}
.store-dialog-card strong{color:#fff3d8;font:700 18px 'Fredoka',sans-serif}
.store-dialog-card small{font-size:10px;font-weight:800;color:#ffdb94;border:1px solid #bd9156;background:#362e39;padding:4px 9px;border-radius:99px}
.store-announcement p.store-disclaimer{font-size:11px;color:#b1c7e6;max-width:380px}
.store-dialog-dismiss{font:800 14px 'Fredoka',sans-serif;color:#38230f;background:linear-gradient(#ffeba2,#e99f30);border:2px solid #a66f31;border-radius:8px;padding:10px 18px;box-shadow:inset 0 2px #fff5ba,0 3px #67391b}
.store-dialog-dismiss:hover{filter:brightness(1.08)}

@media(max-width:650px){.store-dialog-card strong{font-size:16px}.store-announcement{padding:18px 14px 24px}}

/* Print game documents without covering them with interactive navigation. */
@media print{.site-header{display:none!important}.store-announcement{display:none!important}}