.remix-heading { margin-bottom:20px; }
.remix-heading h1 { margin:8px 0; font-size:clamp(28px,4vw,42px); }
.remix-heading p { color:#c6d1d6; font-size:17px; margin:0; }
.remix-layout,.champion-gallery { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
.remix-specimen,.champion-showcase { background:radial-gradient(ellipse at 50% 30%,#304347,#172328 70%); border:1px solid #405055; border-radius:24px; padding:20px; text-align:center; overflow:hidden; }
.remix-model { height:310px; }
.remix-model>.creature-art,.champion-model>.creature-art { width:100%;height:100%; }
.remix-specimen-label { display:block; color:#a6e098; font-size:12px; letter-spacing:.13em; margin:8px 0 16px; }
.remix-stats { display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }
.remix-stats>span { display:grid;gap:5px;color:#bbc9ce;font-size:12px; }
.remix-stats b { color:#f6f5ec;font-size:24px; }
.remix-stats small { font-size:12px;color:#bddd8a;margin-left:4px; }
.remix-slot-tabs { display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px; }
.remix-slot-tabs button { padding:13px 6px;border:1px solid #48555a;border-radius:12px;background:#1b282e;color:#d6e1e2;font:inherit;font-weight:700; }
.remix-slot-tabs [aria-pressed=true] { background:#c6ef8b;color:#192523;border-color:#c6ef8b; }
.remix-parts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.remix-parts button { display:grid;justify-items:center;align-content:start;border:2px solid #35464c;background:#19252b;color:#f1f4ed;border-radius:16px;padding:4px 4px 12px;font:inherit;min-width:0; }
.remix-parts button[aria-pressed=true] { border-color:#cef194;background:#2c3d32; }
.remix-parts .part-art { width:100%;height:96px; }
.remix-parts strong { font-size:14px;overflow-wrap:anywhere; }
.remix-choice { min-height:156px; padding:22px 0 12px; }
.remix-choice h2 { font-size:21px;margin:8px 0; }
.remix-choice p,.remix-rules p { color:#c4d0d4;font-size:15px;line-height:1.5; }
.remix-combo { color:#d4e9a9!important; }
.remix-picker>.primary { width:100%; }
.remix-rules { border:0;padding:16px 0;margin:0; }
.remix-rules summary { color:#aebfc7;min-height:28px; }
.remix-result-note { padding:16px;background:#223631;border-radius:16px;line-height:1.55;margin-bottom:18px;color:#dce9d9; }
.champion-entry { display:flex;align-items:center;gap:16px;width:100%;background:linear-gradient(110deg,#30362b,#1c2a2e);border:1px solid #6d714c;border-radius:20px;padding:20px;text-align:left;color:#f1f1df;margin:24px 0;font:inherit; }
.champion-entry>span:nth-child(2) { display:grid;gap:6px;flex:1; }
.champion-entry small { font-size:10px;letter-spacing:.12em;color:#c7cc9b; }
.champion-entry strong { font-size:23px; }
.champion-entry span span { color:#c0cdcd;font-size:14px;line-height:1.4; }
.champion-emblem { display:grid;place-items:center;border:1px solid #c0a85f;border-radius:50%;width:54px;height:54px;flex:none;color:#edcb77;background:#494432;font-size:30px; }
.champion-saved { border:1px solid #8c834f;border-radius:20px;background:#30392d;padding:20px;margin:18px 0; }
.champion-saved h3 { font-size:23px;margin:8px 0; }
.champion-saved p { font-size:16px;line-height:1.5;color:#d6decf; }
.champion-saved .primary,.champion-showcase .primary { width:100%; }
.champion-model { height:300px; }
.champion-showcase h2 { font-size:28px;margin:12px 0; }
.champion-showcase p { color:#d4decf;line-height:1.5; }
.champion-showcase>small { display:block;color:#abbebf;line-height:1.5;margin-top:14px; }
.champion-counters { display:grid;grid-template-columns:1fr 1fr;padding:20px;background:#1e2e31;border:1px solid #405359;border-radius:18px;margin-bottom:14px; }
.champion-counters span { display:grid;gap:7px;color:#bfcdd0; }
.champion-counters b { color:#e4ecb6;font-size:28px; }
.champion-history h2 { margin-top:26px; }
.champion-list { display:grid;gap:8px;max-height:440px;overflow:auto; }
.champion-list button { display:flex;align-items:center;gap:15px;border:1px solid #3f5359;border-radius:14px;padding:16px;background:#1c2a2f;color:#ecf1e7;text-align:left;font:inherit; }
.champion-list button[aria-pressed=true] { border-color:#c3de8e;background:#2c3b31; }
.champion-list button>span:nth-child(2) { display:grid;gap:7px;flex:1; }
.champion-list small { color:#bccbcb; }
.champion-empty { max-width:580px;padding:30px;margin:auto;background:#1b292d;border:1px solid #3f5359;border-radius:24px; }
.champion-empty p { font-size:17px;line-height:1.6;color:#c3d0d3; }
@media(max-width:700px) {
 .remix-layout,.champion-gallery { grid-template-columns:1fr;gap:16px; }
 .remix-heading { margin-bottom:14px; }.remix-heading h1 { font-size:29px; }
 .remix-specimen { padding:8px 14px 16px;border-radius:20px; }
 .remix-model { height:210px; }.remix-specimen-label { margin:0 0 10px; }
 .remix-stats b { font-size:21px; }.remix-stats>span { font-size:12px; }
 .remix-parts .part-art { height:76px; }.remix-choice { min-height:0;padding:18px 0 10px; }
 .remix-choice h2 { font-size:21px; }.remix-choice p { margin:8px 0; }
 .champion-entry { padding:16px;gap:12px; }.champion-entry strong { font-size:21px; }
 .champion-model { height:270px; }.champion-showcase h2 { font-size:25px; }
 .champion-saved .primary { font-size:15px; }
}