:root{--bg:#0d0a0d;--bg-elevated:#211a26;--bg-card:#1a1420;--bg-card-alt:#241a22;--border:#372c3a;--text:#ece4dc;--text-muted:#99909a;--accent:#8f1d24;--accent-hover:#d1472f;--accent-gold:#c99a4e;--font:system-ui, "Segoe UI", Roboto, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body,h1,h2,h3,h4,p{margin:0}button{font:inherit}input,select{font:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;padding:8px 10px}.app{background:radial-gradient(at 50% -10%,#8f1d2429,#0000 55%),radial-gradient(at 50% 115%,#00000080,#0000 60%);max-width:900px;margin:0 auto;padding:24px 16px 80px}.app-header{text-align:center;margin-bottom:24px;position:relative}.app-eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--accent-gold);margin-bottom:6px;font-size:.7rem;display:block}.app-header:after{content:"";background:linear-gradient(90deg, transparent, var(--border) 20%, var(--accent-gold) 50%, var(--border) 80%, transparent);opacity:.75;width:140px;height:1px;margin:18px auto 0;display:block}.lang-switch{border:1px solid var(--border);border-radius:2px;display:inline-flex;position:absolute;top:0;right:0;overflow:hidden}.lang-btn{background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;border:none;padding:6px 12px;font-size:.8rem;font-weight:600}.lang-btn.active{background:var(--accent);color:#fff}.app-header h1{font-family:var(--font-display);letter-spacing:.5px;color:var(--text);font-size:2.4rem;font-weight:500}.subtitle{font-family:var(--font-display);color:var(--text-muted);margin-top:4px;font-style:italic}.controls{flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;display:flex}.side-switch{border:1px solid var(--border);border-radius:2px;display:inline-flex;overflow:hidden}.side-btn{background:var(--bg-elevated);color:var(--text);cursor:pointer;border:none;padding:10px 24px}.side-btn.active{background:var(--accent);color:#fff}.action-row{gap:12px;display:flex}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:2px;padding:12px 32px;font-size:1.05rem;font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:2px;padding:12px 20px}.btn-ghost:hover{border-color:var(--accent)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.empty-note{color:var(--text-muted);font-style:italic}.center-note{text-align:center;margin-top:40px}.build-result{flex-direction:column;gap:28px;display:flex}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--accent-gold);align-items:center;gap:10px;margin-bottom:10px;font-size:.85rem;display:flex}.section-title:after{content:"";background:var(--border);flex:1;height:1px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:2px;padding:16px 18px}.card-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-title-row h3,.card-title-row h4{margin:0}.character-card{text-align:center;background:linear-gradient(160deg, var(--bg-card-alt), var(--bg-card));border-color:var(--accent)}.character-card h2{font-family:var(--font-display);font-weight:500}.killer-backdrop{pointer-events:none;z-index:-1;background-position:bottom;background-repeat:no-repeat;background-size:auto 640px;position:fixed;inset:0 0 0 calc(50% + 470px);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 55%);mask-image:linear-gradient(90deg,#0000 0%,#000 55%)}@media (width<=1180px){.killer-backdrop{display:none}}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--accent-gold);margin-bottom:6px;font-size:.75rem;display:block}.power-name{color:var(--text-muted);margin-top:6px;font-style:italic}.perk-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=640px){.perk-grid{grid-template-columns:1fr}}.perk-card-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.perk-card-header>div{flex:1;min-width:0}.perk-icon{background:linear-gradient(160deg, var(--bg-elevated), var(--bg));border:1px solid var(--border);clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);flex-shrink:0;width:40px;height:40px}.perk-icon-sm{width:32px;height:32px}.addon-card .perk-icon{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.perk-origin{color:var(--accent-hover);margin:2px 0 0;font-size:.85rem;font-style:italic}.perk-description{color:var(--text-muted);font-size:.88rem;line-height:1.5}.perk-description p{margin:8px 0}.perk-description ul{margin:4px 0;padding-left:18px}.perk-description li{margin:4px 0}.perk-description b{color:var(--text);font-weight:600}.perk-description i{font-style:italic}.perk-description .inline-icon{vertical-align:text-bottom;width:16px;height:16px;margin:0 1px}.perk-description a.wiki-link{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.perk-description a.wiki-link:hover{color:var(--accent)}.exclude-hint{color:var(--text-muted);margin:0;font-size:.8rem}.muted{color:var(--text-muted);margin-top:4px}.addon-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width<=640px){.addon-list{grid-template-columns:1fr}}.tag{white-space:nowrap;background:var(--bg-elevated);color:var(--text-muted);border:1px solid #0000;border-radius:2px;padding:3px 8px;font-size:.7rem}.rarity-commune{color:#cbbfae;border-color:#cbbfae}.rarity-peu-commune{color:#d8c24a;border-color:#d8c24a}.rarity-rare{color:#4fae5d;border-color:#4fae5d}.rarity-tres-rare{color:#a463d8;border-color:#a463d8}.rarity-ultra-rare{color:#e08a3c;border-color:#e08a3c}.rarity-legendaire,.rarity-evenement{color:#e8c252;border-color:#e8c252}.rarity-limitee{color:#b98a5a;border-color:#b98a5a}.rarity-ascendante{color:#4fae5d;border-color:#4fae5d}.rarity-viscerale{color:#d64545;border-color:#d64545}.drawer-backdrop{z-index:50;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--bg);border-left:1px solid var(--border);flex-direction:column;gap:12px;width:420px;max-width:100%;height:100%;padding:20px;display:flex}.drawer-header{justify-content:space-between;align-items:center;display:flex}.drawer-header h2{font-family:var(--font-display);font-weight:500}.tab-row{flex-wrap:wrap;gap:6px;display:flex}.tab{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:2px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;display:inline-flex}.tab-active{border-color:var(--accent);color:var(--text)}.tab-count{background:var(--accent);color:#fff;border-radius:999px;padding:1px 6px;font-size:.7rem}.drawer-toolbar{flex-wrap:wrap;gap:8px;display:flex}.drawer-toolbar input{flex:1;min-width:120px}.exclusion-list{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.exclusion-list li{border-bottom:1px solid var(--border)}.exclusion-list label{cursor:pointer;align-items:center;gap:10px;padding:8px 4px;font-size:.9rem;display:flex}.excluded-text{color:var(--text-muted);text-decoration:line-through}.drawer-footer{justify-content:flex-end;display:flex}