dialog.inspector-dialog{width:min(520px,94vw);height:min(850px,94dvh);max-height:94dvh;padding:0!important;overflow:hidden!important;color:#f5ecd9;border:3px solid #8f91a1;border-radius:18px;background:linear-gradient(135deg,#364355,#202934);box-shadow:0 24px 90px #000b,inset 0 0 0 4px #101a29}
dialog.inspector-dialog[open]{display:flex!important;flex-direction:column;gap:0}dialog.inspector-dialog::backdrop{background:#061020bd;backdrop-filter:blur(6px)}.inspector-dialog .detail-close{z-index:3;position:absolute;right:12px;top:8px;width:36px;height:36px;padding:0;color:#fff;background:#9c3934;border:2px solid #d4bd8d;border-radius:50%;font-size:26px}.inspector-showcase{text-align:center;flex:none;padding:10px 18px 12px;background:radial-gradient(ellipse at 50% 30%,#526c87,#263549 75%);border-bottom:2px solid #9a8256}.inspector-stage{height:clamp(120px,24dvh,235px);position:relative;isolation:isolate}.inspector-stage:after{content:'';position:absolute;z-index:-1;width:60%;height:22px;bottom:3px;left:20%;background:#53667c;border:3px solid #a4abb0;border-radius:50%;box-shadow:0 8px #172537}.inspector-portrait,.inspector-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.inspector-cost{position:absolute;left:8%;bottom:12px;z-index:2;background:linear-gradient(#ffe077,#bb790f);clip-path:polygon(24% 0,76% 0,100% 40%,80% 100%,20% 100%,0 40%);padding:7px 15px;font-size:25px;font-weight:900;color:#fff;text-shadow:2px 2px #30210f}.inspector-showcase h2{margin:8px 24px 3px!important;font-size:24px!important;line-height:1.05;overflow-wrap:anywhere}.inspector-family{color:#e5c579;font-size:12px}.inspector-showcase small{display:block;font-size:11px;color:#c4cddb}.inspector-showcase progress{display:block;width:85%;margin:5px auto;height:13px;accent-color:#b862ea}.inspector-tabs{display:flex;flex:none;position:static!important;background:#1b2839;padding:6px;gap:4px}.inspector-tabs button{flex:1;min-width:0;padding:10px 2px!important;font-size:13px!important;border:1px solid #58687c!important;border-radius:5px;color:#e6e7ee;background:#344358!important}.inspector-tabs button[aria-selected=true]{color:#ffe0a0;background:#675437!important;border-color:#d3b270!important}.inspector-content{overflow:auto;min-height:0;flex:1;padding:16px 20px;overscroll-behavior:contain}.inspector-page[hidden]{display:none!important}.inspector-page p{font-size:13px;line-height:1.5}.inspector-page h3{margin:6px 0 10px}.inspector-trait{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff20}.inspector-trait img{width:34px;height:34px;object-fit:contain}.inspector-trait p{margin:3px 0}.inspector-stats{width:100%;border-collapse:collapse;font-size:12px}.inspector-stats th,.inspector-stats td{padding:10px 4px;border-bottom:1px solid #ffffff20;text-align:right}.inspector-stats th:first-child{text-align:left}.inspector-dialog button:focus-visible,.inspector-page:focus-visible{outline:3px solid #f6d381;outline-offset:2px}.inspector-dialog .perk-row{min-height:70px}.inspector-dialog .equip-choices{display:grid;grid-template-columns:repeat(2,1fr)}.inspector-dialog .equip-choices img{width:40px;height:40px;object-fit:contain}@media(max-height:650px){.inspector-stage{height:100px}.inspector-showcase{padding:4px 12px}.inspector-showcase h2{font-size:19px!important}}
.mode-online dialog.unit-detail.inspector-dialog{width:min(520px,94vw);max-height:94dvh}.inspector-dialog .inspector-tabs{position:static;inset:auto;margin:0}.inspector-dialog .inspector-showcase h2{padding:0}.inspector-dialog .inspector-stage canvas{touch-action:pan-y}
.inspector-dialog .inspector-stage .inspector-portrait{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;float:none!important;margin:0!important}
.inspector-dialog{--rarity:#aeb8c3}.inspector-dialog[data-rarity=uncommon]{--rarity:#69b949}.inspector-dialog[data-rarity=rare]{--rarity:#449feb}.inspector-dialog[data-rarity=epic]{--rarity:#bc62de}.inspector-dialog[data-rarity=legendary]{--rarity:#efa735}dialog.inspector-dialog{border-color:var(--rarity);box-shadow:0 24px 90px #000b,inset 0 0 0 3px var(--rarity)}.inspector-dialog .inspector-showcase{border-bottom-color:var(--rarity)}.inspector-dialog .inspector-family{color:var(--rarity)}.talent-choice{position:relative;min-height:100px;padding-left:86px}.inspector-dialog .talent-image-choice{position:absolute;left:0;top:12px;width:70px;height:70px;padding:4px!important;border:2px solid #758393;border-radius:10px;background:#24364b}.inspector-dialog .talent-image-choice .talent-icon{width:56px!important;height:56px!important;float:none;margin:0!important}.talent-choice.equipped .talent-image-choice{border-color:#ffdd76;box-shadow:0 0 12px #eab63a88}.inspector-dialog .talent-clear{position:absolute;left:48px;top:0;width:28px;height:28px;padding:0!important;border-radius:50%;background:#a93232;color:white;border:2px solid #ebd9af;font-size:22px}.choosing-slot .online-unit:not(:first-child){outline:3px solid #e8c470;cursor:pointer}.army-equip-hint{color:#ffe1a0;text-align:center}
#lobby-panel .inspector-dialog .talent-choice.equipped .talent-image-choice:disabled{opacity:1;cursor:default}#lobby-panel .inspector-dialog .talent-clear{background:#a93232!important;border:2px solid #ebd9af!important;border-radius:50%!important;color:white!important;padding:0!important}#lobby-panel .inspector-dialog .detail-close{background:#a93232!important;border:2px solid #ebd9af!important;border-radius:50%!important;padding:0!important;font-size:26px!important}
.inspector-dialog .perk-row{border:1px solid transparent;border-radius:8px;margin:8px 0}.inspector-dialog .perk-row.equipped{border-color:#ddbd7380;box-shadow:0 0 5px #e8bd4033,inset 0 0 5px #e8bd4014;background:#e8bd4008}.inspector-dialog .talent-selection-status{color:#e5c991;font-size:12px;padding:7px 10px;border:1px solid #a9b5c22b;border-radius:6px}
.inspector-family-ribbon{display:flex;justify-content:center;gap:8px;margin:0 35px 5px}.inspector-family-ribbon>span{display:flex;align-items:center;gap:5px;background:linear-gradient(#344f73,#182b46);border:1px solid #ad955b;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);padding:5px 12px 10px;font-size:11px;color:#f5e9c9}.inspector-dialog .inspector-family-ribbon img{width:23px!important;height:23px!important;object-fit:contain;margin:0!important;float:none}