.ksu{position:relative;display:grid;grid-template-columns:minmax(260px,447px) minmax(0,1fr);gap:22px;align-items:start}
.ksu-col{min-width:0}
.ksu-cap{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#e8c46a}
.ksu-cap small{margin-left:auto;font-weight:400;text-transform:none;letter-spacing:0;color:#9a927c;font-size:12px}
.ksu-fit{position:relative;width:100%;overflow:hidden}
.ksu-fit--bar{margin-bottom:6px}
.ksu-stage{position:absolute;left:0;top:0;transform-origin:0 0;font-family:Verdana,Tahoma,sans-serif;user-select:none}
.ksu-img,.ksu-btn,.ksu-str,.ksu-area{position:absolute}
.ksu-img{background-repeat:no-repeat;image-rendering:auto}
.ksu-btn .ksu-img{pointer-events:none}
.ksu-str{white-space:pre-line;line-height:1.15;overflow:hidden;text-shadow:0 1px 1px #000;pointer-events:none}
.ksu-str.ksu-c{text-align:center}
.ksu-title{text-align:center;font-weight:700;letter-spacing:.06em}
.ksu-name{font-size:11px!important;display:flex;align-items:center;color:#ffda6a!important}
.ksu-name.ksu-off{color:#7d7563!important}
.ksu-slot{display:flex;align-items:center;justify-content:center}
.ksu-icon{width:100%;height:100%;display:block;border-radius:2px}
.ksu-off .ksu-icon,.ksu-slot.ksu-off .ksu-icon{filter:grayscale(1) brightness(.45)}
.ksu-click{cursor:pointer}
.ksu-slot:hover{outline:1px solid #ffda6a;outline-offset:1px}
.ksu-tab{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#c9c3a8;text-shadow:0 1px 2px #000;pointer-events:none;text-align:center;line-height:1}
.ksu-btn.is-on .ksu-tab{color:#ffe08a}
.ksu-btn.is-on{filter:brightness(1.35) saturate(1.2)}
.ksu-btnlabel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#2a1a05;text-shadow:0 1px 0 rgba(255,230,160,.6);pointer-events:none}
.ksu-locked{color:#ff6b5b!important}
.ksu-sum{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ksu-sum span{display:flex;flex-direction:column;align-items:center;min-width:76px;padding:7px 10px;border:1px solid rgba(232,196,106,.28);border-radius:6px;background:rgba(0,0,0,.28)}
.ksu-sum em{font-style:normal;font-size:11px;color:#a89f86}
.ksu-sum b{font-size:18px;color:#ffda6a;line-height:1.2}
.ksu-tip{position:absolute;z-index:30;max-width:240px;padding:7px 9px;border:1px solid #6d5a2c;border-radius:4px;background:rgba(10,8,4,.94);color:#e9e2c8;font-size:12px;line-height:1.45;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.6)}
.ksu-tip b{color:#ffda6a}
.ksu-tip small{color:#8d8670}
.ksu-noicon{background:rgba(255,255,255,.06)}
.ksu-failed::after{content:"Skill arayüzü yüklenemedi.";grid-column:1/-1;color:#c9a}
@media (max-width:900px){.ksu{grid-template-columns:1fr}.ksu-col--tree{max-width:447px;margin:0 auto;width:100%}}
