/* DRAKION V0.4.1AP29 — Stable profile layout and safe tooltip */
html.drakion-ap29-profile-final .drakion-ap11-kd-logs,
html.drakion-ap29-profile-final .drakion-ap12-section,
html.drakion-ap29-profile-final .drakion-ap13-section,
html.drakion-ap29-profile-final .drakion-ap14-section,
html.drakion-ap29-profile-final .drakion-ap15-section,
html.drakion-ap29-profile-final .drakion-ap21-section,
html.drakion-ap29-profile-final .drakion-ap22-section,
html.drakion-ap29-profile-final .drakion-ap23-section,
html.drakion-ap29-profile-final .drakion-ap24-section,
html.drakion-ap29-profile-final .drakion-ap25-section { display: none !important; }

html.drakion-ap29-profile-final main.content-box,
body.drakion-ap29-profile-final main.content-box { overflow: visible !important; }

.drakion-ap29-profile-row { overflow: visible !important; }
.drakion-ap29-profile-row > .col-xs-12 { box-sizing: border-box !important; }

.drakion-ap29-inventory-native,
.drakion-ap29-section {
    clear: both !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 16px 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.drakion-ap29-inventory-native .table-responsive,
.drakion-ap29-section .drakion-ap29-box,
.drakion-ap29-section .rankings-table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.drakion-ap29-inventory-native table,
.drakion-ap29-section .drakion-ap29-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    margin: 0 !important;
    background: rgba(36,43,52,.94) !important;
    border: 1px solid rgba(230,129,48,.25) !important;
    box-sizing: border-box !important;
}

