#d2rcb-app.d2rcb{--bg:#101013;--panel:#1b1a1e;--panel2:#242126;--line:#45404a;--gold:#d4ad5b;--text:#f0ece5;--muted:#b9b0a5;--red:#8c302e;color:var(--text);background:var(--bg);border:1px solid #39343b;border-radius:12px;padding:clamp(12px,2vw,26px);font-family:system-ui,-apple-system,Segoe UI,sans-serif;max-width:1400px;margin:20px auto;box-sizing:border-box}
#d2rcb-app *{box-sizing:border-box}#d2rcb-app button,#d2rcb-app input,#d2rcb-app select,#d2rcb-app textarea{font:inherit}#d2rcb-app input,#d2rcb-app select,#d2rcb-app textarea{width:100%;background:#121115;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px;margin-top:6px;min-width:0}#d2rcb-app label{font-size:.86rem;color:#d4c9b9;display:block}#d2rcb-app .d2rcb-hero{padding:18px 10px 24px;text-align:center;border-bottom:1px solid var(--line);margin-bottom:20px;background:radial-gradient(ellipse at top,#3a2520 0%,transparent 65%)}#d2rcb-app .d2rcb-eyebrow{color:var(--gold);font-size:.74rem;letter-spacing:.22em;font-weight:800}#d2rcb-app .d2rcb-hero h2{font-size:clamp(1.7rem,4vw,3rem);line-height:1.1;margin:12px 0;color:#fff;font-weight:800}#d2rcb-app .d2rcb-hero h2 span{color:var(--gold)}#d2rcb-app .d2rcb-hero p,#d2rcb-app .d2rcb-muted{color:var(--muted)}#d2rcb-app .d2rcb-toolbar{display:grid;grid-template-columns:1fr 1fr 2fr .7fr;gap:12px;margin:18px 0}#d2rcb-app .d2rcb-tabs{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}#d2rcb-app button{cursor:pointer}#d2rcb-app .d2rcb-tabs button{background:#27232a;color:#d6cbbd;border:1px solid var(--line);padding:10px 14px;border-radius:6px;font-weight:700}#d2rcb-app .d2rcb-tabs button.active{background:var(--gold);color:#191513;border-color:var(--gold)}#d2rcb-app .d2rcb-panel{display:none}#d2rcb-app .d2rcb-panel.active{display:block}#d2rcb-app .d2rcb-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(300px,1.05fr);gap:20px}#d2rcb-app .d2rcb-paperdoll,#d2rcb-app .d2rcb-stats-area{background:linear-gradient(145deg,#1c1a1e,#141316);border:1px solid var(--line);border-radius:9px;padding:18px;min-width:0}#d2rcb-app .d2rcb-section-title{font-size:.78rem;letter-spacing:.16em;color:var(--gold);font-weight:800;margin-bottom:14px}#d2rcb-app .d2rcb-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#d2rcb-app .d2rcb-slot{min-height:92px;background:#151418;border:1px solid #514653;border-radius:7px;color:var(--text);padding:10px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;overflow-wrap:anywhere}#d2rcb-app .d2rcb-slot:hover,#d2rcb-app .d2rcb-slot.filled{border-color:var(--gold);background:#28211e}#d2rcb-app .d2rcb-slot-icon{color:var(--gold);font-size:1.15rem}#d2rcb-app .d2rcb-slot-label{font-size:.72rem;color:var(--muted)}#d2rcb-app .d2rcb-slot strong{font-size:.88rem}#d2rcb-app .d2rcb-slot small{color:var(--gold)}#d2rcb-app .d2rcb-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}#d2rcb-app .d2rcb-btn{display:inline-flex;align-items:center;justify-content:center;background:#6d2826;border:1px solid #a14c43;border-radius:6px;color:white;padding:10px 13px;font-weight:700;font-size:.84rem;text-decoration:none}#d2rcb-app .d2rcb-btn:hover{filter:brightness(1.15)}#d2rcb-app .d2rcb-btn.secondary{background:#29252d;border-color:#59515d;color:#e8dfd3}#d2rcb-app .d2rcb-btn.gold{background:var(--gold);border-color:var(--gold);color:#1c1710}#d2rcb-app .d2rcb-btn.danger{background:#3b1d20;border-color:#704044;padding:7px 9px}#d2rcb-app .d2rcb-file-label{position:relative;overflow:hidden}#d2rcb-app .d2rcb-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}#d2rcb-app .d2rcb-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#d2rcb-app .d2rcb-stat{background:#121115;border:1px solid #39343d;border-radius:6px;padding:11px;display:flex;justify-content:space-between;gap:8px}#d2rcb-app .d2rcb-stat span{color:var(--muted);font-size:.85rem}#d2rcb-app .d2rcb-stat strong{color:var(--gold)}#d2rcb-app .d2rcb-note{margin:15px 0;padding:12px;border-left:3px solid var(--gold);background:#27221d;color:#d0c4b3;font-size:.82rem;line-height:1.5}#d2rcb-app .d2rcb-equipped-row,#d2rcb-app .d2rcb-saved-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #3c3740;min-width:0}#d2rcb-app .d2rcb-equipped-row span{color:var(--muted);min-width:115px;font-size:.82rem}#d2rcb-app .d2rcb-equipped-row b{flex:1;font-size:.88rem;overflow-wrap:anywhere}#d2rcb-app .d2rcb-equipped-row button{background:transparent;color:#e7a09a;border:0;font-size:1.4rem}#d2rcb-app .d2rcb-catalog-head{display:flex;justify-content:space-between;align-items:end;gap:15px}#d2rcb-app .d2rcb-catalog-head input{max-width:360px}#d2rcb-app .d2rcb-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}#d2rcb-app .d2rcb-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#d2rcb-app .d2rcb-item-card{display:flex;gap:12px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0}#d2rcb-app .d2rcb-item-icon{width:48px;height:54px;flex:0 0 48px;display:grid;place-items:center;background:#30262a;border:1px solid #6b5143;border-radius:6px;color:var(--gold);font-size:1.6rem}#d2rcb-app .d2rcb-item-main{min-width:0;flex:1}#d2rcb-app .d2rcb-item-meta{font-size:.7rem;color:var(--gold);text-transform:uppercase;letter-spacing:.07em}#d2rcb-app .d2rcb-item-card h3{font-size:1rem;color:#f2d8a0;margin:5px 0}#d2rcb-app .d2rcb-item-card p{font-size:.82rem;color:var(--muted);margin:5px 0 10px}#d2rcb-app .d2rcb-mod-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}#d2rcb-app .d2rcb-mod-chips span{font-size:.7rem;background:#342d25;color:#f2d8a0;padding:3px 6px;border-radius:4px}#d2rcb-app .d2rcb-assign{display:flex;flex-wrap:wrap;gap:5px}#d2rcb-app .d2rcb-assign button{font-size:.7rem;background:#27242a;border:1px solid #4c444f;color:#e8ded1;border-radius:4px;padding:5px 7px}#d2rcb-app .d2rcb-assign button:hover{border-color:var(--gold)}#d2rcb-app .d2rcb-custom-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}#d2rcb-app .d2rcb-custom-form>label:last-of-type{grid-column:1/-1}#d2rcb-app .d2rcb-form-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#d2rcb-app .d2rcb-custom-form>button{justify-self:start}#d2rcb-app .d2rcb-skill-summary{display:flex;align-items:end;gap:18px;flex-wrap:wrap;background:var(--panel);padding:14px;border-radius:8px;border:1px solid var(--line);margin-bottom:15px}#d2rcb-app .d2rcb-skill-summary label{min-width:130px}#d2rcb-app .d2rcb-points{padding:10px;background:#30271e;border-radius:5px;color:var(--gold)}#d2rcb-app .d2rcb-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#d2rcb-app .d2rcb-skill-card{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px}#d2rcb-app .d2rcb-skill-card h3{margin:0;color:#f0d69b;font-size:1rem}#d2rcb-app .d2rcb-skill-card p{font-size:.82rem;color:var(--muted)}#d2rcb-app .d2rcb-skill-control{display:flex;align-items:center;gap:18px}#d2rcb-app .d2rcb-skill-control button{width:38px;height:38px;background:#3a2925;color:var(--gold);border:1px solid #755746;border-radius:6px;font-size:1.3rem}#d2rcb-app .d2rcb-skill-control strong{font-size:1.2rem;min-width:20px;text-align:center}#d2rcb-app .d2rcb-status{padding:8px 0;color:var(--muted);font-size:.88rem}#d2rcb-app .d2rcb-status.success{color:#b6d6a0}#d2rcb-app .d2rcb-status.error{color:#ffaaa0}#d2rcb-app .d2rcb-saved-row>div{flex:1;min-width:0}#d2rcb-app .d2rcb-saved-row strong,#d2rcb-app .d2rcb-saved-row small{display:block;overflow-wrap:anywhere}#d2rcb-app .d2rcb-saved-row small{color:var(--muted);font-size:.75rem;margin-top:3px}#d2rcb-app .d2rcb-saved-list h3{font-size:1rem;color:var(--gold);margin:22px 0 8px}#d2rcb-app .d2rcb-footer{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;color:#8f8580;font-size:.75rem;text-align:center}
@media(max-width:850px){#d2rcb-app .d2rcb-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}#d2rcb-app .d2rcb-layout{grid-template-columns:1fr}#d2rcb-app .d2rcb-catalog{grid-template-columns:1fr}#d2rcb-app .d2rcb-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#d2rcb-app{padding:10px}#d2rcb-app .d2rcb-toolbar,#d2rcb-app .d2rcb-filters,#d2rcb-app .d2rcb-custom-form{grid-template-columns:1fr}#d2rcb-app .d2rcb-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}#d2rcb-app .d2rcb-catalog-head{display:block}#d2rcb-app .d2rcb-catalog-head input{max-width:none}#d2rcb-app .d2rcb-skill-grid{grid-template-columns:1fr}#d2rcb-app .d2rcb-saved-row{flex-wrap:wrap}#d2rcb-app .d2rcb-saved-row>div{flex-basis:100%}#d2rcb-app .d2rcb-equipped-row{flex-wrap:wrap}#d2rcb-app .d2rcb-equipped-row span{min-width:100px}}

/* Inventario visual con iconos ilustrativos originales */
#d2rcb-app .d2rcb-icon-art{display:block;width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 3px #000);image-rendering:auto}
#d2rcb-app .d2rcb-slot-icon{display:flex;align-items:center;justify-content:center;width:54px;height:52px;background:radial-gradient(ellipse,#302a2b,#111);border:1px solid #51444a;border-radius:5px;overflow:hidden}
#d2rcb-app .d2rcb-slot-icon .d2rcb-icon-art{width:50px;height:50px}
#d2rcb-app .d2rcb-empty-glyph{color:#776b60;font-size:1.6rem}
#d2rcb-app .d2rcb-slot{position:relative;min-height:112px;padding:8px 10px 10px}
#d2rcb-app .d2rcb-slot strong{color:#e4c77e}
#d2rcb-app .d2rcb-item-icon{width:64px;height:68px;flex:0 0 64px;display:grid;place-items:center;background:radial-gradient(ellipse,#343035,#101012);border:1px solid #665348;border-radius:6px}
#d2rcb-app .d2rcb-item-icon .d2rcb-icon-art{width:60px;height:60px}
#d2rcb-app .d2rcb-paperdoll{background-image:radial-gradient(ellipse at 50% 35%,rgba(113,75,42,.14),transparent 58%),linear-gradient(145deg,#1c1a1e,#141316)}
#d2rcb-app .d2rcb-slot:hover .d2rcb-slot-icon{border-color:var(--gold)}
@media(max-width:560px){#d2rcb-app .d2rcb-icon-art{width:40px;height:40px}#d2rcb-app .d2rcb-item-icon{width:52px;flex-basis:52px}#d2rcb-app .d2rcb-item-icon .d2rcb-icon-art{width:48px;height:48px}}

/* Pantalla de personaje estilo ARPG: equipo distribuido en una cuadrícula compacta */
#d2rcb-app .d2rcb-paperdoll{position:relative;overflow:hidden;border-color:#65503b;background:radial-gradient(ellipse at 50% 42%,rgba(119,84,48,.22),transparent 52%),linear-gradient(145deg,#211b1a,#0f0e11)}
#d2rcb-app .d2rcb-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;align-items:stretch}
#d2rcb-app .d2rcb-slot{min-width:0;min-height:132px;align-items:center;text-align:center;justify-content:flex-start;padding:8px 5px;background:linear-gradient(180deg,#211f22,#111014);border:1px solid #5b4a3c;box-shadow:inset 0 0 12px #0008}
#d2rcb-app .d2rcb-slot:nth-child(1){grid-column:3}
#d2rcb-app .d2rcb-slot:nth-child(2){grid-column:3}
#d2rcb-app .d2rcb-slot:nth-child(3){grid-column:2;grid-row:3}
#d2rcb-app .d2rcb-slot:nth-child(4){grid-column:4;grid-row:3}
#d2rcb-app .d2rcb-slot:nth-child(5){grid-column:3;grid-row:4}
#d2rcb-app .d2rcb-slot:nth-child(6){grid-column:1;grid-row:4}
#d2rcb-app .d2rcb-slot:nth-child(7){grid-column:2;grid-row:5}
#d2rcb-app .d2rcb-slot:nth-child(8){grid-column:4;grid-row:5}
#d2rcb-app .d2rcb-slot:nth-child(9){grid-column:5;grid-row:4}
#d2rcb-app .d2rcb-slot:nth-child(10){grid-column:3;grid-row:5}
#d2rcb-app .d2rcb-slot-icon{width:58px;height:58px;flex:0 0 58px;border-color:#655342;background:radial-gradient(ellipse,#40302b,#0a090b)}
#d2rcb-app .d2rcb-slot-icon .d2rcb-icon-art{width:54px;height:54px}
#d2rcb-app .d2rcb-slot-label{font-size:.67rem;line-height:1.2;min-height:1.6em}
#d2rcb-app .d2rcb-slot strong{font-size:.74rem;line-height:1.2;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#d2rcb-app .d2rcb-slot small{font-size:.65rem}
#d2rcb-app .d2rcb-slot.filled{border-color:#c7a45b;box-shadow:inset 0 0 14px #a77a2525,0 0 0 1px #a77a2520}
#d2rcb-app .d2rcb-slot:not(.filled)::after{content:'HUECO';font-size:.56rem;letter-spacing:.12em;color:#665b54}
#d2rcb-app .d2rcb-item-card{border-color:#51443a;background:linear-gradient(135deg,#201d20,#141216)}
#d2rcb-app .d2rcb-item-card:hover{border-color:#b39150}
@media(max-width:560px){#d2rcb-app .d2rcb-slots{grid-template-columns:repeat(3,minmax(0,1fr))}#d2rcb-app .d2rcb-slot:nth-child(n){grid-column:auto;grid-row:auto}#d2rcb-app .d2rcb-slot{min-height:120px}}