:root{--gold:#ffc65d;--muted:#b3cad9;background:#08172d;color:#f3f8ff}body{background:radial-gradient(ellipse at 5% 5%,#184961 0,transparent 48%),radial-gradient(ellipse at 100% 40%,#343567 0,transparent 48%),#08172d;min-height:100vh}header{border-color:#32516d}a:hover{color:#6ee4e2}.eyebrow{color:#77e0d6;letter-spacing:2px}.brand span{color:#ffc65d}h1{color:#fff4d9}h2,h3{color:#f5d38c}.intro>p{color:#c9dce8}.account-card,.card,.army-card{background:linear-gradient(145deg,#173349,#13243c);border:1px solid #41607b;box-shadow:0 20px 70px #020d1c40;border-radius:20px}.traits span{background:#153f50;border-color:#368882;color:#c7fff0}button,.primary{border-radius:10px;transition:background .18s,transform .18s}button:hover{filter:brightness(1.15)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #72e6dd;outline-offset:3px}.tabs .active,button[type=submit]{background:#ffc65d;color:#102638}.empire-banner{background:linear-gradient(115deg,#17506a,#273456);border-color:#448baa;border-radius:18px}.empire-bonus{color:#88edcb}.art-teaser{display:block;position:relative;margin-top:28px;border:1px solid #49778b;border-radius:20px;overflow:hidden;background:#17384f}.art-teaser img{width:100%;height:220px;object-fit:cover;display:block}.art-teaser span{display:block;padding:14px 20px;background:#17334d;color:#ffe0a1;font-weight:700}.showcase-intro{max-width:850px;padding:30px 0}.showcase-intro p{color:#c4d8e8;font-size:18px;max-width:640px}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin:24px 0}.showcase-card{padding:0 0 20px;overflow:hidden;border:1px solid #3a617b;border-radius:20px;background:linear-gradient(145deg,#1b3e57,#14283e)}.showcase-card img{width:100%;aspect-ratio:1.2;object-fit:cover;display:block;background:radial-gradient(circle,#315e76,#102238)}.showcase-card h2{font:600 23px/1.3 system-ui;margin:18px 20px 8px}.showcase-card p{margin:0 20px 18px;color:#c2d5e3;min-height:48px}.showcase-card button{margin:0 20px;min-height:48px;background:#126b7e;border:1px solid #2f99a5;color:white;padding:10px 20px}#preview-dialog{width:min(960px,96vw);max-height:94dvh;padding:20px;background:#10253c;color:white;border:1px solid #4e849a;border-radius:22px}#preview-dialog::backdrop{background:#020a17cc;backdrop-filter:blur(5px)}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-header h2{margin:0;font-size:24px}.preview-header button,.preview-controls button{min-height:46px;padding:10px 20px;background:#22687c;color:#fff;border:1px solid #519caf}#preview-stage{height:min(56vh,520px);min-height:270px;margin-top:16px;border-radius:14px;overflow:hidden;background:#162e46}#preview-stage canvas{display:block;width:100%;height:100%;touch-action:none}.preview-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.preview-controls label{display:flex;align-items:center;gap:10px}.preview-controls input{width:auto}#preview-status{min-height:26px;color:#c5e6ec}.new-art-link{display:inline-block;margin:14px 0 28px;padding:12px 20px;border:1px solid #409d99;border-radius:12px;background:#135363;color:#d5fff4}@media(max-width:600px){header{padding:20px;align-items:flex-start;flex-wrap:wrap}nav{gap:14px;flex-wrap:wrap}main{padding:0 20px}.showcase-grid{grid-template-columns:1fr 1fr;gap:12px}.showcase-card h2{font-size:18px;margin:14px 12px 8px}.showcase-card p{font-size:13px;margin:0 12px 12px;min-height:62px}.showcase-card button{margin:0 12px;padding:8px 12px;font-size:13px}.showcase-intro h1{font-size:40px}.art-teaser img{height:190px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.showcase-card img{height:auto;object-fit:contain;aspect-ratio:1.2}

.empire-filters{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.empire-filters button[aria-pressed=true]{background:#cfa757;color:#122137;border-color:#ebcf8b}#empire-description{min-height:48px;color:#d7e3ea;line-height:1.6}.showcase-card[hidden]{display:none}