/* MU Raditz V16.18 — Imperial Box Codex. Scoped to existing modal. */
#kitsModal.kits-modal-overlay{box-sizing:border-box;padding:clamp(10px,3vw,28px);background:rgba(8,5,8,.89);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow:hidden;align-items:center;justify-content:center}
#kitsModal *,#kitsModal *::before,#kitsModal *::after{box-sizing:border-box}
#kitsModal .kits-modal-content{position:relative;width:min(1160px,100%);max-width:1160px;max-height:calc(100dvh - 24px);max-height:calc(100vh - 24px);margin:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:radial-gradient(ellipse at 50% -10%,rgba(104,30,40,.27),transparent 58%),linear-gradient(150deg,#21151a,#100e12 55%,#211419);border:1px solid #8b6740;border-radius:13px;box-shadow:0 0 0 3px #130d10,0 0 0 4px rgba(159,117,65,.35),0 26px 80px rgba(0,0,0,.7);scrollbar-color:#8d663d #1a1116;scrollbar-width:thin}
#kitsModal .kits-modal-header{min-height:70px;padding:17px 58px 17px 24px;justify-content:center;text-align:center;gap:12px;background:linear-gradient(180deg,#4b2029,#25141a);color:#e9d0a2;border-bottom:1px solid #9a7446;letter-spacing:.045em;text-shadow:0 2px 6px #000;font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,2vw,21px);line-height:1.4}
#kitsModal .kits-modal-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #886641;border-radius:6px;background:#24171b;color:#f2d6a2;font-size:26px;line-height:1;z-index:2;touch-action:manipulation}
#kitsModal .kits-modal-close:hover,#kitsModal .kits-modal-close:focus-visible{background:#5a2930;color:#fff0c9;outline:2px solid #c69c5c;outline-offset:2px}
#kitsModal .kits-modal-body{padding:clamp(12px,2.4vw,26px);color:#e7d8c7}
#kitsModal .box-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,22px);align-items:stretch}
#kitsModal .box-card{position:relative;min-width:0;padding:18px 17px 14px;overflow:hidden;background:linear-gradient(155deg,rgba(100,38,48,.20),transparent 48%),linear-gradient(180deg,#251b20,#151217);border:1px solid #745436;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(223,177,106,.08),0 9px 20px rgba(0,0,0,.23);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
#kitsModal .box-card::before,#kitsModal .box-card::after{content:'';position:absolute;width:23px;height:23px;pointer-events:none;border-color:#b58a52;border-style:solid;opacity:.8}
#kitsModal .box-card::before{left:5px;top:5px;border-width:2px 0 0 2px}
#kitsModal .box-card::after{right:5px;bottom:5px;border-width:0 2px 2px 0}
#kitsModal .box-card:hover{border-color:#c29a5e;box-shadow:inset 0 0 0 1px rgba(223,177,106,.15),0 12px 28px rgba(0,0,0,.34);transform:translateY(-2px)}
#kitsModal .box-title{font-family:Georgia,'Times New Roman',serif;color:#e9c68e;font-size:clamp(16px,1.6vw,20px);line-height:1.35;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid rgba(176,132,77,.4);text-shadow:0 2px 5px #000;overflow-wrap:anywhere}
#kitsModal .box-subtitle{color:#cdb89d;border-color:#785739}
#kitsModal .vulnerable-textgf,#kitsModal .vulnerable-textmvd,#kitsModal .vulnerable-text,#kitsModal .vulnerable-text-green{font-size:12px;color:#e4c99f;background:linear-gradient(90deg,transparent,rgba(106,46,49,.30),transparent);border:0;border-bottom:1px solid rgba(165,120,75,.25);padding:8px 6px;margin:4px 0 12px}
#kitsModal .box-list-single,#kitsModal .box-list-double,#kitsModal .box-list-double-scroll{width:100%;max-width:100%;min-width:0;color:#e0d2c1;font-size:clamp(12px,1.15vw,13px);line-height:1.65;overflow-wrap:anywhere;column-gap:18px}
#kitsModal .box-list-single{columns:1}
#kitsModal .box-list-double,#kitsModal .box-list-double-scroll{columns:2}
#kitsModal .box-card li{break-inside:avoid;page-break-inside:avoid;padding:2px 0;color:#e3d7c6}
#kitsModal .box-card li::before{color:#b99562}
#kitsModal .box-badge{color:#c7a77d;border-top:1px solid rgba(170,127,79,.35);font-size:12px;margin-top:auto;padding-top:12px}
#kitsModal .info-footer{border-top-color:#735238;grid-template-columns:repeat(2,minmax(0,1fr))}
#kitsModal .info-footer h4{color:#e4c28b;font-size:12px}
#kitsModal .info-footer p{color:#c5b19d;font-size:12px}
@media(max-width:720px){#kitsModal.kits-modal-overlay{padding:8px;align-items:center}#kitsModal .kits-modal-content{width:100%;max-height:calc(100dvh - 16px);max-height:calc(100vh - 16px);border-radius:9px}#kitsModal .kits-modal-header{padding:15px 49px 15px 12px;min-height:60px;font-size:15px}#kitsModal .kits-modal-close{right:8px;width:36px;height:36px}#kitsModal .kits-modal-body{padding:12px}#kitsModal .box-grid{grid-template-columns:minmax(0,1fr);gap:12px}#kitsModal .box-card{padding:15px 13px 13px}#kitsModal .box-card:hover{transform:none}#kitsModal .box-list-double,#kitsModal .box-list-double-scroll{columns:2}#kitsModal .info-footer{gap:8px}}
@media(max-width:380px){#kitsModal .box-list-double,#kitsModal .box-list-double-scroll{columns:1}#kitsModal .info-footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#kitsModal .box-card{transition:none}#kitsModal .box-card:hover{transform:none}}

/* V16.18.1 — Imperial Box Codex Compact: compact medieval detailing */
#kitsModal .kits-modal-content{width:min(980px,100%);max-width:980px;border-radius:8px;background:radial-gradient(circle at 50% 0%,rgba(125,49,52,.24),transparent 45%),linear-gradient(145deg,#26151b,#120e12 62%,#241419);box-shadow:0 0 0 2px #100b0e,0 0 0 3px rgba(181,131,70,.5),0 18px 55px rgba(0,0,0,.68)}
#kitsModal .kits-modal-header{min-height:54px;padding:11px 52px 11px 16px;font-size:clamp(15px,1.7vw,19px);background:linear-gradient(180deg,#52242c,#27161b);border-bottom:1px solid #b28b50}
#kitsModal .kits-modal-body{padding:12px}
#kitsModal .box-grid{gap:10px}
#kitsModal .box-card{padding:12px 12px 10px;border-radius:5px;border-color:#83613c;background:radial-gradient(circle at 90% 0%,rgba(132,67,57,.13),transparent 50%),linear-gradient(180deg,#26191e,#151116);box-shadow:inset 0 0 0 1px rgba(223,177,106,.09),0 5px 13px rgba(0,0,0,.3)}
#kitsModal .box-card::before,#kitsModal .box-card::after{width:16px;height:16px;border-color:#bb9156}
#kitsModal .box-title{font-size:clamp(15px,1.5vw,18px);margin-bottom:7px;padding-bottom:7px;letter-spacing:.025em}
#kitsModal .box-subtitle{margin:5px 0}
#kitsModal .vulnerable-textgf,#kitsModal .vulnerable-textmvd,#kitsModal .vulnerable-text,#kitsModal .vulnerable-text-green{padding:5px 4px;margin:3px 0 7px;font-size:11px}
#kitsModal .box-list-single,#kitsModal .box-list-double,#kitsModal .box-list-double-scroll{font-size:12px;line-height:1.4;column-gap:12px}
#kitsModal .box-card li{padding:1px 0}
#kitsModal .box-badge{padding-top:7px;margin-top:7px;font-size:11px}
#kitsModal .info-footer{margin-top:10px;padding-top:9px}
#kitsModal .kits-modal-close{width:32px;height:32px;font-size:22px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 #kitsModal .box-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
 #kitsModal .box-card:hover{transform:translateY(-3px);border-color:#d2a15d;box-shadow:inset 0 0 0 1px rgba(255,214,136,.18),0 12px 25px rgba(0,0,0,.4),0 0 18px rgba(169,91,48,.15)}
 #kitsModal .box-card:hover .box-title{text-shadow:0 0 12px rgba(229,176,96,.38),0 2px 5px #000}
}
@media(max-width:720px){#kitsModal .kits-modal-content{max-height:calc(100dvh - 12px)}#kitsModal.kits-modal-overlay{padding:6px}#kitsModal .kits-modal-header{min-height:49px;padding:10px 44px 10px 12px;font-size:15px}#kitsModal .kits-modal-body{padding:9px}#kitsModal .box-grid{gap:9px}#kitsModal .box-card{padding:11px 10px 9px}#kitsModal .box-list-double,#kitsModal .box-list-double-scroll{columns:2}#kitsModal .box-card:hover{transform:none}}
@media(max-width:380px){#kitsModal .box-list-double,#kitsModal .box-list-double-scroll{columns:1}}
@media(prefers-reduced-motion:reduce){#kitsModal .box-card{transition:none!important;transform:none!important}}

/* V16.18.2 — Destaque medieval nos nomes dos drops (ex.: Ring of Fire). */
#kitsModal .box-card :is(.box-list-single,.box-list-double,.box-list-double-scroll) li{
 position:relative;isolation:isolate;border-radius:4px;padding:3px 8px 3px 10px;
 border:1px solid transparent;background:transparent;
 transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease,text-shadow .22s ease;
 -webkit-tap-highlight-color:rgba(197,151,85,.16);
}
@media(hover:hover){
 #kitsModal .box-card :is(.box-list-single,.box-list-double,.box-list-double-scroll) li:hover{
  color:#ffe8b4;background:linear-gradient(90deg,rgba(107,38,48,.78),rgba(63,29,35,.5));
  border-color:rgba(204,153,84,.62);box-shadow:inset 3px 0 0 #d6aa66,0 0 12px rgba(186,117,60,.2);
  text-shadow:0 0 9px rgba(245,197,115,.42);transform:translateX(3px);
 }
}
#kitsModal .box-card :is(.box-list-single,.box-list-double,.box-list-double-scroll) li:active{
 color:#ffe8b4;background:rgba(112,43,49,.76);border-color:rgba(214,170,102,.7);
 box-shadow:inset 3px 0 0 #d6aa66,0 0 10px rgba(186,117,60,.2);
}
@media(hover:none){
 #kitsModal .box-card :is(.box-list-single,.box-list-double,.box-list-double-scroll) li{padding-top:5px;padding-bottom:5px}
}
@media(prefers-reduced-motion:reduce){
 #kitsModal .box-card :is(.box-list-single,.box-list-double,.box-list-double-scroll) li{transition:none!important;transform:none!important}
}