.empire{background:#091d2c;color:#f7fbfc;padding:64px 0 40px;margin-top:42px;font-family:Inter,Arial,sans-serif;overflow:hidden}.empire *{box-sizing:border-box}.empire-intro,.empire-heading,.empire-directory,.empire-note{width:min(1372px,calc(100% - 48px));margin-left:auto;margin-right:auto}.empire-intro{margin-bottom:46px}.empire-kicker{font-size:.75rem;letter-spacing:.13em;font-weight:800;color:#83e3d0}.empire-intro h2{font:700 clamp(2rem,4vw,3.2rem)/1.12 Georgia,serif;max-width:780px;margin:14px 0 18px}.empire-intro>p{font-size:.9rem;letter-spacing:.07em;color:#ffe0a1}.empire-intro .empire-sub{max-width:740px;color:#becbd4;font-size:1rem;letter-spacing:0;line-height:1.6}.empire-group{margin:0 0 42px}.empire-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.empire-heading h3{font-size:1.65rem;margin:8px 0}.empire-heading p{font-size:1rem;color:#b7c8d3;margin:0 0 12px}.empire-controls{display:flex;gap:9px;flex:none}.empire-controls button{border:1px solid #82dacb;color:#cffff1;background:#123544;width:46px;height:46px;border-radius:50%;font-size:1.4rem;cursor:pointer}.empire-controls button:disabled{opacity:.35;cursor:default}.empire-frame{position:relative}.empire-frame:after{content:'';position:absolute;inset:0 0 0 auto;width:26px;background:linear-gradient(90deg,transparent,#091d2c);pointer-events:none}.empire-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:15px max(24px,calc((100vw - 1372px)/2)) 22px;scroll-padding-left:max(24px,calc((100vw - 1372px)/2));overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#498979 #122e3c;cursor:grab}.empire-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.empire-card{flex:0 0 296px;min-width:0;scroll-snap-align:start;border:1px solid var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 14%,transparent);background:#102736;border-radius:16px;overflow:hidden;color:#f7fbfc;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.empire-card:hover{transform:translateY(-3px);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 30%,transparent)}.empire-picture{aspect-ratio:16/9;background:#061725;padding:8px;border-bottom:1px solid #ffffff15}.empire-picture img{width:100%;height:100%;object-fit:contain;display:block;border-radius:9px;pointer-events:none}.empire-copy{padding:20px;display:flex;flex:1;flex-direction:column}.empire-category{color:var(--accent);font-size:.875rem;font-weight:700}.empire-copy h4{font-size:1.25rem;line-height:1.25;margin:10px 0}.empire-copy p{font-size:1rem;line-height:1.5;margin:0 0 18px;color:#ced8e1}.empire-status{font-size:.75rem;color:#c1cdd5;margin-top:auto;margin-bottom:10px}.empire-cta{color:var(--accent);font-size:.875rem}.empire :focus-visible{outline:3px solid #fff;outline-offset:4px}.empire-directory{border:1px solid #51736f;border-radius:16px;padding:22px;margin-top:14px}.empire-directory summary{cursor:pointer;font-weight:800;font-size:1.15rem;line-height:1.5}.empire-directory summary span{color:#8ddccc;font-size:.875rem;font-weight:400;display:block;margin-top:5px}.empire-directory>p{color:#c2d0d8;line-height:1.6}.empire-inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.empire-inventory h4{color:#ffe0a1;font-size:1.1rem}.empire-inventory ul{list-style:none;padding:0}.empire-inventory li{border-top:1px solid #ffffff20;padding:12px 0;font-size:.95rem;line-height:1.4}.empire-inventory small{display:block;color:#9db6c4;font-size:.75rem;margin-top:4px}.empire-note{color:#9db6c4;line-height:1.6;font-size:.8rem;margin-top:24px}.empire+.footer{margin-top:0}@media(max-width:700px){.empire{padding-top:40px}.empire-intro,.empire-heading,.empire-directory,.empire-note{width:calc(100% - 32px)}.empire-card{flex-basis:78vw;max-width:296px}.empire-rail{padding-left:16px;padding-right:16px;scroll-padding-left:16px;gap:14px}.empire-heading h3{font-size:1.35rem}.empire-heading p{font-size:.9rem}.empire-controls button{width:40px;height:40px}.empire-inventory{grid-template-columns:1fr}.empire-copy{padding:17px}}@media(prefers-reduced-motion:reduce){.empire-card{transition:none}.empire-card:hover{transform:none}.empire-rail{scroll-behavior:auto}}
.empire-copy h4{overflow-wrap:anywhere}@media(max-width:620px){.head{gap:8px}.head>div:last-child{flex-shrink:0}.head .gold{padding:10px;font-size:.8rem}.brand{gap:7px}.brand h1{font-size:23px}.brand .mark{width:38px;height:38px}}
#ai-empire{scroll-margin-top:76px}