/* V1250 CLEAN-BACKGROUND IMAGE-FRAME EQUIPMENT + TITLE UI */
.character-system-root-v1249{display:flex;justify-content:center;padding:0 0 90px}.frame-loading-v1249,.frame-empty-v1249{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#8b9ab2}.frame-loading-v1249 span{width:34px;height:34px;border:3px solid rgba(255,255,255,.14);border-top-color:#22d9ff;border-radius:50%;animation:frameSpin1246 .8s linear infinite}@keyframes frameSpin1246{to{transform:rotate(360deg)}}
.image-frame-ui-v1249{position:relative;width:min(100%,620px);aspect-ratio:941/1672;overflow:hidden;border-radius:18px;filter:drop-shadow(0 30px 60px rgba(0,0,0,.58))}.frame-background-v1249{position:absolute;inset:0;background:url("../assets/ui/equipment-screen-frame-clean-v1250.png") center/100% 100% no-repeat;pointer-events:none}.frame-tab-hit-v1249{position:absolute;top:7.9%;height:4.9%;border:0;background:transparent;cursor:pointer;z-index:10}.frame-tab-hit-v1249.equipment{left:7.8%;width:41.5%}.frame-tab-hit-v1249.title{left:49.3%;width:40%}.frame-tab-hit-v1249.title.active{background:linear-gradient(180deg,rgba(37,144,255,.22),rgba(6,35,67,.66));box-shadow:inset 0 0 0 1px rgba(80,210,255,.45),0 0 22px rgba(0,182,255,.25);border-radius:2px}.frame-tab-hit-v1249.equipment:not(.active){background:rgba(5,15,28,.72);border-radius:2px}
.frame-nickname-v1249{position:absolute;left:20.7%;top:1.65%;width:58.5%;height:5.15%;z-index:6;display:flex;align-items:center;justify-content:center;padding-top:.3%;background:linear-gradient(180deg,#101a2b 0%,#07101d 100%);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);border-top:1px solid rgba(116,218,255,.35);color:#f7fbff;font-weight:900;font-size:clamp(18px,4.2vw,34px);text-shadow:0 2px 3px #000,0 0 8px rgba(118,207,255,.25)}
.frame-title-v1249{position:absolute;left:34.4%;top:14.2%;width:31.7%;height:3.5%;z-index:7;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(13,20,31,.97),rgba(4,8,15,.97));clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);border-top:1px solid rgba(255,205,107,.42);color:#f9e6bd;font-weight:900;font-size:clamp(12px,2.9vw,22px);text-shadow:0 2px 2px #000}.title-style-forest{color:#77ef9a!important;text-shadow:0 0 10px rgba(88,232,118,.55)!important}.title-style-flame{color:#ff8b55!important;text-shadow:0 0 10px rgba(255,95,57,.6)!important}.title-style-frost{color:#8ce8ff!important;text-shadow:0 0 10px rgba(102,217,255,.6)!important}.title-style-storm{color:#c5a5ff!important;text-shadow:0 0 10px rgba(155,99,255,.6)!important}.title-style-shadow{color:#c3a6df!important;text-shadow:0 0 10px rgba(93,50,143,.7)!important}.title-style-gold{color:#ffdc74!important;text-shadow:0 0 10px rgba(255,201,76,.6)!important}.title-style-rainbow{background:linear-gradient(90deg,#ff8fa7,#ffd66d,#6fe3c2,#78bfff,#d392ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}.title-style-void{color:#8896ff!important;text-shadow:0 0 12px rgba(95,86,255,.72)!important}
.frame-slot-hit-v1249{position:absolute;inset:0;border:0;background:transparent;cursor:pointer}

.frame-stat-box-v1249{position:absolute;top:60.25%;width:24.2%;height:6.25%;z-index:9;display:grid;grid-template-rows:38% 62%;align-items:center;justify-items:center;background:linear-gradient(180deg,#081321 0%,#050c16 100%);box-shadow:0 0 0 2px #081321,0 0 12px rgba(0,0,0,.55);font-weight:900}.frame-stat-box-v1249 small{align-self:end;font-size:clamp(10px,2.3vw,18px);letter-spacing:.04em}.frame-stat-box-v1249 b{align-self:start;font-size:clamp(22px,5vw,39px);line-height:1}.frame-stat-box-v1249.pve{left:15.8%;color:#43e5de}.frame-stat-box-v1249.pvp{left:59.9%;color:#ff717a}.frame-inventory-layer-v1249{position:absolute;left:6.35%;top:68.25%;width:87.6%;height:28.15%;z-index:9;background:linear-gradient(180deg,#06101d 0%,#030811 100%);border-radius:2.6%;box-shadow:inset 0 0 0 1px rgba(109,160,199,.32),inset 0 0 26px rgba(0,0,0,.78),0 0 0 2px #030811;padding:4.2% 2.4% 2.4%;box-sizing:border-box;overflow:hidden}.frame-inventory-head-v1249{display:flex;align-items:center;gap:2%;height:10%;color:#fff;font-size:clamp(12px,2.6vw,20px);font-weight:900}.frame-inventory-head-v1249 span{min-width:8%;padding:.8% 2.8%;border:1px solid rgba(124,158,194,.45);border-radius:999px;text-align:center;color:#dbe8f6;font-size:.82em}.frame-filter-row-v1249{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2%;height:12%;margin:1.2% 0 2%}.frame-filter-row-v1249 button{border:1px solid rgba(127,154,186,.45);border-radius:999px;background:rgba(11,20,34,.86);color:#c8d4e2;font-weight:800;font-size:clamp(8px,1.7vw,13px);cursor:pointer}.frame-filter-row-v1249 button.active{border-color:#1dbdff;color:#69ddff;box-shadow:0 0 12px rgba(27,173,255,.45),inset 0 0 10px rgba(17,127,228,.28)}.frame-item-grid-v1249{height:72%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2%;overflow:auto;padding-right:1%}.frame-item-card-v1249{display:grid;grid-template-columns:38% 1fr;grid-template-rows:auto auto;align-items:center;gap:2% 5%;padding:5%;border:1px solid rgba(111,145,180,.28);border-radius:8px;background:rgba(9,18,31,.8);color:#e9f2fb;text-align:left;cursor:pointer}.frame-item-card-v1249.equipped{border-color:#23c8ff;box-shadow:inset 0 0 0 1px rgba(35,200,255,.35)}.frame-item-card-v1249[disabled]{cursor:default}.frame-item-thumb-v1249{grid-row:1/span 2;aspect-ratio:1;display:grid;place-items:center;border-radius:7px;background:radial-gradient(circle,rgba(51,160,224,.16),rgba(4,10,18,.95));overflow:hidden}.frame-item-thumb-v1249 img{width:88%;height:88%;object-fit:contain}.frame-item-card-v1249 strong{font-size:clamp(8px,1.55vw,12px);line-height:1.15}.frame-item-card-v1249 small{font-size:clamp(6px,1.25vw,9px);line-height:1.2;color:#8fa4ba}.frame-empty-v1249{grid-column:1/-1;display:flex;align-items:center;justify-content:center;text-align:center;color:#8191a6;font-weight:800;font-size:clamp(14px,3vw,24px)}
.frame-title-layer-v1249{position:absolute;inset:0;z-index:6}.frame-title-current-v1249{position:absolute;left:12%;top:15%;width:76%;height:10%;display:grid;grid-template-columns:1fr auto;gap:5%;align-items:center;padding:3% 5%;box-sizing:border-box;border:1px solid rgba(77,185,255,.36);border-radius:12px;background:linear-gradient(180deg,rgba(7,21,38,.97),rgba(3,10,20,.98));color:#eaf6ff}.frame-title-current-v1249 small{grid-column:1/-1;color:#7edfff;font-size:clamp(10px,2vw,16px)}.frame-title-current-v1249 strong{font-size:clamp(16px,3.6vw,28px)}.frame-title-current-v1249 b{color:#56e2d7;font-size:clamp(12px,2.4vw,18px)}.frame-title-list-v1249{position:absolute;left:7%;top:27%;width:86%;height:68%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2%;overflow:auto;padding:2%;box-sizing:border-box;background:rgba(4,11,21,.94);border:1px solid rgba(79,158,213,.22);border-radius:14px}.frame-title-card-v1249{display:grid;gap:5%;align-content:center;padding:7%;border:1px solid rgba(95,139,181,.25);border-radius:10px;background:linear-gradient(180deg,rgba(12,28,48,.92),rgba(5,13,24,.94));color:#fff}.frame-title-card-v1249 strong{font-size:clamp(11px,2.4vw,18px)}.frame-title-card-v1249 small{color:#8fa5bb;font-size:clamp(8px,1.7vw,12px)}.frame-title-card-v1249 b{color:#52dfd5;font-size:clamp(9px,1.8vw,13px)}.frame-title-card-v1249 button{justify-self:end;padding:4% 10%;border-radius:999px;border:1px solid rgba(45,204,255,.38);background:rgba(20,129,184,.22);color:#62e6ff;font-weight:800;cursor:pointer}.frame-title-card-v1249.locked{opacity:.55;filter:saturate(.35)}.frame-title-card-v1249.equipped{border-color:#ffd35b;box-shadow:inset 0 0 0 1px rgba(255,211,91,.28)}
.frame-drop-toast-v1249{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:.18s}.frame-drop-toast-v1249.show{opacity:1;pointer-events:auto}.frame-drop-backdrop-v1249{position:absolute;inset:0;background:rgba(0,0,0,.68)}.frame-drop-card-v1249{position:relative;z-index:1;width:min(360px,calc(100vw - 34px));padding:24px;border-radius:18px;background:linear-gradient(180deg,#111c2c,#050b14);border:1px solid rgba(67,209,255,.4);display:grid;justify-items:center;gap:10px;box-shadow:0 30px 90px rgba(0,0,0,.7),0 0 35px rgba(35,190,255,.18)}.frame-drop-card-v1249 h3{margin:0;color:#fff}.frame-drop-item-v1249{width:92px;height:92px;display:grid;place-items:center;border:1px solid rgba(67,209,255,.3);border-radius:14px;background:rgba(4,12,21,.86)}.frame-drop-item-v1249 img{width:88%;height:88%;object-fit:contain}.frame-drop-card-v1249 strong{color:#fff;font-size:18px}.frame-drop-card-v1249 small{color:#9db1c5;text-align:center}.frame-drop-card-v1249 button{padding:9px 18px;border-radius:10px;border:1px solid rgba(57,202,255,.35);background:rgba(30,135,188,.22);color:#6be3ff;font-weight:800;cursor:pointer}
@media(max-width:560px){.image-frame-ui-v1249{border-radius:10px}.frame-item-grid-v1249{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-title-list-v1249{grid-template-columns:1fr}}


/* V1249 equipped item fit + compact inventory alignment */










.frame-item-grid-v1249{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5%;align-content:start;padding:0 .5% 1% 0}
.frame-item-card-v1249{position:relative;display:grid;grid-template-columns:42% minmax(0,1fr);grid-template-rows:1fr;gap:6%;align-items:center;min-height:clamp(82px,15vw,102px);padding:5%;border-radius:8px;overflow:hidden;box-sizing:border-box}
.frame-item-thumb-v1249{grid-row:auto;width:100%;aspect-ratio:1;min-width:0;overflow:hidden}
.frame-item-thumb-v1249 img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:scale(1.42);transform-origin:center}
.frame-item-card-v1249.subtype-rifle .frame-item-thumb-v1249 img{transform:scale(1.15)}
.frame-item-card-v1249.subtype-dual-disk .frame-item-thumb-v1249 img{transform:scale(1.55)}
.frame-item-card-v1249.subtype-top .frame-item-thumb-v1249 img,
.frame-item-card-v1249.subtype-bottom .frame-item-thumb-v1249 img,
.frame-item-card-v1249.subtype-shoes .frame-item-thumb-v1249 img{transform:scale(1.34)}
.frame-item-info-v1249{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(3px,.7vw,6px);overflow:hidden}
.frame-item-info-v1249 strong{display:block;min-width:0;color:#f5f9ff;font-size:clamp(10px,1.75vw,14px);font-weight:900;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.03em}
.frame-item-type-v1249{display:block;min-width:0;color:#91a7bd;font-size:clamp(8px,1.35vw,10px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frame-item-power-v1249{display:flex;flex-wrap:wrap;gap:3px}
.frame-item-power-v1249 i{font-style:normal;padding:2px 5px;border-radius:999px;background:rgba(29,137,191,.17);border:1px solid rgba(39,188,255,.16);color:#67d9ff;font-size:clamp(7px,1.16vw,9px);font-weight:800;line-height:1.15;white-space:nowrap}
.frame-item-power-v1249 i.pvp{background:rgba(198,58,85,.14);border-color:rgba(255,93,121,.15);color:#ff8495}
.frame-item-rarity-v1249{position:absolute;left:5%;top:5%;z-index:2;padding:2px 5px;border-radius:999px;background:rgba(3,9,16,.82);border:1px solid rgba(255,255,255,.13);color:#cbd8e6;font-size:clamp(6px,1vw,8px);font-style:normal;font-weight:800}
.frame-item-card-v1249.equipped::after{content:"장착 중";position:absolute;right:4%;top:4%;padding:2px 5px;border-radius:999px;background:rgba(0,174,236,.22);border:1px solid rgba(57,211,255,.28);color:#75e7ff;font-size:clamp(6px,1vw,8px);font-weight:900}
.frame-action-toast-v1249{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:1000000;max-width:min(360px,calc(100vw - 32px));transform:translate(-50%,16px);opacity:0;padding:10px 16px;border-radius:999px;background:rgba(4,13,24,.96);border:1px solid rgba(82,198,255,.35);box-shadow:0 12px 35px rgba(0,0,0,.55);color:#dff7ff;font-size:13px;font-weight:800;pointer-events:none;transition:.2s ease}
.frame-action-toast-v1249.show{opacity:1;transform:translate(-50%,0)}
.frame-action-toast-v1249.error{border-color:rgba(255,91,113,.45);color:#ffd7dd}

@media(max-width:560px){
  .frame-item-grid-v1249{grid-template-columns:repeat(2,minmax(0,1fr));gap:2%}
  .frame-item-card-v1249{grid-template-columns:40% minmax(0,1fr);min-height:clamp(76px,22vw,94px);padding:5%}
  .frame-item-info-v1249 strong{font-size:clamp(10px,2.8vw,13px)}
  .frame-item-type-v1249{font-size:clamp(8px,2.2vw,10px)}
  .frame-item-power-v1249 i{font-size:clamp(7px,1.9vw,9px);padding:2px 4px}
}

/* V1249: 512×512 장비 원본을 슬롯 정사각형에 맞춰 표시 */




.frame-item-thumb-v1249 img,
.frame-item-card-v1249.subtype-rifle .frame-item-thumb-v1249 img,
.frame-item-card-v1249.subtype-dual-disk .frame-item-thumb-v1249 img,
.frame-item-card-v1249.subtype-top .frame-item-thumb-v1249 img,
.frame-item-card-v1249.subtype-bottom .frame-item-thumb-v1249 img,
.frame-item-card-v1249.subtype-shoes .frame-item-thumb-v1249 img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transform-origin:center}
.frame-item-card-v1249{grid-template-columns:44% minmax(0,1fr);gap:5%;min-height:clamp(94px,16vw,112px);padding:4.5%}
.frame-item-info-v1249 strong{font-size:clamp(9px,1.75vw,13px)}
.frame-item-type-v1249{font-size:clamp(7px,1.35vw,10px)}
.frame-item-power-v1249 i{font-size:clamp(7px,1.25vw,9px)}
.frame-drop-card-v1249.supply-box{border-color:rgba(255,205,102,.55)}
.frame-drop-item-v1249.supply-box{overflow:hidden;background:radial-gradient(circle,rgba(255,189,65,.16),rgba(4,10,18,.98))}
.frame-drop-item-v1249.supply-box img{width:100%;height:100%;object-fit:cover;transform:none}

/* V1249 slot label replacement + right-slot fit correction */














/* V1249 FINAL: exact slot boxes, full 512×512 item fill, complete default-label replacement */













/* V1250 FINAL SLOT GEOMETRY — clean background asset already has blank opaque name plates */





/* Left slots: exact pixel geometry converted from the 941×1672 source frame. */








/* Right slots: wider roots include the full frame and the new blank name plate. */















/* V1253 CLEAN SLOT RULES — single source of truth, no cumulative overrides */
.frame-slot-v1249{
  position:absolute;
  z-index:8;
  overflow:visible;
}
.frame-slot-hit-v1249{
  position:absolute;
  inset:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.frame-slot-image-v1249{
  position:absolute;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.frame-slot-image-v1249 img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
  transform:none;
  filter:drop-shadow(0 0 7px rgba(68,204,255,.45));
}
.frame-slot-desc-mask-v1249{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  overflow:hidden;
  padding:0 5%;
  pointer-events:none;
  background:rgba(3,9,20,.96);
  border:1px solid rgba(45,143,211,.28);
  border-radius:6px;
  box-shadow:0 4px 10px rgba(0,0,0,.42);
  color:#f5f8fc;
  font-size:clamp(8px,1.42vw,11px);
  font-weight:900;
  line-height:1.05;
  text-align:center;
}
.frame-slot-desc-mask-v1249 span{
  display:block;
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.frame-slot-remove-v1249{
  position:absolute;
  right:1%;
  top:1%;
  width:18%;
  aspect-ratio:1;
  z-index:10;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(8,15,26,.94);
  color:#fff;
  cursor:pointer;
}
.frame-slot-v1249.filled{filter:drop-shadow(0 0 10px rgba(41,194,255,.28))}
.frame-slot-v1249.rarity-epic{filter:drop-shadow(0 0 12px rgba(181,100,255,.45))}
.frame-slot-v1249.rarity-legendary{filter:drop-shadow(0 0 12px rgba(255,191,70,.5))}
.frame-slot-v1249.rarity-mythic{filter:drop-shadow(0 0 12px rgba(255,82,126,.55))}

/* Images are centered below the original slot header text; no extra item frame. */
.frame-slot-v1249.slot-weapon{left:6.35%;top:22.05%;width:14.75%;height:11.75%}
.frame-slot-v1249.slot-accessory{left:6.35%;top:39.05%;width:14.75%;height:11.90%}
.frame-slot-v1249.slot-top{left:76.90%;top:18.05%;width:14.70%;height:11.75%}
.frame-slot-v1249.slot-bottom{left:76.90%;top:32.65%;width:14.70%;height:11.75%}
.frame-slot-v1249.slot-shoes{left:76.90%;top:47.15%;width:14.70%;height:11.75%}

.frame-slot-v1249 .frame-slot-image-v1249{
  left:9%;
  top:14%;
  width:82%;
  height:57%;
}
.frame-slot-v1249.slot-accessory .frame-slot-image-v1249{
  left:7%;
  width:86%;
}
.frame-slot-v1249 .frame-slot-desc-mask-v1249{
  left:5%;
  top:75%;
  width:90%;
  height:18%;
}
.frame-slot-v1249.slot-top .frame-slot-desc-mask-v1249,
.frame-slot-v1249.slot-bottom .frame-slot-desc-mask-v1249,
.frame-slot-v1249.slot-shoes .frame-slot-desc-mask-v1249{
  left:2%;
  width:96%;
}
.frame-slot-v1249:not(.filled) .frame-slot-image-v1249,
.frame-slot-v1249:not(.filled) .frame-slot-desc-mask-v1249{display:none}