/* DeckArmy Studio — Global Theme */
:root {
    color-scheme:dark;
    --da-bg:#0b0e14;
    --da-surface:#121722;
    --da-surface-raised:#19202d;
    --da-surface-hover:#222c3a;
    --da-border:#2b3442;
    --da-border-soft:#222a36;
    --da-text:#f3f0e9;
    --da-text-secondary:#a4aab5;
    --da-text-muted:#737e8e;
    --da-primary:#d5a65c;
    --da-primary-hover:#edc27a;
    --da-primary-soft:rgba(213,166,92,.12);
    --da-success:#6fc6a0;
    --da-danger:#e47c80;
    --da-radius:12px;
    --da-sidebar-width:264px;
    --da-sidebar-compact-width:72px;
    --da-transition:.25s ease;
    --da-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

*,*::before,*::after { box-sizing:border-box; }
html { width:100%; min-height:100%; scrollbar-color:var(--da-border) var(--da-bg); scrollbar-width:thin; }
body { width:100%; min-height:100vh; margin:0; background:var(--da-bg); color:var(--da-text); font-family:var(--da-font); -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
a { color:inherit; }
:focus-visible { outline:2px solid var(--da-primary); outline-offset:3px; }
::selection { background:rgba(213,166,92,.3); color:#fff; }

/* Studio layout */
.da-studio { display:flex; width:100%; min-height:100dvh; background:var(--da-bg); }
.da-studio-main { flex:1 1 0; min-width:0; min-height:100dvh; background:var(--da-bg); }

/* Sidebar */
.da-sidebar { position:sticky; top:0; display:flex; flex-direction:column; flex:0 0 var(--da-sidebar-width); width:var(--da-sidebar-width); height:100dvh; background:linear-gradient(165deg,#171d29 0%,var(--da-surface) 44%,#10141d 100%); border-right:1px solid var(--da-border-soft); color:var(--da-text); transition:width var(--da-transition),flex-basis var(--da-transition); z-index:100; }
.da-sidebar-brand { display:flex; align-items:center; gap:12px; padding:27px 20px 25px; }
.da-sidebar-logo { display:grid; place-items:center; flex:0 0 42px; height:42px; border:1px solid rgba(213,166,92,.45); border-radius:12px; background:var(--da-primary-soft); color:var(--da-primary); }
.da-sidebar-logo .material-symbols-outlined { font-size:25px; }
.da-sidebar-brand-name { font-size:19px; font-weight:850; letter-spacing:-.6px; line-height:1.2; }
.da-sidebar-brand-name span { color:var(--da-primary); }
.da-sidebar-brand-env { display:flex; align-items:center; gap:6px; margin-top:5px; color:var(--da-text-muted); font-size:9px; font-weight:750; letter-spacing:1.25px; white-space:nowrap; }
.da-sidebar-brand-dot { width:3px; height:3px; background:var(--da-primary); border-radius:50%; }
.da-sidebar-toggle { position:absolute; top:35px; right:-14px; z-index:2; display:grid; place-items:center; width:28px; height:28px; padding:0; border:1px solid var(--da-border); border-radius:8px; background:var(--da-surface-raised); color:var(--da-text-secondary); cursor:pointer; }
.da-sidebar-toggle:hover { color:var(--da-primary); border-color:var(--da-primary); }
.da-sidebar-toggle .material-symbols-outlined { font-size:18px; }
.da-sidebar-navigation { flex:1; min-height:0; overflow-y:auto; padding:0 12px 12px; scrollbar-width:thin; scrollbar-color:var(--da-border) transparent; }
.da-sidebar-section { margin-bottom:19px; }
.da-sidebar-label { padding:0 13px 10px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:1.4px; color:var(--da-text-muted); }
.da-sidebar-nav { display:grid; gap:3px; }
.da-sidebar-item { position:relative; display:flex; align-items:center; gap:13px; min-height:42px; padding:9px 13px; border-radius:9px; color:var(--da-text-secondary); text-decoration:none; font-size:13px; font-weight:550; transition:background .15s,color .15s; }
.da-sidebar-item > .material-symbols-outlined { font-size:21px; flex-shrink:0; }
.da-sidebar-item:hover { background:var(--da-surface-hover); color:var(--da-text); }
.da-sidebar-item.active { color:var(--da-primary-hover); background:var(--da-primary-soft); font-weight:700; }
.da-sidebar-item.active::before { content:''; position:absolute; top:9px; bottom:9px; left:0; width:3px; border-radius:4px; background:var(--da-primary); }
.da-sidebar-spacer { flex:0 0 0; }
.da-sidebar-external { display:flex; align-items:center; gap:11px; margin:5px 12px 12px; padding:12px; border:1px solid var(--da-border); border-radius:10px; color:var(--da-text-secondary); text-decoration:none; font-size:12px; }
.da-sidebar-external:hover { border-color:var(--da-primary); color:var(--da-primary-hover); }
.da-sidebar-external .material-symbols-outlined { font-size:19px; }
.da-sidebar-external-arrow { margin-left:auto; font-size:16px!important; }
.da-sidebar-user { display:flex; align-items:center; gap:10px; min-height:75px; padding:14px 17px; border-top:1px solid var(--da-border-soft); }
.da-sidebar-avatar { position:relative; display:grid; place-items:center; flex:0 0 35px; height:35px; overflow:hidden; border:1px solid rgba(213,166,92,.35); border-radius:10px; background:var(--da-primary-soft); color:var(--da-primary); font-size:12px; font-weight:800; }
.da-sidebar-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.da-sidebar-user-content { min-width:0; flex:1; }
.da-sidebar-user-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:750; }
.da-sidebar-user-role { margin-top:4px; color:var(--da-text-muted); font-size:11px; }
.da-sidebar-user-more { color:var(--da-text-muted); font-size:20px; }
.da-sidebar.collapsed { flex-basis:var(--da-sidebar-compact-width); width:var(--da-sidebar-compact-width); }
.da-sidebar.collapsed .da-sidebar-brand { justify-content:center; padding-inline:10px; }
.da-sidebar.collapsed .da-sidebar-brand-text,.da-sidebar.collapsed .da-sidebar-label,.da-sidebar.collapsed .da-sidebar-item-label,.da-sidebar.collapsed .da-sidebar-external > span:not(:first-child),.da-sidebar.collapsed .da-sidebar-user-content,.da-sidebar.collapsed .da-sidebar-user-more { display:none; }
.da-sidebar.collapsed .da-sidebar-navigation { padding-inline:10px; }
.da-sidebar.collapsed .da-sidebar-item { justify-content:center; padding-inline:8px; }
.da-sidebar.collapsed .da-sidebar-external { justify-content:center; margin-inline:10px; }
.da-sidebar.collapsed .da-sidebar-user { justify-content:center; padding-inline:8px; }
.da-sidebar.collapsed .da-sidebar-toggle .material-symbols-outlined { transform:rotate(180deg); }
@media(max-width:768px) {
    .da-sidebar { position:fixed; top:0; left:0; width:var(--da-sidebar-width); height:100dvh; transform:translateX(-100%); transition:transform var(--da-transition); box-shadow:12px 0 40px rgba(0,0,0,.25); }
    .da-sidebar.mobile-open { transform:translateX(0); }
    .da-sidebar.collapsed { width:var(--da-sidebar-width); }
    .da-sidebar.collapsed .da-sidebar-brand-text,.da-sidebar.collapsed .da-sidebar-label,.da-sidebar.collapsed .da-sidebar-user-content { display:block; }
    .da-sidebar.collapsed .da-sidebar-item-label { display:inline; }
    .da-sidebar.collapsed .da-sidebar-navigation { padding-inline:12px; }
    .da-sidebar.collapsed .da-sidebar-item { justify-content:flex-start; padding-inline:13px; }
    .da-sidebar.collapsed .da-sidebar-brand { justify-content:flex-start; padding:27px 20px 25px; }
    .da-sidebar.collapsed .da-sidebar-user { justify-content:flex-start; padding:14px 17px; }
    .da-studio-main { width:100%; margin-left:0; }
}
#notifications { position:fixed!important; z-index:2147483647!important; }


/* Card Builder — original styles, da- namespace */

.da-builder{--bg:var(--da-bg);--panel:var(--da-surface);--line:var(--da-border);--text:var(--da-text);--muted:var(--da-text-secondary);--accent:var(--da-primary);color:var(--text)}
.da-builder *{box-sizing:border-box}.da-builder{font:14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg)}.da-builder button,.da-builder input,.da-builder textarea,.da-builder select{font:inherit}.da-builder button{cursor:pointer}.da-builder button:focus-visible,.da-builder input:focus-visible,.da-builder textarea:focus-visible,.da-builder select:focus-visible{outline:2px solid #ffcd70;outline-offset:2px}
.da-builder.da-shell{display:grid;grid-template-columns:minmax(350px,435px) minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.da-builder .da-editor{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:25px 26px 40px;background:var(--panel);border-right:1px solid var(--line);scrollbar-color:#515a6b transparent}.da-builder .da-brand{display:flex;gap:12px;align-items:center;margin-bottom:25px}.da-builder .da-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ffe5a1,#e69c22);color:#2a1803;font-size:19px;font-weight:950}.da-builder .da-brand b{display:block;font-size:18px}.da-builder .da-brand small{color:var(--muted)}.da-builder .da-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:23px 0 11px}.da-builder .da-heading h2{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:#c9cddb}.da-builder .da-heading small,.da-builder .da-hint{font-size:11px;color:var(--muted)}.da-builder .da-hint{margin:5px 0 12px}.da-builder .da-field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px;min-width:0}.da-builder .da-field label{font-size:12px;font-weight:650;color:#c9ceda}.da-builder .da-field input,.da-builder .da-field textarea,.da-builder .da-field select{width:100%;min-width:0;border:1px solid #3a4355;border-radius:9px;background:#0e121b;color:var(--text);padding:10px 11px}.da-builder .da-field textarea{min-height:80px;resize:vertical}.da-builder .da-field input[type=range]{accent-color:var(--accent);padding:5px 0;cursor:pointer}.da-builder .da-fields-2,.da-builder .da-fields-3{display:grid;gap:10px}.da-builder .da-fields-2{grid-template-columns:repeat(2,minmax(0,1fr))}.da-builder .da-fields-3{grid-template-columns:repeat(3,minmax(0,1fr))}.da-builder .da-range-title{display:flex;justify-content:space-between;gap:8px}.da-builder .da-range-title output{color:#ffcd75;font-variant-numeric:tabular-nums}.da-builder .da-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:124px;padding:15px;border:1.5px dashed #6c7688;border-radius:13px;background:#10141e;text-align:center;cursor:pointer}.da-builder .da-drop.over{border-color:#ffc96d;background:#292332}.da-builder .da-drop b{font-size:13px}.da-builder .da-drop small{color:var(--muted);font-size:11px}.da-builder .da-drop .da-upload{font-size:28px;color:#ffc569}.da-builder .da-drop input{display:none}.da-builder .da-tools{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.da-builder .da-mini,.da-builder .da-btn{border:1px solid #495267;border-radius:8px;background:#293040;color:#f4f4f8;font-weight:650;padding:8px 11px}.da-builder .da-mini:hover,.da-builder .da-btn:hover{background:#3a4355}.da-builder .da-mini:disabled{opacity:.4;cursor:not-allowed}.da-builder .da-mini.active{border-color:#f2bf63;color:#ffcd7e}.da-builder .da-zoom-controls{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px}.da-builder .da-zoom-controls .da-mini{padding:7px 0}.da-builder .da-bonus-row{display:grid;grid-template-columns:minmax(0,1fr) 84px 34px;gap:7px;margin-bottom:8px}.da-builder .da-bonus-row input{min-width:0;width:100%;border:1px solid #3a4355;border-radius:8px;background:#0e121b;color:white;padding:9px}.da-builder .da-bonus-row .da-remove{padding:0;color:#f2a6a6}.da-builder .da-actions{display:flex;gap:9px;margin-top:23px}.da-builder .da-btn{flex:1;padding:12px}.da-builder .da-btn.da-primary{background:linear-gradient(#ffdb8a,#e8a02b);color:#241608;border-color:#eab451}.da-builder .da-status{min-height:18px;margin:11px 0;color:#c7cdd9;font-size:12px}
.da-builder .da-stage{min-width:0;min-height:0;overflow:auto;display:grid;place-items:center;padding:28px 20px;background:radial-gradient(ellipse at 50% 45%,#33271f 0%,#191b25 49%,#0c0f16 83%)}.da-builder .da-stage-inner{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.da-builder .da-stage-title{text-align:center}.da-builder .da-stage-title h1{margin:0;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:#ead8b4}.da-builder .da-stage-title p{margin:3px 0 0;color:var(--muted);font-size:11px}.da-builder .da-preview-wrap{width:100%}.da-builder .da-preview-hint{text-align:center;color:#a3acbc;font-size:11px;max-width:410px;margin:0}.da-builder .da-preview-wrap.move-mode .da-card{cursor:grab}.da-builder .da-preview-wrap.move-mode .da-card.dragging{cursor:grabbing}
.da-builder .da-card{--edge:#d7dce3;--edge-soft:#f4f7fb;--top:rgba(234,239,245,.88);--bottom:rgba(142,154,170,.97);--glow:rgba(170,180,200,.22);--ink:#1d2027;position:relative;isolation:isolate;width:100%;aspect-ratio:9/14;overflow:hidden;border:3px solid var(--edge-soft);border-radius:7% / 4.6%;background:#24334a;box-shadow:0 0 0 2px var(--edge),0 0 35px var(--glow),0 22px 58px #000b;user-select:none;touch-action:auto}
.da-builder .da-card[data-rarity=common]{--edge:#8e9ba9;--edge-soft:#e2e8f1;--top:rgba(230,237,245,.88);--bottom:rgba(147,162,180,.97);--glow:#a4b1c044}

.da-builder .da-card[data-rarity=rare]{--edge:#468eff;--edge-soft:#c2deff;--top:rgba(188,221,255,.88);--bottom:rgba(47,123,226,.97);--glow:#488eff66}
.da-builder .da-card[data-rarity=epic]{--edge:#a95bfa;--edge-soft:#e9c8ff;--top:rgba(224,193,255,.88);--bottom:rgba(141,63,218,.97);--glow:#b363ff77}
.da-builder .da-card[data-rarity=legendary]{--edge:#ffae22;--edge-soft:#ffe0a1;--top:rgba(255,213,142,.87);--bottom:rgba(255,151,21,.97);--glow:#ff9f2677}
/* MYTHIQUE : rouge rubis, or incandescent, reflets prismatiques et braises */
.da-builder .da-card[data-rarity=mythic]{--edge:#ffbb45;--edge-soft:#fff1ad;--top:rgba(255,224,161,.91);--bottom:rgba(177,34,28,.97);--glow:#ff4328cc;--ink:#290d0b;border-width:4px;background:#4c1015;animation:mythicPulse 2.8s ease-in-out infinite alternate}
.da-builder .da-card[data-rarity=mythic] .da-card-info{background:linear-gradient(168deg,rgba(255,224,154,.91) 0%,rgba(255,158,74,.93) 42%,rgba(190,36,29,.98) 100%);box-shadow:0 -12px 40px #ff9b3540,inset 0 2px 0 #fff2b9a8}
.da-builder .da-card[data-rarity=mythic] .da-rarity-chip{color:#fff2bd;background:linear-gradient(125deg,#7b0717,#ed3b26 40%,#ffcf5b 60%,#8d101c 85%);background-size:220% 220%;border:2px solid #ffe39a;box-shadow:0 0 16px #ff3927,0 0 32px #ffc44d88,inset 0 0 9px #ffe9a488;animation:mythicBadge 3s linear infinite}
.da-builder .da-card[data-rarity=mythic] .da-bonus{background:rgba(101,11,16,.24);color:#2a0d0a}
.da-builder .da-card[data-rarity=mythic] .da-bonus:before{background:linear-gradient(#fff3b5,#ffba37,#e83d21)}
.da-builder .da-card[data-rarity=mythic]::before{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 9%,rgba(255,255,255,.06) 20%,rgba(255,224,116,.55) 31%,rgba(255,75,45,.18) 37%,rgba(255,255,255,.4) 43%,transparent 51%,rgba(255,207,104,.28) 70%,transparent 80%);background-size:320% 100%;mix-blend-mode:screen;animation:mythicSweep 13s ease-in-out infinite}
/* Braises indépendantes : tailles, profondeur et trajectoires variées. */
.da-builder .da-mythic-particles{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;display:none}
.da-builder .da-card[data-rarity=mythic] .da-mythic-particles{display:block}
.da-builder .da-mythic-particle{
    position:absolute;left:var(--x);top:var(--y);
    width:var(--size);height:var(--size);border-radius:50%;
    background:radial-gradient(circle at 35% 35%,#fff9d9 0%,#ffe18a 30%,#ffad37 62%,transparent 80%);
    box-shadow:0 0 5px 1px #ffc14b99,0 0 11px #f7592444;
    opacity:0;filter:blur(var(--blur));
    animation:mythicParticle var(--duration) ease-in-out var(--delay) infinite;
}
.da-builder .da-mythic-particle:nth-child(3n){background:radial-gradient(circle,#fff8db,#ffbd68 45%,transparent 80%);box-shadow:0 0 4px #ffcc7288}
.da-builder .da-mythic-particle:nth-child(5n){background:radial-gradient(circle,#ffedb1,#ed6a31 55%,transparent 80%);box-shadow:0 0 7px #ef612b77}
@keyframes mythicParticle{
    0%{opacity:0;transform:translate3d(0,9px,0) scale(.45)}
    18%{opacity:var(--opacity)}
    65%{opacity:calc(var(--opacity) * .75)}
    100%{opacity:0;transform:translate3d(var(--dx),var(--dy),0) scale(1.2)}
}
@keyframes mythicPulse{from{box-shadow:0 0 0 2px #ffc957,0 0 22px #f12b30a0,0 0 45px #ffb33166,0 22px 58px #000b}to{box-shadow:0 0 0 2px #fff0ad,0 0 44px #ff3325e8,0 0 82px #ffb52c99,0 22px 58px #000b}}
@keyframes mythicSweep{from{background-position:180% 0}to{background-position:-120% 0}}
@keyframes mythicBadge{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.da-builder .da-card[data-rarity=mythic],.da-builder .da-card[data-rarity=mythic]::before,.da-builder .da-card[data-rarity=mythic] .da-mythic-particle,.da-builder .da-card[data-rarity=mythic] .da-rarity-chip{animation:none}}
.da-builder .da-art-placeholder{position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 65% 27%,#e5a85e,#7389a9 35%,#1a2b45 77%)}.da-builder .da-art-viewport{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.da-builder .da-card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(var(--pan-x,0%),var(--pan-y,0%)) scale(var(--zoom,1));transform-origin:center center;will-change:transform}.da-builder .da-card-art[hidden]{display:none}
.da-builder .da-card-top{position:absolute;z-index:3;left:4%;right:4%;top:2.2%;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.da-builder .da-rarity-chip{display:grid;place-items:center;min-width:49px;min-height:43px;padding:0 10px;background:var(--edge);border-radius:13px;color:#15110a;font-size:23px;font-weight:950;box-shadow:0 3px 13px #0004}.da-builder .da-star{pointer-events:auto;border:0;background:transparent;color:#f3f4f7d9;font-size:38px;line-height:1;text-shadow:0 2px 7px #0008}.da-builder .da-star.active{color:#ffe49b}
.da-builder .da-card-info{position:absolute;z-index:2;inset:auto 0 0;height:53%;display:flex;flex-direction:column;padding:5% 4.5% 3%;background:linear-gradient(180deg,var(--top),var(--bottom));border-radius:8% 8% 0 0 / 9% 9% 0 0;color:var(--ink);backdrop-filter:blur(3px)}.da-builder .da-card-name{font-size:clamp(20px,3.4vw,32px);font-weight:950;line-height:1.05;letter-spacing:-.7px;margin:0 0 3px;overflow-wrap:anywhere}.da-builder .da-card-subtitle{margin:0 0 8px;opacity:.72;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.da-builder .da-card-description{margin:0;opacity:.8;font-size:13px;line-height:1.26;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow-wrap:anywhere}.da-builder .da-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;margin-bottom:3.3%;align-items:center}.da-builder .da-card-stat{display:flex;align-items:center;justify-content:center;gap:6px;font-size:21px;font-weight:950;min-width:0;white-space:nowrap}.da-builder .da-card-stat:not(:last-child){border-right:1px solid #6b461777}.da-builder .da-card-stat svg{width:25px;height:25px;fill:currentColor;flex:none}
.da-builder .da-bonuses{height:43%;min-height:0;display:flex;flex-direction:column;gap:3px}
.da-builder .da-bonus{display:flex;align-items:center;gap:7px;flex:1;min-height:0;padding:0 3%;background:rgba(94,53,9,.19);border-radius:9px;font-size:12px;overflow:hidden}
.da-builder .da-bonus:before{content:"";width:6px;height:65%;border-radius:6px;background:var(--edge);flex:none}
.da-builder .da-bonus-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight: 600;}
.da-builder .da-bonus-value{font-weight:900;white-space:nowrap}.da-builder .da-bonus.empty{opacity:.5}
/* Légendaire : couleurs UR originales + foil premium de L. */
.da-builder .da-card[data-rarity=legendary]::before{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 12%,rgba(255,255,255,.03) 29%,rgba(255,240,170,.29) 37%,rgba(155,218,255,.15) 43%,transparent 54%,rgba(255,176,211,.12) 69%,transparent 80%);background-size:250% 100%;mix-blend-mode:screen;animation:foilSweep 7s linear infinite}.da-builder .da-card[data-rarity=legendary]::after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;opacity:.32;background:repeating-linear-gradient(115deg,transparent 0 13px,rgba(255,255,255,.13) 14px,transparent 15px 29px);mix-blend-mode:soft-light}.da-builder .da-card[data-rarity=legendary] .da-rarity-chip{background:linear-gradient(135deg,#ffe0a1,#ffae22,#f69a16);box-shadow:0 0 15px #ffae2288}.da-builder .da-card[data-rarity=legendary]{animation:legendGlow 4s ease-in-out infinite alternate}
@keyframes foilSweep{from{background-position:180% 0}to{background-position:-80% 0}}@keyframes legendGlow{from{box-shadow:0 0 0 2px var(--edge),0 0 26px #ffd87a70,0 22px 58px #000b}to{box-shadow:0 0 0 2px var(--edge),0 0 52px #fff0acb0,0 22px 58px #000b}}@media(prefers-reduced-motion:reduce){.da-builder .da-card[data-rarity=legendary],.da-builder .da-card[data-rarity=legendary]::before{animation:none}}
@media(max-width:850px){.da-builder.da-shell{height:auto;min-height:100dvh;display:flex;flex-direction:column;overflow:visible}.da-builder .da-editor{overflow:visible;border-right:0;border-bottom:1px solid var(--line);padding:22px}.da-builder .da-stage{overflow:visible;min-height:740px;padding:28px 16px}.da-builder .da-preview-wrap{width:100%}.da-builder .da-card-name{font-size:clamp(20px,7vw,32px)}}@media(max-width:420px){.da-builder .da-card-stat{font-size:17px}.da-builder .da-card-stat svg{width:21px;height:21px}.da-builder .da-card-description{font-size:11px}.da-builder .da-card-subtitle{font-size:11px}.da-builder .da-bonus{font-size:10px}.da-builder .da-rarity-chip{min-width:40px;min-height:37px;font-size:19px}}
/* Ajustements de composition : statistiques plus fines et zone bonus variable */
.da-builder .da-card-info{height:var(--info-height,53%);transition:height .18s ease;padding-top:4.3%;gap:0}
.da-builder .da-card-name{font-size:clamp(19px,3vw,29px)}
.da-builder .da-card-subtitle{margin-bottom:7px;font-size:12px}
.da-builder .da-card-description{font-size:12px;line-height:1.34;-webkit-line-clamp:var(--desc-lines,5);flex-shrink:1;min-height:0}
.da-builder .da-card-stats{flex-shrink:0;margin-top:14px;margin-bottom:var(--stats-bottom,10px);padding-top:7px}
.da-builder .da-card-stat{font-size:18px;gap:5px}
.da-builder .da-card-stat svg{width:20px;height:20px}
.da-builder .da-bonuses{height:auto;flex:0 0 auto;display:flex;gap:3px}
.da-builder .da-bonuses:empty{display:none}
.da-builder .da-bonus{flex:0 0 auto;height:29px;min-height:0;font-size:13px;gap:6px;padding:0 2.5%}
.da-builder .da-card.no-bonuses .da-card-info{--stats-bottom:2px}
.da-builder .da-card.no-bonuses .da-card-description{-webkit-line-clamp:6}
.da-builder .da-card.no-bonuses .da-card-stats{margin-top:auto}
@media(max-width:420px){.da-builder .da-card-stat{font-size:16px}.da-builder .da-card-stat svg{width:18px;height:18px}.da-builder .da-bonus{height:27px;font-size:12px}}

/* Sections repliables du studio */
.da-builder .da-studio-section{border:1px solid #353d4c;border-radius:12px;margin:12px 0;background:#141923;overflow:hidden}
.da-builder .da-studio-section>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 14px;cursor:pointer;color:#dce1ec;font-weight:800;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;user-select:none}
.da-builder .da-studio-section>summary::-webkit-details-marker{display:none}
.da-builder .da-studio-section>summary:after{content:"⌄";font-size:20px;font-weight:400;line-height:14px;transition:transform .2s}
.da-builder .da-studio-section:not([open])>summary:after{transform:rotate(-90deg)}
.da-builder .da-studio-section>summary small{font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);margin-left:auto;margin-right:10px}
.da-builder .da-section-content{padding:3px 14px 14px}.da-builder .da-section-content>.da-heading:first-child{display:none}
.da-builder .da-config-help{font-size:11px;color:var(--muted);margin:-3px 0 12px}
.da-builder .da-upgrade-indicator{position:absolute;z-index:6;top:2.5%;left:50%;transform:translateX(-50%);padding:4px 11px;border:1px solid #ffe1a2;border-radius:9px;background:linear-gradient(130deg,#302315e8,#80602cde);color:#ffe6ad;font-size:17px;font-weight:950;line-height:1.2;text-shadow:0 1px 4px #000;box-shadow:0 2px 12px #0009;white-space:nowrap;pointer-events:none}
.da-builder .da-evolution-indicator[hidden]{display:none}.da-builder .da-evolution-indicator{position:absolute;z-index:6;top:10%;left:4%;padding:3px 8px;border-radius:7px;background:#401c62e8;color:#f1d5ff;border:1px solid #c993ff;font-size:11px;font-weight:850;pointer-events:none}
.da-builder .da-config-check{display:flex;align-items:center;gap:9px;margin:5px 0 12px;font-size:12px;color:#d4d9e5}.da-builder .da-config-check input{accent-color:#eab451}

/* Badge de rareté + niveau : une seule pièce premium */
.da-builder .da-rarity-chip{display:flex;align-items:center;gap:5px;min-height:44px;padding:4px 9px 4px 12px;font-size:23px;letter-spacing:-.5px;white-space:nowrap}
.da-builder .da-badge-level{font-size:15px;font-weight:950;letter-spacing:0;background:rgba(10,13,21,.78);color:#fff6db;border:1px solid #ffffff66;border-radius:7px;padding:3px 6px;text-shadow:0 1px 3px #0009;box-shadow:inset 0 1px 1px #fff3}
.da-builder .da-card[data-upgrade="9"] .da-badge-level{background:linear-gradient(130deg,#5e290b,#e8a432,#6d280a);color:#fff4bd;box-shadow:0 0 10px #ffbc65aa,inset 0 1px 2px #fff8}
/* La forge est une couche extérieure, sans recouvrir le texte ni le visuel */
.da-builder .da-effect-shell{position:relative;width:100%;isolation:isolate;--power:0;--energy-opacity:0;--aura:#f8d786;--aura2:#ffab42}
.da-builder .da-effect-shell[data-effect="fire"]{--aura:#ff9d35;--aura2:#ff3a18}
.da-builder .da-effect-shell[data-effect="ice"]{--aura:#c2f5ff;--aura2:#4d9fff}
.da-builder .da-effect-shell[data-effect="smoke"]{--aura:#bdc1d6;--aura2:#69748e}
.da-builder .da-effect-shell[data-effect="arcane"]{--aura:#eb9cff;--aura2:#7752ff}
.da-builder .da-forge-aura{position:absolute;z-index:-1;inset:-7px;border-radius:7% / 4.6%;pointer-events:none;opacity:var(--energy-opacity);filter:blur(calc(3px + var(--power)*8px));background:conic-gradient(from 0deg,transparent,var(--aura),transparent 22%,var(--aura2) 37%,transparent 48%,var(--aura) 61%,transparent 77%,var(--aura2) 91%,transparent);animation:forgeRotate 9s linear infinite,forgeBreathe 2.8s ease-in-out infinite alternate}
.da-builder .da-effect-shell[data-effect="none"] .da-forge-aura,.da-builder .da-effect-shell[data-upgrade="0"] .da-forge-aura{display:none}
.da-builder .da-effect-shell[data-effect="fire"] .da-forge-aura{inset:calc(-3px - var(--power)*13px);filter:blur(calc(5px + var(--power)*11px));background:conic-gradient(from 0deg,#ffb330,transparent 12%,#ff451c 23%,#ffc247 31%,transparent 41%,#f31b13 55%,#ffa82d 68%,transparent 76%,#ff4c1a 89%,#ffc657)}
.da-builder .da-effect-shell[data-effect="ice"] .da-forge-aura{background:repeating-conic-gradient(from 20deg,transparent 0deg 14deg,#d5fbff 19deg,#3e9fff 25deg,transparent 34deg 48deg);animation-duration:15s,4s}
.da-builder .da-effect-shell[data-effect="smoke"] .da-forge-aura{inset:-13px;filter:blur(calc(8px + var(--power)*12px));animation-duration:19s,5s}
.da-builder .da-effect-shell[data-effect="spark"] .da-forge-aura{background:repeating-conic-gradient(from 5deg,transparent 0deg 24deg,#ffe8a0 25deg 27deg,transparent 29deg 52deg,#ffa936 53deg 55deg,transparent 57deg 72deg)}
.da-builder .da-effect-shell[data-upgrade="9"] .da-forge-aura{animation-duration:5s,1.8s}
.da-builder .da-effect-shell[data-upgrade="9"] .da-card{box-shadow:0 0 0 2px var(--edge),0 0 24px var(--aura),0 0 52px var(--glow),0 22px 58px #000b}
@keyframes forgeRotate{to{transform:rotate(360deg)}}
@keyframes forgeBreathe{from{opacity:calc(var(--energy-opacity)*.55);scale:1}to{opacity:var(--energy-opacity);scale:1.025}}
/* Film glossy : reflet oblique doux, avec intensité indépendante du +9 */
.da-builder .da-gloss-layer{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:var(--gloss-opacity,.22);border-radius:inherit;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.07) 16%,rgba(255,255,255,.36) 27%,rgba(255,255,255,.06) 36%,transparent 50%,rgba(255,255,255,.10) 70%,transparent 86%);background-size:250% 100%;mix-blend-mode:screen;animation:glossMove 11s ease-in-out infinite}
@keyframes glossMove{0%,12%{background-position:130% 0}65%,100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.da-builder .da-forge-aura,.da-builder .da-gloss-layer{animation:none}}

/* V4 — retouches ciblées, sans refonte du design original */
.da-builder .da-card-top{justify-content:flex-end;top:2.3%;right:4%;left:auto;z-index:8}
.da-builder .da-upgrade-mark{font-size:17px;line-height:1;font-weight:900;letter-spacing:.1px;color:#fff;padding:7px 9px;border-radius:7px;background:rgba(15,19,29,.65);border:1px solid rgba(255,255,255,.45);text-shadow:0 1px 3px #000;box-shadow:0 2px 8px #0005;font-variant-numeric:tabular-nums}
.da-builder .da-preview-actions{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:6px;color:#b6becd;font-size:12px;margin-top:-4px}
.da-builder .da-preview-actions .da-star{font-size:26px;line-height:1;padding:2px 6px;color:#e4d4ac;text-shadow:none}
/* Finition plastifiée : reflet FIXE, pas de balayage animé. */
.da-builder .da-gloss-layer{z-index:7;opacity:var(--gloss-opacity,0);animation:none!important;mix-blend-mode:screen;background:linear-gradient(128deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.16) 14%,rgba(255,255,255,.025) 30%,rgba(255,255,255,.015) 55%,rgba(255,255,255,.19) 83%,rgba(255,255,255,.4) 100%),radial-gradient(ellipse at 20% 5%,rgba(255,255,255,.35),transparent 48%);background-size:100% 100%;box-shadow:inset 5px 4px 12px #ffffff4a,inset -5px -6px 14px #ffffff26;pointer-events:none}
/* Forge : pas de disque ni de rotation derrière la carte. Le liseré reste collé au bord. */
.da-builder .da-forge-aura{display:none!important}
.da-builder .da-effect-shell{--aura:#ffdc9a}
.da-builder .da-effect-shell[data-effect=fire]{--aura:#ff853b}
.da-builder .da-effect-shell[data-effect=ice]{--aura:#80dfff}
.da-builder .da-effect-shell[data-effect=smoke]{--aura:#b3adbe}
.da-builder .da-effect-shell[data-effect=arcane]{--aura:#b48bff}
.da-builder .da-effect-shell[data-effect=spark]{--aura:#ffe6a4}
.da-builder .da-effect-shell[data-effect=none]{--aura:transparent}
.da-builder .da-effect-shell .da-card{outline:calc(var(--power,0)*2px) solid var(--aura);outline-offset:1px}
.da-builder .da-effect-shell[data-upgrade="0"] .da-card,.da-builder .da-effect-shell[data-effect=none] .da-card{outline:none}
.da-builder .da-effect-shell:not([data-effect=none]):not([data-upgrade="0"]) .da-card{filter:drop-shadow(0 0 calc(var(--power,0)*10px) var(--aura))}
.da-builder .da-effect-shell[data-upgrade="9"]:not([data-effect=none]) .da-card{filter:drop-shadow(0 0 9px var(--aura)) drop-shadow(0 0 13px var(--aura))}


/* V5 : retouches ciblées */
.da-builder .da-card-top{left:4%;right:4%;top:2.2%;justify-content:flex-start;z-index:8}
.da-builder .da-rarity-chip{display:grid;place-items:center;min-width:49px;min-height:43px;padding:0 10px;font-size:23px}
.da-builder .da-card-title-row{display:flex;align-items:baseline;gap:9px;margin-bottom:4px;min-width:0}
.da-builder .da-card-title-row .da-card-name{flex:1;min-width:0;margin:0;font-size:clamp(18px,2.75vw,27px)}
.da-builder .da-card-title-row .da-upgrade-mark{flex:none;position:static;font-size:14px;font-weight:850;padding:3px 5px;border:0;border-radius:5px;background:rgba(25,29,39,.12);color:var(--ink);box-shadow:none;text-shadow:none;white-space:nowrap}
.da-builder .da-effect-shell .da-card{outline:calc(var(--power,0)*1px) solid var(--aura);outline-offset:0}
.da-builder .da-effect-shell:not([data-effect=none]):not([data-upgrade="0"]) .da-card{filter:drop-shadow(0 0 calc(var(--power,0)*4px) var(--aura))}
.da-builder .da-effect-shell[data-upgrade="9"]:not([data-effect=none]) .da-card{filter:drop-shadow(0 0 5px var(--aura))}



/* Builder — dimensions originales et centrage */
.da-builder.da-shell{display:grid;grid-template-columns:435px minmax(0,1fr);width:100%;height:100dvh;min-height:0;overflow:hidden}
.da-builder .da-editor{min-height:0;overflow-y:auto}
.da-builder .da-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:24px;overflow:auto}
.da-builder .da-stage-inner{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;height:auto}
.da-builder .da-preview-wrap{display:flex;align-items:center;justify-content:center;width:100%;flex:none;container-type:normal}
.da-builder .da-effect-shell{width:360px;max-width:100%;height:auto;max-height:none;aspect-ratio:9/14;flex:none;margin:0 auto}
.da-builder .da-card{width:100%;height:100%;aspect-ratio:9/14}
.da-builder .da-preview-actions{width:360px;max-width:100%;justify-content:flex-end}

@media(max-width:850px){
    .da-builder.da-shell{display:flex;flex-direction:column;height:auto;min-height:100dvh;overflow:visible}
    .da-builder .da-editor{overflow:visible}
    .da-builder .da-stage{overflow:visible;padding:24px 16px}
    .da-builder .da-effect-shell,.da-builder .da-preview-actions{width:min(360px,100%)}
}