/* V1244 IMAGE-FRAME EQUIPMENT + TITLE UI */
.character-system-root-v1244{display:flex;justify-content:center;padding:0 0 90px}.frame-loading-v1244,.frame-empty-v1244{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#8b9ab2}.frame-loading-v1244 span{width:34px;height:34px;border:3px solid rgba(255,255,255,.14);border-top-color:#22d9ff;border-radius:50%;animation:frameSpin1240 .8s linear infinite}@keyframes frameSpin1240{to{transform:rotate(360deg)}}
.image-frame-ui-v1244{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-v1244{position:absolute;inset:0;background:url('../assets/ui/equipment-screen-frame-v1244.png') center/100% 100% no-repeat;pointer-events:none}.frame-tab-hit-v1244{position:absolute;top:7.9%;height:4.9%;border:0;background:transparent;cursor:pointer;z-index:10}.frame-tab-hit-v1244.equipment{left:7.8%;width:41.5%}.frame-tab-hit-v1244.title{left:49.3%;width:40%}.frame-tab-hit-v1244.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-v1244.equipment:not(.active){background:rgba(5,15,28,.72);border-radius:2px}
.frame-nickname-v1244{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-v1244{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-v1244{position:absolute;z-index:8}.frame-slot-hit-v1244{position:absolute;inset:0;border:0;background:transparent;cursor:pointer}.frame-slot-image-v1244{position:absolute;display:grid;place-items:center;overflow:hidden}.frame-slot-image-v1244 img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 0 7px rgba(68,204,255,.45))}.frame-slot-desc-mask-v1244{position:absolute;left:4%;top:77%;width:92%;height:17%;display:flex;align-items:center;justify-content:center;background:rgba(4,11,20,.94);border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.42);color:#d7e8f8;font-weight:800;text-align:center;font-size:clamp(7px,1.35vw,10px);line-height:1;padding:0 4%;box-sizing:border-box;overflow:hidden;pointer-events:none}.frame-slot-desc-mask-v1244 span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame-slot-remove-v1244{position:absolute;right:0;top:0;width:17%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(8,15,26,.94);color:#fff;cursor:pointer;z-index:9}.frame-slot-v1244.filled{filter:drop-shadow(0 0 10px rgba(41,194,255,.28))}.frame-slot-v1244.rarity-epic{filter:drop-shadow(0 0 12px rgba(181,100,255,.45))}.frame-slot-v1244.rarity-legendary{filter:drop-shadow(0 0 12px rgba(255,191,70,.5))}.frame-slot-v1244.rarity-mythic{filter:drop-shadow(0 0 12px rgba(255,82,126,.55))}
.frame-slot-v1244.slot-weapon{left:6.7%;top:22.7%;width:14.3%;height:9.8%}.frame-slot-v1244.slot-weapon .frame-slot-image-v1244{left:12%;top:2%;width:76%;height:64%}.frame-slot-v1244.slot-accessory{left:6.9%;top:39.9%;width:14.5%;height:9.9%}.frame-slot-v1244.slot-accessory .frame-slot-image-v1244{left:12%;top:2%;width:76%;height:63%}.frame-slot-v1244.slot-top{left:78.0%;top:19.0%;width:13.2%;height:9.1%}.frame-slot-v1244.slot-top .frame-slot-image-v1244{left:13%;top:2%;width:74%;height:63%}.frame-slot-v1244.slot-bottom{left:78.0%;top:33.7%;width:13.2%;height:9.1%}.frame-slot-v1244.slot-bottom .frame-slot-image-v1244{left:13%;top:2%;width:74%;height:63%}.frame-slot-v1244.slot-shoes{left:78.0%;top:48.0%;width:13.2%;height:9.1%}.frame-slot-v1244.slot-shoes .frame-slot-image-v1244{left:13%;top:2%;width:74%;height:63%}
.frame-stat-box-v1244{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-v1244 small{align-self:end;font-size:clamp(10px,2.3vw,18px);letter-spacing:.04em}.frame-stat-box-v1244 b{align-self:start;font-size:clamp(22px,5vw,39px);line-height:1}.frame-stat-box-v1244.pve{left:15.8%;color:#43e5de}.frame-stat-box-v1244.pvp{left:59.9%;color:#ff717a}.frame-inventory-layer-v1244{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-v1244{display:flex;align-items:center;gap:2%;height:10%;color:#fff;font-size:clamp(12px,2.6vw,20px);font-weight:900}.frame-inventory-head-v1244 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-v1244{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2%;height:12%;margin:1.2% 0 2%}.frame-filter-row-v1244 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-v1244 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-v1244{height:72%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2%;overflow:auto;padding-right:1%}.frame-item-card-v1244{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-v1244.equipped{border-color:#23c8ff;box-shadow:inset 0 0 0 1px rgba(35,200,255,.35)}.frame-item-card-v1244[disabled]{cursor:default}.frame-item-thumb-v1244{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-v1244 img{width:88%;height:88%;object-fit:contain}.frame-item-card-v1244 strong{font-size:clamp(8px,1.55vw,12px);line-height:1.15}.frame-item-card-v1244 small{font-size:clamp(6px,1.25vw,9px);line-height:1.2;color:#8fa4ba}.frame-empty-v1244{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-v1244{position:absolute;inset:0;z-index:6}.frame-title-current-v1244{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-v1244 small{grid-column:1/-1;color:#7edfff;font-size:clamp(10px,2vw,16px)}.frame-title-current-v1244 strong{font-size:clamp(16px,3.6vw,28px)}.frame-title-current-v1244 b{color:#56e2d7;font-size:clamp(12px,2.4vw,18px)}.frame-title-list-v1244{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-v1244{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-v1244 strong{font-size:clamp(11px,2.4vw,18px)}.frame-title-card-v1244 small{color:#8fa5bb;font-size:clamp(8px,1.7vw,12px)}.frame-title-card-v1244 b{color:#52dfd5;font-size:clamp(9px,1.8vw,13px)}.frame-title-card-v1244 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-v1244.locked{opacity:.55;filter:saturate(.35)}.frame-title-card-v1244.equipped{border-color:#ffd35b;box-shadow:inset 0 0 0 1px rgba(255,211,91,.28)}
.frame-drop-toast-v1244{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:.18s}.frame-drop-toast-v1244.show{opacity:1;pointer-events:auto}.frame-drop-backdrop-v1244{position:absolute;inset:0;background:rgba(0,0,0,.68)}.frame-drop-card-v1244{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-v1244 h3{margin:0;color:#fff}.frame-drop-item-v1244{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-v1244 img{width:88%;height:88%;object-fit:contain}.frame-drop-card-v1244 strong{color:#fff;font-size:18px}.frame-drop-card-v1244 small{color:#9db1c5;text-align:center}.frame-drop-card-v1244 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-v1244{border-radius:10px}.frame-item-grid-v1244{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-title-list-v1244{grid-template-columns:1fr}.frame-slot-remove-v1244{font-size:10px}}