.drakion-ap29-inventory-native .no-hover,
.drakion-ap29-section .drakion-ap29-body {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.drakion-ap29-empty {
    color: #cdd6e1 !important;
    font-weight: 700 !important;
    padding: 14px 10px !important;
    display: block !important;
}

.drakion-ap29-muuns-wrap,
.drakion-ap29-badges-grid {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.drakion-ap29-muuns-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    padding: 14px 14px 0 14px !important;
    color: #dfe6ef !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}
.drakion-ap29-muuns-summary span {
    border: 1px solid rgba(230,129,48,.50) !important;
    background: rgba(0,0,0,.24) !important;
    border-radius: 999px !important;
    padding: 7px 16px !important;
}
.drakion-ap29-muuns-summary b { color: #ffb35f !important; }

.drakion-ap29-muuns-grid,
.drakion-ap29-badges-grid {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    justify-items: center !important;
    align-items: stretch !important;
}
.drakion-ap29-muuns-grid {
    grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)) !important;
    gap: 14px !important;
    min-height: 176px !important;
    padding: 20px 22px 24px 22px !important;
}
.drakion-ap29-badges-grid {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
    gap: 14px !important;
    padding: 20px 22px 24px 22px !important;
}

.drakion-ap29-muun-card,
.drakion-ap29-badge-card {
    cursor: help !important;
    position: relative !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.drakion-ap29-muun-card {
    width: 100% !important;
    max-width: 158px !important;
    min-height: 170px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 13px 10px 12px 10px !important;
    border: 1px solid rgba(230,129,48,.45) !important;
    border-radius: 11px !important;
    background: radial-gradient(circle at 50% 0%, rgba(230,129,48,.17), transparent 56%), linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.02)) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.30) !important;
}
.drakion-ap29-muun-card.equipped {
    border-color: rgba(255,179,95,.90) !important;
    box-shadow: 0 0 0 1px rgba(255,179,95,.24), 0 8px 18px rgba(0,0,0,.30) !important;
}
.drakion-ap29-muun-equipped {
    position: absolute !important;
    top: 7px !important;
    right: 8px !important;
    font-size: 8px !important;
    color: #fff !important;
    background: rgba(177,78,25,.94) !important;
    border: 1px solid rgba(255,179,95,.55) !important;
    border-radius: 999px !important;
    padding: 2px 7px !important;
    line-height: 1.2 !important;
}
.drakion-ap29-muun-card img { display:block !important; max-width:88px !important; max-height:88px !important; width:auto !important; height:auto !important; object-fit:contain !important; margin:0 auto !important; }
.drakion-ap29-muun-card strong { color:#ffb35f !important; font-size:12.5px !important; line-height:1.08 !important; max-width:132px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.drakion-ap29-muun-card small { color:#cdd6e1 !important; font-size:9.8px !important; line-height:1.08 !important; }
.drakion-ap29-muun-serial { opacity:.82 !important; max-width:132px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.drakion-ap29-muun-fallback { width:70px !important; height:70px !important; display:grid !important; place-items:center !important; border-radius:50% !important; color:#ffb35f !important; border:1px solid rgba(230,129,48,.50) !important; font-size:28px !important; font-weight:900 !important; }

.drakion-ap29-badge-card {
    width: 100% !important;
    max-width: 154px !important;
    min-height: 118px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 11px 9px !important;
    border: 1px solid rgba(230,129,48,.35) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.018)) !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.24) !important;
}
.drakion-ap29-badge-card img { display:block !important; width:auto !important; height:auto !important; max-width:40px !important; max-height:40px !important; margin:0 auto !important; object-fit:contain !important; }
.drakion-ap29-badge-card strong,
.drakion-ap29-badge-card small { display:block !important; max-width:132px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.drakion-ap29-badge-card strong { color:#ffb35f !important; font-size:10.8px !important; line-height:1.12 !important; }
.drakion-ap29-badge-card small { color:#cdd6e1 !important; opacity:.86 !important; font-size:8.7px !important; line-height:1.05 !important; }
.drakion-ap29-badge-fallback { width:36px !important; height:36px !important; display:grid !important; place-items:center !important; border-radius:50% !important; color:#ffb35f !important; border:1px solid rgba(230,129,48,.52) !important; font-size:20px !important; font-weight:900 !important; }

.drakion-ap29-tabs { display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:8px !important; padding:11px 14px 9px 14px !important; border-bottom:1px solid rgba(255,255,255,.28) !important; box-sizing:border-box !important; }
.drakion-ap29-tab { background:transparent !important; color:#d8dce3 !important; border:1px solid transparent !important; border-radius:4px !important; padding:8px 14px !important; font-size:12px !important; font-weight:700 !important; outline:none !important; }
.drakion-ap29-tab:hover,
.drakion-ap29-tab.active { border-color:rgba(255,255,255,.78) !important; color:#fff !important; background:rgba(255,255,255,.055) !important; }
.drakion-ap29-panel { display:none !important; padding:10px 10px 12px 10px !important; }
.drakion-ap29-panel.active { display:block !important; }
.drakion-ap29-kd-table { width:100% !important; table-layout:fixed !important; margin:0 !important; }
.drakion-ap29-kd-table th,
.drakion-ap29-kd-table td { text-align:center !important; vertical-align:middle !important; }

#drakion-ap29-tooltip.drakion-ap29-tooltip {
    position: absolute !important;
    z-index: 2147483647 !important;
    display: none;
    max-width: 340px !important;
    min-width: 190px !important;
    padding: 10px !important;
    border: 1px solid rgba(255,179,95,.42) !important;
    border-radius: 7px !important;
    background: rgba(9,10,12,.97) !important;
    color: #dce6f1 !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.66) !important;
    text-align: center !important;
    pointer-events: none !important;
    line-height: 1.28 !important;
}
#drakion-ap29-tooltip .item-box,
#drakion-ap29-tooltip .badge-tooltip,
#drakion-ap29-tooltip .drakion-ap29-badge-tooltip { color:#dce6f1 !important; text-align:center !important; max-width:320px !important; }
#drakion-ap29-tooltip img { max-width:160px !important; max-height:160px !important; height:auto !important; width:auto !important; }
#drakion-ap29-tooltip .title,
#drakion-ap29-tooltip .item-name,
#drakion-ap29-tooltip b,
#drakion-ap29-tooltip strong { color:#ffb35f !important; }

@media (max-width: 1100px) {
    .drakion-ap29-muuns-grid { grid-template-columns: repeat(auto-fit, minmax(126px, 1fr)) !important; }
    .drakion-ap29-badges-grid { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important; }
}
@media (max-width: 900px) {
    .drakion-ap29-muuns-grid { grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important; padding-left:12px !important; padding-right:12px !important; }
    .drakion-ap29-badges-grid { grid-template-columns: repeat(auto-fit, minmax(108px, 1fr)) !important; padding-left:12px !important; padding-right:12px !important; }
    .drakion-ap29-muun-card { max-width:128px !important; }
    .drakion-ap29-badge-card { max-width:120px !important; }
}

/* AP29 Pentagram Engine tooltip additions */
.drakion-ap29-tooltip .ap29-item-box .drakion-pentagram-engine,
#drakion-ap29-tooltip .ap29-item-box .drakion-pentagram-engine {
    margin-top: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(230,129,48,.35);
    background: rgba(0,0,0,.25);
    border-radius: 4px;
    text-align: center;
}
#drakion-ap29-tooltip .ap29-penta-title {
    color: #ffb35f;
    font-weight: 800;
    font-size: 12px;
    margin: 4px 0 6px;
    text-transform: uppercase;
}
#drakion-ap29-tooltip .ap29-penta-line {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 11px;
    line-height: 1.35;
    margin: 2px 0;
}
#drakion-ap29-tooltip .ap29-penta-line span { color: #cdd6e1; }
#drakion-ap29-tooltip .ap29-penta-line b { color: #9dd6ff; }
#drakion-ap29-tooltip .ap29-penta-slots-title { margin-top: 9px; }
#drakion-ap29-tooltip .ap29-penta-slot {
    margin-top: 6px;
    padding-top: 5px;
    border-top: 1px solid rgba(255,255,255,.10);
}
#drakion-ap29-tooltip .ap29-penta-slot-name {
    color: #ffc06a;
    font-weight: 700;
    font-size: 11px;
}
#drakion-ap29-tooltip .ap29-penta-errtel-name {
    color: #e7edf5;
    font-weight: 700;
    font-size: 11px;
    margin-top: 3px;
}
#drakion-ap29-tooltip .ap29-penta-opt {
    color: #9fd8ff;
    font-size: 11px;
    line-height: 1.25;
    margin-top: 2px;
}
#drakion-ap29-tooltip .ap29-penta-empty {
    color: #b7bec8;
    font-size: 10px;
    margin-top: 3px;
}