/* AnimeLink V43.4.11 • Solo presentación del editor Mi Nakama.
 * Preserva el motor, el catálogo, los sprites y las acciones de V43.4.10.
 * No toca Home, Community Nexus, AnimeClip ni AnimeLink Studio.
 */
#nakamaView.nk21-view{
  --nkui-card:rgba(14,15,25,.96);
  --nkui-stroke:rgba(255,113,143,.20);
  --nkui-glow:#f23357;
  background:
    radial-gradient(ellipse at 49% 29%,rgba(133,27,67,.35),transparent 48%),
    radial-gradient(ellipse at 93% 83%,rgba(67,21,53,.32),transparent 45%),
    linear-gradient(155deg,#0c0b14,#140e18 51%,#0a0d16);
  color:#f9f4f8;
}
#nakamaView .nk21-page{width:min(1800px,100%);box-sizing:border-box;padding:clamp(12px,1.6vw,24px)}
#nakamaView .nk21-top{background:rgba(12,10,18,.95);border-bottom:1px solid rgba(244,67,96,.42)}
#nakamaView .nk21-intro{min-height:0;padding:20px clamp(20px,2.6vw,36px);margin-bottom:15px;border-radius:21px;border-color:rgba(243,67,103,.3);background:linear-gradient(104deg,rgba(57,13,30,.82),rgba(16,14,28,.9) 70%)}
#nakamaView .nk21-intro h1{font-size:clamp(27px,2.65vw,43px);margin:3px 0 5px}
#nakamaView .nk21-intro p{font-size:clamp(11px,.96vw,14px)}
#nakamaView .nk21-intro-pills{display:none}
#nakamaView .nk21-workspace{display:grid;grid-template-columns:minmax(185px,.82fr) minmax(310px,1.62fr) minmax(375px,1.65fr);gap:clamp(10px,1vw,16px);align-items:stretch}
#nakamaView .nkui-roster,#nakamaView .nk21-preview,#nakamaView .nk21-editor{
  min-width:0;border:1px solid var(--nkui-stroke);border-radius:22px;
  background:var(--nkui-card);box-shadow:0 16px 52px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.025);
}
#nakamaView .nkui-roster{display:flex;flex-direction:column;gap:10px;padding:clamp(12px,1.25vw,19px);max-height:min(850px,calc(100vh - 140px));position:sticky;top:84px}
#nakamaView .nkui-roster-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
#nakamaView .nkui-roster-heading small,#nakamaView .nkui-editor-heading small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#ff8498}
#nakamaView .nkui-roster h2{font-size:clamp(17px,1.5vw,23px);margin:5px 0 0}
#nakamaView .nkui-roster-count{border:1px solid #74253c;background:#4d152a;border-radius:12px;padding:5px 9px;color:#fff;font-size:12px;font-weight:900}
#nakamaView .nkui-roster-hint{margin:0;color:#bcb0bb;font-size:11px;line-height:1.4}
#nakamaView .nkui-roster-list{overflow-y:auto;min-height:0;display:grid;align-content:start;gap:9px;padding:3px 2px 5px;scrollbar-width:thin;scrollbar-color:#752a48 transparent}
#nakamaView .nkui-roster-card{min-height:78px;width:100%;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;padding:8px;border-radius:15px;border:1px solid #514052;background:linear-gradient(130deg,#27212e,#171622);color:#fff;transition:transform .15s,border-color .15s,box-shadow .15s}
#nakamaView .nkui-roster-card:hover{border-color:#f04463;transform:translateY(-1px)}
#nakamaView .nkui-roster-card.is-selected{border-color:#ff4b6e;background:linear-gradient(135deg,#5d1931,#261521);box-shadow:inset 0 0 0 1px rgba(253,75,110,.2),0 0 19px rgba(239,35,60,.22)}
#nakamaView .nkui-roster-portrait{flex:none;display:grid;place-items:center;width:61px;height:61px;overflow:hidden;border-radius:13px;background:radial-gradient(circle,#71334a,#19121f 77%)}
#nakamaView .nkui-roster-portrait img{width:100%;height:100%;object-fit:contain}
#nakamaView .nkui-roster-meta{min-width:0;flex:1;display:grid;gap:6px}
#nakamaView .nkui-roster-meta strong{font-size:12px;line-height:1.25;overflow-wrap:anywhere}
#nakamaView .nkui-roster-meta small{font-size:10px;color:#e0acbc}
#nakamaView .nkui-roster-chevron{flex:none;color:#ff869c;font-size:18px}
#nakamaView .nkui-roster-all{margin-top:auto;flex:none;display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;padding:12px 13px;border:1px dashed #9a3e56;border-radius:13px;background:#211421;color:#fff;cursor:pointer;font-size:11px;font-weight:800}
#nakamaView .nkui-roster-all:hover{border-style:solid;background:#3a1929}
#nakamaView .nk21-preview{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;gap:12px;padding:clamp(12px,1vw,17px);background:linear-gradient(160deg,rgba(27,17,29,.98),rgba(13,15,24,.98))}
#nakamaView .nk21-preview-top{padding:3px 4px}
#nakamaView .nk21-preview-top>span{font-size:clamp(9px,.85vw,13px);color:#fff;letter-spacing:.045em}
#nakamaView .nk21-stage{height:clamp(330px,42vw,565px);min-height:0;border-radius:19px;border:1px solid rgba(254,131,154,.23);background-size:cover;background-position:center;box-shadow:inset 0 -32px 75px rgba(8,6,13,.68)}
/* Usar el escenario integrado solo cuando el usuario no tenga otro fondo equipado. */
#nakamaView .nk21-stage:not([style*="--nk21-bg"]){background-image:linear-gradient(0deg,rgba(13,7,17,.64),rgba(23,11,26,.1) 55%,rgba(18,10,26,.17)),url('assets/nakama/accessories/v43410/night-background.svg')}
#nakamaView .nk21-stage[style*="--nk21-bg"]{background-image:linear-gradient(0deg,rgba(13,7,17,.45),rgba(23,11,26,.10)),var(--nk21-bg)}
#nakamaView .nk21-stage:before{background:radial-gradient(ellipse at 50% 46%,rgba(241,45,90,.15),transparent 63%)}
#nakamaView .nk21-stage>.nk21-avatar{width:98%;height:96%;filter:drop-shadow(0 16px 20px rgba(0,0,0,.45))}
#nakamaView .nk21-stage-glow{bottom:6%;height:19px;width:58%;background:#ee3c685a}
#nakamaView .nk21-current{padding:13px;border-color:#673044;background:linear-gradient(120deg,#361626,#15131e);border-radius:14px}
#nakamaView .nk21-name-field{font-size:12px;color:#dbcdd4}
#nakamaView .nkui-skin-strip{padding:12px;border:1px solid #583345;border-radius:17px;background:#150f1c}
#nakamaView .nkui-skin-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:11px}
#nakamaView .nkui-skin-heading strong{font-size:12px;color:white}
#nakamaView .nkui-skin-heading button{border:0;background:transparent;color:#ff9aaf;font-size:11px;cursor:pointer;font-weight:800}
#nakamaView .nkui-skin-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#nakamaView .nkui-skin-chip{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 3px 6px;border:1px solid #605061;border-radius:12px;background:#29202f;color:#e8dce4;cursor:pointer}
#nakamaView .nkui-skin-chip.is-selected{border-color:#fa466c;box-shadow:0 0 0 1px #fa466c70,0 0 13px #fa466c33}
#nakamaView .nkui-skin-chip img{height:65px;max-width:100%;object-fit:contain}
#nakamaView .nkui-skin-chip span{max-width:100%;font-size:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#nakamaView .nkui-skin-chip em{position:absolute;top:4px;right:3px;font-size:10px;font-style:normal}
#nakamaView .nkui-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#nakamaView .nkui-save-actions>button{width:100%;min-width:0;margin:0;padding:12px 8px;border-radius:12px;font-size:11px;cursor:pointer;font-weight:900}
#nakamaView .nkui-save-actions>[data-nk21-reset-look]{border:1px solid #85516a;background:#241b29;color:white}
#nakamaView .nkui-save-actions .nk21-save{border:0;background:linear-gradient(115deg,#fa3154,#be153a)}
#nakamaView .nk21-editor{align-self:start;overflow:hidden;background:#12111b}
#nakamaView .nkui-editor-heading{padding:19px 19px 12px;background:linear-gradient(120deg,#2b1323,#14121d)}
#nakamaView .nkui-editor-heading h2{font-size:clamp(21px,1.8vw,29px);margin:6px 0 5px}
#nakamaView .nkui-editor-heading p{margin:0;color:#d3bac8;font-size:11px}
#nakamaView .nk21-tabs{padding:8px 10px;background:#15131e;gap:4px}
#nakamaView .nk21-tabs button{border-radius:10px;font-size:10px;min-height:45px;padding:7px 9px}
#nakamaView .nk21-tabs button.active{border-color:#f34969;background:linear-gradient(120deg,#8b193a,#4d172c);color:#fff;box-shadow:0 0 15px #ef234a36}
#nakamaView .nk21-panel{background:transparent;padding:clamp(13px,1.2vw,20px);min-height:560px}
#nakamaView .nk21-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#nakamaView .nk21-character-card{grid-template-columns:100px minmax(0,1fr);min-height:155px;padding:8px}
#nakamaView .nk21-character-art{min-height:140px}
#nakamaView .nk21-character-copy h3{font-size:14px}
#nakamaView .nk21-character-copy p{font-size:9px}
#nakamaView .nk21-item-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important}
#nakamaView button:focus-visible,#nakamaView input:focus-visible{outline:2px solid #ffb4c5;outline-offset:3px}
@media (max-width:1320px){
  #nakamaView .nk21-workspace{grid-template-columns:minmax(175px,.8fr) minmax(290px,1.45fr) minmax(350px,1.65fr)}
  #nakamaView .nkui-roster-portrait{width:50px;height:57px}
  #nakamaView .nkui-roster-card{gap:7px;padding:7px}
  #nakamaView .nkui-roster-meta strong{font-size:11px}
  #nakamaView .nk21-character-grid{grid-template-columns:1fr}
}
@media (max-width:1100px){
  #nakamaView .nk21-workspace{grid-template-columns:minmax(285px,1fr) minmax(360px,1.2fr)}
  #nakamaView .nkui-roster{grid-column:1/-1;position:static;max-height:none;gap:5px}
  #nakamaView .nkui-roster-list{display:flex;overflow-x:auto;overflow-y:hidden;gap:9px;padding:7px 1px 9px;scroll-snap-type:x proximity}
  #nakamaView .nkui-roster-card{min-width:176px;max-width:210px;flex:0 0 176px;scroll-snap-align:start}
  #nakamaView .nkui-roster-all{width:auto;margin-top:0;align-self:flex-start}
  #nakamaView .nk21-preview{position:relative;top:auto}
  #nakamaView .nk21-stage{height:450px}
}
@media (max-width:760px){
  #nakamaView .nk21-page{padding:9px}
  #nakamaView .nk21-intro{padding:15px;margin-bottom:9px;border-radius:17px}
  #nakamaView .nk21-intro h1{font-size:28px}
  #nakamaView .nk21-intro p{font-size:11px}
  #nakamaView .nk21-workspace{grid-template-columns:minmax(0,1fr)!important;gap:9px}
  #nakamaView .nkui-roster{grid-column:1;order:2;padding:12px;max-height:none}
  #nakamaView .nk21-preview{order:1;padding:11px}
  #nakamaView .nk21-editor{order:3}
  #nakamaView .nk21-stage{height:min(68vh,510px);min-height:320px}
  #nakamaView .nk21-preview-top{position:relative;z-index:1;left:auto;right:auto;top:auto}
  #nakamaView .nkui-roster-hint{display:none}
  #nakamaView .nkui-roster-portrait{width:54px;height:54px}
  #nakamaView .nkui-roster-card{min-width:166px;flex-basis:166px}
  #nakamaView .nkui-editor-heading{padding:16px 14px 10px}
  #nakamaView .nk21-tabs{top:58px}
  #nakamaView .nk21-panel{min-height:400px}
  #nakamaView .nk21-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #nakamaView .nk21-character-card{grid-template-columns:75px minmax(0,1fr);min-height:148px}
  #nakamaView .nk21-character-art{min-height:125px}
}
@media(max-width:390px){
  #nakamaView .nkui-save-actions{grid-template-columns:1fr 1fr}
  #nakamaView .nkui-skin-chip img{height:55px}
  #nakamaView .nk21-stage{min-height:285px}
  #nakamaView .nk21-character-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){#nakamaView .nkui-roster-card{transition:none}}
