/* YBP Empire™ · Day 1 campaign pages · November 2026 */
:root{color-scheme:dark;--d1bg:#0b0713;--d1panel:#190f26;--d1gold:#f5cd83;--d1text:#f6eff9;--d1border:#775691;--d1muted:#dacfe3}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 0,#301249 0%,#0b0713 61%);color:var(--d1text);font:16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;overflow-x:hidden}
a{color:var(--d1gold)}a:focus-visible,button:focus-visible{outline:3px solid #ffe0a0;outline-offset:4px}
.d1-skip{position:absolute;top:-90px;left:10px;padding:10px;background:gold;color:#000;z-index:200}.d1-skip:focus{top:10px}
.d1-topbar{background:#1d0e2b;border-bottom:1px solid #ac8954;text-align:center;padding:7px 12px;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#ebc883}
.d1-header{background:#0e0b18f0;border-bottom:1px solid #624678;position:sticky;top:0;z-index:70;backdrop-filter:blur(12px)}
.d1-header-wrap{max-width:1150px;margin:auto;display:flex;gap:12px;justify-content:space-between;align-items:center;padding:9px 16px;flex-wrap:wrap}
.d1-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:850}.d1-brand img{width:42px;height:42px;border-radius:10px}.d1-brand small{display:block;font-size:.66rem;color:var(--d1gold);line-height:1.35}
.d1-menu{padding:10px 14px;min-height:44px;border:1px solid #785c92;border-radius:10px;color:white;background:#20142c;cursor:pointer}
#ybpNav{display:flex;gap:5px;flex-wrap:wrap;align-items:center}#ybpNav a{color:#f9edf9;text-decoration:none;padding:8px 10px;border-radius:9px;font-size:.83rem;min-height:42px;display:inline-flex;align-items:center}#ybpNav a:hover{background:#2c1c3d}
.d1-main{width:min(1150px,calc(100% - 32px));margin:auto;padding:22px 0 92px}
.d1-kicker{color:var(--d1gold);font-size:.75rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.d1-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:clamp(20px,4vw,52px);align-items:center;padding:clamp(26px,5vw,65px) 0 28px}
.d1-hero h1{font:800 clamp(2.15rem,6vw,4.4rem)/1.06 Georgia,serif;margin:.35em 0;color:#fff}.d1-hero h1 span{color:var(--d1gold)}
.d1-lead{font-size:clamp(1.05rem,2.3vw,1.3rem);line-height:1.52;color:#e8e0ef;max-width:59ch}
.d1-highlight{padding:14px 16px;border-left:4px solid var(--d1gold);background:#271934;border-radius:6px;margin:18px 0;font-size:.93rem}
.d1-hero-art{border-radius:18px;overflow:hidden;border:1px solid #8b69a8;background:#170c24;box-shadow:0 20px 80px #0008}
.d1-hero-art img{display:block;width:100%;height:auto}
.d1-hero-art figcaption{font-size:.72rem;color:var(--d1muted);padding:10px 14px;line-height:1.5}
.d1-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 14px}
.d1-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 17px;border-radius:12px;text-decoration:none;font-weight:850;border:1px solid #cbaa66;background:linear-gradient(110deg,#ffe8b1,#d6a75b);color:#231222!important;text-align:center}
.d1-btn--alt{background:#281b39;color:#fff!important;border:1px solid #9d77b2}
.d1-btn--quiet{background:transparent;color:#edcc86!important;border:1px solid #9f7a44}
.d1-section{border-top:1px solid #56416a;margin-top:24px;padding:28px 0}.d1-section h2{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.2;margin:0 0 13px}.d1-section p{color:#e5d9ee}
.d1-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.d1-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.d1-card{min-width:0;background:linear-gradient(160deg,#21132d,#140e1e);border:1px solid #775b8a;border-radius:15px;padding:18px}.d1-card h3{margin:0 0 8px;color:#f8d998;font-size:1.09rem}.d1-card p{font-size:.91rem;margin:0}
.d1-stat{font-variant-numeric:tabular-nums;display:block;color:var(--d1gold);font-size:clamp(1.5rem,4.2vw,2rem);font-weight:900}
.d1-banner{display:block;max-height:620px;max-width:100%;width:auto;margin:auto;border:1px solid #986eac;border-radius:18px}
.d1-banner-wrap{text-align:center;background:#100b19;border:1px solid #453655;border-radius:18px;padding:18px}
.d1-note{padding:14px 16px;background:#2b1e38;border-left:3px solid #edc676;border-radius:7px;color:#ede1f1;line-height:1.5;font-size:.9rem}
.d1-steps{counter-reset:d1step;display:grid;gap:12px}.d1-step{background:#1e142a;border:1px solid #604574;border-radius:12px;padding:16px;display:grid;grid-template-columns:36px 1fr;gap:12px}.d1-step:before{counter-increment:d1step;content:counter(d1step);display:grid;place-items:center;background:#d5a956;color:#211225;font-weight:900;border-radius:10px;height:36px}
.d1-step h3{margin:0 0 5px}.d1-step p{margin:0;font-size:.92rem}
.d1-footer{padding:32px 16px 120px;text-align:center;border-top:1px solid #73548b;color:#e4d7ec;background:#0d0817;font-size:.86rem}.d1-footer p{margin:.4em auto;max-width:900px}
@media (max-width:850px){.d1-header-wrap{align-items:center}#ybpNav{width:100%;display:none}#ybpNav.open{display:flex;flex-direction:column;align-items:stretch}#ybpNav a{width:100%}.d1-hero{grid-template-columns:minmax(0,1fr) minmax(170px,260px)}.d1-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.d1-main{width:calc(100% - 28px)}.d1-hero{grid-template-columns:1fr;gap:10px}.d1-hero-art{max-width:410px;width:100%;margin:auto}.d1-hero h1{font-size:clamp(2rem,10vw,3.1rem)}.d1-actions{display:grid;grid-template-columns:1fr}.d1-btn{width:100%}.d1-grid,.d1-grid.two{grid-template-columns:1fr}.d1-banner-wrap{padding:8px}.d1-hero-art{order:2}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}