/* ===== Two floors: Buck Street (neon street arcade) and The Sovereign Room (black-and-gold salon) ===== */

/* ---------- lobby floors ---------- */
.floor{margin:26px 0 34px;border-radius:22px;padding:6px 20px 22px;position:relative}
.floor.hide{display:none}
.floorhead{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 0 4px}
.floorhead h2{margin:2px 0 4px;font-size:30px;line-height:1.1}
.floorhead p{margin:0;font-size:14px}
.fh-eyebrow{font-size:11px;font-weight:800;letter-spacing:.32em}
.fh-cta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.fh-cta small{color:var(--muted);font-size:12px}.fh-ok{font-weight:700}

/* Buck Street — neon street arcade */
.floor-buck{background:linear-gradient(180deg,rgba(24,18,60,.72),rgba(12,14,34,.6));border:1px solid #2b3c7a;box-shadow:0 0 0 1px rgba(40,224,255,.08) inset,0 0 40px rgba(255,61,154,.07)}
.floor-buck .floorhead h2{font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;font-weight:900;font-style:italic;letter-spacing:.02em;color:#fff;text-shadow:0 0 6px #28e0ff,0 0 22px #28e0ff88,2px 2px 0 #ff3d9a}
.floor-buck .fh-eyebrow{color:#ff8ac5}.floor-buck .floorhead p{color:#a9b8ef}
.floor-buck .sech{color:#7ff0ff;font-family:"Trebuchet MS",system-ui,sans-serif;font-style:italic;letter-spacing:.04em}
.tile2.is-buck{border-color:#2f4291;border-radius:16px;box-shadow:0 0 0 1px rgba(40,224,255,.06)}
.tile2.is-buck:hover{border-color:#28e0ff;box-shadow:0 0 0 1px #28e0ff,0 10px 28px rgba(40,224,255,.22),0 0 24px rgba(255,61,154,.18)}
.tile2.is-buck .playbtn{background:linear-gradient(90deg,#ff3d9a,#ff7a45);color:#fff}
.tile2.is-buck .tmeta b{text-shadow:0 0 10px rgba(40,224,255,.35)}

/* The Sovereign Room — black and gold */
.floor-hr{background:radial-gradient(900px 260px at 50% -40px,rgba(230,195,106,.16),transparent 70%),linear-gradient(180deg,#0d0a06,#15100a);border:1px solid #6d5522;box-shadow:0 0 0 1px #000 inset,0 0 0 4px #0b0805 inset,0 0 0 5px rgba(230,195,106,.22) inset,0 18px 50px rgba(0,0,0,.55)}
.floor-hr .floorhead h2{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:27px;background:linear-gradient(90deg,#b98a2c,#fff1c1 40%,#e6c36a 60%,#b98a2c);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:220% 100%;animation:foil 7s linear infinite}
.floor-hr .fh-eyebrow{color:#c9a54c}.floor-hr .floorhead p{color:#b8a67a;letter-spacing:.06em}
.floor-hr .sech{color:#e6c36a;font-family:Georgia,serif;letter-spacing:.16em;text-transform:uppercase;font-size:16px;border-bottom:1px solid #4a3a18;padding-bottom:8px}
.tile2.is-hr{background:linear-gradient(160deg,#1b150c,#0b0805);border:1px solid #6d5522;border-radius:12px;box-shadow:0 0 0 3px #0b0805 inset,0 0 0 4px rgba(230,195,106,.2) inset}
.tile2.is-hr .tart{filter:sepia(.35) saturate(1.1) brightness(.95)}
.tile2.is-hr:hover{border-color:#fff1c1;box-shadow:0 0 0 3px #0b0805 inset,0 0 0 4px rgba(255,241,193,.5) inset,0 14px 34px rgba(230,195,106,.2)}
.tile2.is-hr .tmeta b{font-family:Georgia,serif;letter-spacing:.04em;color:#fff1c1}
.tile2.is-hr .playbtn{background:linear-gradient(90deg,#b98a2c,#fff1c1 50%,#b98a2c);color:#1a1205;letter-spacing:.2em}
.ribbon.rb-vip{background:linear-gradient(90deg,#8a6a1e,#f4dc94);color:#1a1205}
@keyframes foil{to{background-position:-220% 0}}
@media (prefers-reduced-motion:reduce){.floor-hr .floorhead h2{animation:none}}

/* ---------- game pages: the floor re-themes the whole page ---------- */
body[data-section="buck"]{--gold:#28e0ff;--gold2:#b6f6ff;--panel:#141a3a;--panel2:#1b2350;--line:#2f3f86}
body[data-section="buck"]{background:radial-gradient(1100px 520px at 12% -160px,rgba(255,61,154,.18),transparent 60%),radial-gradient(1000px 520px at 92% -140px,rgba(40,224,255,.16),transparent 60%),#0a0d22 fixed}
body[data-section="buck"] .gamehead h1{font-family:"Trebuchet MS",system-ui,sans-serif;font-style:italic;font-weight:900;text-shadow:0 0 14px rgba(40,224,255,.5),2px 2px 0 #ff3d9a}
body[data-section="buck"] .btn.gold{background:linear-gradient(90deg,#ff3d9a,#ff7a45);color:#fff;border-color:#ff3d9a}
body[data-section="buck"] .top{border-bottom:1px solid #ff3d9a55;box-shadow:0 1px 18px rgba(255,61,154,.15)}

body[data-section="hr"]{--gold:#e6c36a;--gold2:#fff1c1;--bg:#070504;--bg2:#0d0a06;--panel:#120e08;--panel2:#1b150c;--line:#4a3a18;--text:#f3ead2;--muted:#a89a76}
body[data-section="hr"]{background:radial-gradient(900px 480px at 50% -180px,rgba(230,195,106,.2),transparent 65%),#070504 fixed}
body[data-section="hr"] .top{border-bottom:1px solid #6d5522;box-shadow:0 1px 24px rgba(230,195,106,.12)}
body[data-section="hr"] .gamehead h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:.1em;font-weight:700;color:var(--gold2)}
body[data-section="hr"] .game::before{content:"THE SOVEREIGN ROOM";display:block;text-align:center;font:700 11px Georgia,serif;letter-spacing:.5em;color:#c9a54c;padding:8px 0;border-bottom:1px solid #4a3a18;margin-bottom:8px}
body[data-section="hr"] .stage,body[data-section="hr"] .panel{box-shadow:0 0 0 1px #000 inset,0 0 0 3px rgba(230,195,106,.14) inset}
body[data-section="hr"] .btn.gold{background:linear-gradient(90deg,#b98a2c,#fff1c1 50%,#b98a2c);color:#1a1205}
body[data-section="buck"] .game::before{content:"BUCK STREET";display:block;text-align:center;font:900 italic 11px "Trebuchet MS",system-ui,sans-serif;letter-spacing:.5em;color:#ff8ac5;padding:8px 0}
.nav a.nav-hr{color:#e6c36a}.nav a.nav-hr.on{color:#1a1205;background:linear-gradient(90deg,#b98a2c,#f4dc94)}

/* ---------- Sovereign Room door + day-pass modal ---------- */
.hrdoor{max-width:520px;margin:70px auto;text-align:center;padding:44px 28px;border:1px solid #6d5522;border-radius:20px;background:radial-gradient(500px 200px at 50% -20px,rgba(230,195,106,.18),transparent 70%),#0d0a06;box-shadow:0 0 0 4px #0b0805 inset,0 0 0 5px rgba(230,195,106,.25) inset}
.hd-crest,.gate-crest{font-size:46px;color:#e6c36a}.hrdoor h1,.gate h2{font-family:Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:#fff1c1;margin:.2em 0}
.hrdoor p{color:#b8a67a;letter-spacing:.1em}
.gate{text-align:center}.gate-price{margin:16px 0}.gate-price b{display:block;font-size:44px;font-family:Georgia,serif;color:#f4dc94}.gate-price span{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* ---------- Meridian Circle ---------- */
.circle .crank{display:flex;gap:14px;align-items:center;margin:8px 0}.circle .crank b{font-size:22px;font-family:Georgia,serif;color:var(--vip)}.circle .crank small{display:block;color:var(--muted)}
.sovline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0;padding:12px 14px;border:1px solid #6d5522;border-radius:12px;background:#0d0a06;color:#e6c36a}.sovline.open{border-color:#3ddc97;color:#3ddc97}
.tierlist{display:grid;gap:8px;max-height:280px;overflow:auto;padding-right:4px}
.tierrow{display:flex;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);opacity:.72}.tierrow.me{opacity:1;border-color:var(--vip);box-shadow:0 0 0 1px var(--vip) inset}.tierrow.done{opacity:.55}
.tierrow b{color:var(--vip);font-family:Georgia,serif}.tierrow small{display:block;color:var(--muted);margin-bottom:4px}.tierrow ul{margin:0;padding-left:18px;font-size:12.5px;color:#c3cbdb;line-height:1.5}
.vipcard #circleBtn{width:100%;margin-top:8px}

/* ---------- the Sovereign Room site (/sovereign) ---------- */
.sovpromo{display:flex;align-items:center;gap:16px;margin:14px 0;padding:16px 20px;border:1px solid #6d5522;border-radius:16px;background:radial-gradient(500px 120px at 15% 0,rgba(230,195,106,.18),transparent 70%),#0d0a06;text-decoration:none;color:#f3ead2}
.sovpromo:hover{border-color:#fff1c1}.sovpromo b{display:block;font-family:Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:#f4dc94;font-size:17px}.sovpromo small{color:#b8a67a}.sovpromo .btn{margin-left:auto;white-space:nowrap}.sp-crest{font-size:30px;color:#e6c36a}
body[data-mode="hr"] .brand b{font-family:Georgia,serif;letter-spacing:.3em}.nav a.nav-back{margin-left:6px;border:1px solid #4a3a18;color:#b8a67a}
.sov-hero{text-align:center;padding:64px 16px 40px;background:radial-gradient(700px 320px at 50% 0,rgba(230,195,106,.22),transparent 70%)}
.sov-crest{font-size:64px;color:#e6c36a;text-shadow:0 0 30px rgba(230,195,106,.5)}
.sov-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,7vw,64px);letter-spacing:.14em;text-transform:uppercase;margin:.1em 0;background:linear-gradient(90deg,#b98a2c,#fff1c1 40%,#e6c36a 60%,#b98a2c);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:220% 100%;animation:foil 8s linear infinite}
.sov-lead{max-width:640px;margin:0 auto 26px;font-size:18px;color:#d8cba4;line-height:1.6}
.sov-cta{display:flex;flex-direction:column;align-items:center;gap:10px}.sov-cta small{color:#b8a67a}
.btn.sov-play{font-size:19px;padding:20px 44px;letter-spacing:.2em;font-family:Georgia,serif;border-radius:999px;box-shadow:0 10px 40px rgba(230,195,106,.35)}
.sov-chips{display:flex;justify-content:center;margin-top:34px}.sov-chips span{margin:0 -5px;transform:translateY(calc(var(--i)*-3px))}
.sov-what{max-width:820px;margin:20px auto;padding:0 16px}.sov-what h2,.sov-ranks h2,.sov-final h2{font-family:Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:#f4dc94;text-align:center}
.sov-what p{color:#d8cba4;line-height:1.75;font-size:16px;text-align:center}.sov-what a,.sov-final a{color:#e6c36a}
.sov-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:1080px;margin:28px auto;padding:0 16px}
.sov-cards article{padding:22px;border:1px solid #4a3a18;border-radius:14px;background:linear-gradient(160deg,#1b150c,#0b0805);box-shadow:0 0 0 3px #0b0805 inset,0 0 0 4px rgba(230,195,106,.14) inset}
.sov-cards i{font-style:normal;font-size:28px}.sov-cards h3{font-family:Georgia,serif;letter-spacing:.08em;color:#fff1c1;margin:.4em 0}.sov-cards p{margin:0;color:#c9bb92;line-height:1.6;font-size:14.5px}
.sov-ranks{max-width:1080px;margin:36px auto;padding:0 16px}.sov-ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.sl-tier{text-align:center;padding:18px 10px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);display:flex;flex-direction:column;align-items:center;gap:4px}.sl-tier.me{border-color:var(--vip);box-shadow:0 0 0 1px var(--vip) inset}
.sl-tier b{font-family:Georgia,serif;color:var(--vip);letter-spacing:.06em}.sl-tier small{color:var(--muted)}.sl-tier span{font-size:12px;color:#e6c36a;letter-spacing:.08em;text-transform:uppercase}
.sov-final{text-align:center;padding:40px 16px 60px}

/* ---------- Reward Play + offers ---------- */
.rpbal{display:flex;flex-direction:column;align-items:center;line-height:1.05;padding:4px 12px;border:1px dashed #3ddc97;border-radius:999px;background:rgba(61,220,151,.08);cursor:help}
.rpbal.hidden{display:none}.rpbal b{color:#3ddc97;font-size:14px}.rpbal small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#7fd8b0}
.offerbox{margin:8px 0 12px;padding:12px 14px;border:1px solid #3ddc97;border-radius:12px;background:rgba(61,220,151,.07)}.offerbox b{display:block;color:#3ddc97}.offerbox span{font-size:14px}
.offerbox .fine,.offers+.tiny{font-size:12.5px;line-height:1.5;color:var(--muted);margin:8px 0}
.offers{display:grid;gap:8px;max-height:300px;overflow:auto;margin:10px 0}.offer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.offer b{display:block}.offer small{color:var(--muted);letter-spacing:.06em}.offer.used{opacity:.5}

/* ---------- responsive header: never wider than the window ---------- */
html,body{max-width:100%;overflow-x:clip}
.top{gap:14px;flex-wrap:nowrap}
.brand{flex:0 0 auto}
.nav{flex:1 1 0;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;flex:0 0 auto}
.search{flex:0 1 190px;min-width:96px}.search input{min-width:0;width:100%}
.wallet{flex:0 0 auto;gap:8px}.wallet>*{flex:0 0 auto}
@media (max-width:1360px){.top{padding:10px 14px;gap:10px}.nav a{padding:8px 10px}.search{flex-basis:150px}#meName{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (max-width:1180px){.search{flex-basis:120px}.brand small{display:none}#meName{display:none}.rpbal small{display:none}}
@media (max-width:1000px){.top{gap:8px}.search{flex:1 1 90px}.nav{display:none}}
@media (max-width:760px){.search{display:none}.top{justify-content:space-between}.wallet{margin-left:auto}}
@media (max-width:560px){.top{padding:8px 10px}.brand span:last-child{display:none}.wallet{gap:6px}.bal{padding:5px 10px;font-size:14px}.rpbal{padding:3px 8px}.rpbal b{font-size:13px}#meName{display:none}}
@media (max-width:380px){.rpbal{display:none}.wallet #mute{display:none}}