/* Source ESEN UI textures with responsive, accessible HTML controls. */
.classic-panel [data-bag-item],.classic-panel [data-bag-cell],.classic-panel [data-slot-cell]{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}
.classic-panel [data-bag-item] img,.classic-panel [data-bag-cell] img,.classic-panel [data-slot-cell] img{pointer-events:none;-webkit-user-drag:none}
.inventory-dragging,.inventory-dragging *{cursor:grabbing!important}
.classic-panel .drag-source{opacity:.35}
.classic-panel .drop-allowed{outline:1px solid #83b66d;outline-offset:-2px}
.classic-panel .drop-over{outline:2px solid #c4ff9d;outline-offset:-2px;background-color:#455b2c!important;box-shadow:inset 0 0 12px #a0cf6d66}
.classic-panel .drop-invalid{outline:2px solid #e08872;outline-offset:-2px}
.inventory-drag-ghost{position:fixed;left:0;top:0;width:48px;height:48px;z-index:10000;pointer-events:none;border:2px solid #efd492;background:#172113dd;box-shadow:0 5px 15px #0009;display:grid;place-items:center;color:#efd492;will-change:transform}
.inventory-drag-ghost img{width:44px;height:44px;object-fit:contain}
#run-toggle{position:fixed;left:24px;bottom:151px;z-index:12;background:#211d13;border:1px solid #a78c51;color:#eddfae;padding:7px 14px;font-size:12px}
header nav{gap:3px}header nav button{padding:7px;font-size:11px}
.classic-panel{width:405px;max-width:calc(100vw - 20px);top:85px;right:24px;bottom:auto;max-height:calc(100dvh - 120px);border:1px solid #b29352;border-radius:12px 2px 8px 2px;background:linear-gradient(110deg,#131510ee,#090d0aee);box-shadow:0 0 0 3px #302b1e,0 12px 50px #000b;color:#e1d6b9;font:12px Georgia,serif;backdrop-filter:blur(8px);display:flex;flex-direction:column;overflow:hidden}
.classic-panel[hidden]{display:none}.classic-panel .drawer-heading{flex:none;cursor:move;min-height:66px;padding:14px 18px 8px;border-bottom:1px solid #b29352;background:linear-gradient(90deg,#15171055,#111a),url('assets/character/inventory.png') -163px 0/512px 512px no-repeat}
.classic-panel .drawer-heading h2{font-size:21px;line-height:1.2;color:#f4e1a9}.classic-panel #panel-eyebrow{font-size:9px;letter-spacing:1px}.classic-panel #close-panel{color:#e5c67c;background:#292c25;border:1px solid #aa8d4c;border-radius:50%;width:25px;height:25px;padding:0}
.classic-panel #panel-body{padding:12px 15px 16px;min-height:0;overflow:auto;scrollbar-color:#826b3e #13150f;scrollbar-width:thin}.classic-panel p{font-size:12px;line-height:1.5;color:#c8c2aa;margin:7px 0}.classic-panel button{font-family:Georgia,serif;color:#e4d7aa;border:1px solid #927741;border-radius:2px;background:linear-gradient(#4d5038,#22271e);padding:6px 10px;font-size:12px}.classic-panel button:disabled{opacity:.38;cursor:not-allowed}.classic-panel button:not(:disabled):hover{border-color:#ffdc7c;filter:brightness(1.2)}.classic-panel button:focus-visible{outline:2px solid #ffe99b;outline-offset:2px}
.classic-summary{display:flex;flex-direction:column;text-align:center;gap:6px;padding:8px;border-bottom:1px solid #746139}.classic-summary strong{font-size:19px;color:#f3df9d}.classic-summary span{font-size:11px}
.classic-values{display:grid;grid-template-columns:1fr 1.3fr;margin-top:10px}.classic-values>*{padding:7px 5px;border-bottom:1px solid #5a5030}.classic-values b{text-align:right;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#cbd4b5}
.point-total{display:flex;align-items:center;justify-content:space-between;background:#323321;border:1px solid #8c7946;padding:8px 10px;margin:10px 0;color:#ffe398;font-size:14px}.point-total strong{font:700 18px Arial,sans-serif;color:#90d09f}
.stat-row{display:grid;grid-template-columns:1fr 40px 28px;align-items:center;gap:9px;padding:7px 6px;border-bottom:1px solid #645637}.stat-row small{font:10px Arial,sans-serif;color:#938d72;margin-left:6px}.stat-row b{text-align:right;color:#d9dfc3}.classic-panel .point-button{width:25px;height:22px;padding:0;font:bold 19px/19px Georgia,serif;background:linear-gradient(#dcc786,#5c6339);color:#3d230a;border:1px solid #bda263}
.classic-wide{width:100%;margin-top:10px}.classic-help{font-size:11px!important;color:#b2a786!important}
.classic-help.caution{color:#e0c07a!important}
.classic-help.warning{color:#f0a48c!important;border-left:2px solid #a8503c;padding-left:6px}
.equipment-layout{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:15px;min-height:246px}.paperdoll{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#6b71513a,transparent 72%);border:1px solid #867143;border-radius:60px 2px 2px 2px;overflow:hidden}.paperdoll span{font-size:12px;color:#e6cf83}.paperdoll small{color:#aca68f;font-size:10px}
.paperdoll-view{width:100%;height:180px;touch-action:none;cursor:grab;outline-offset:-3px}.paperdoll-view:active{cursor:grabbing}.paperdoll-view canvas{display:block;width:100%;height:100%}.paperdoll-view:focus-visible{outline:2px solid #e6cf83}.paperdoll-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));width:100%;gap:2px;padding:3px}.paperdoll-controls button{min-width:44px;min-height:44px;padding:0;font-size:18px}.paperdoll-zoom{display:block;width:100%;min-height:32px;margin:0;padding:3px 8px;accent-color:#e6cf83}
@media(orientation:landscape) and (max-height:500px){.paperdoll-view{height:130px}}
.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-content:center}.classic-panel .equipment-slot{width:51px;height:45px;padding:2px;position:relative;background:#111c url('assets/character/equipment.png') calc(-340px + var(--slot-x)) calc(-15px + var(--slot-y))/512px 512px no-repeat;border:1px solid #9f8445}.classic-panel .equipment-slot img{width:100%;height:100%;object-fit:contain}.classic-panel .equipment-slot.occupied{background:#1b2116}.classic-panel .equipment-slot.reserved{background:#25140b;opacity:.4}.classic-panel .equipment-slot.selected{border-color:#ffe886;box-shadow:0 0 6px #d4b860}.classic-panel .equipment-slot.broken,.classic-panel .bag-slot.broken{filter:sepia(1) hue-rotate(-30deg) saturate(2);outline:1px solid #c96040;outline-offset:-2px;background:#24100d}.classic-panel .equipment-slot.broken::after,.classic-panel .bag-slot.broken::after{content:'KIRIK';position:absolute;left:2px;right:2px;bottom:5px;z-index:2;background:#7d261b;color:#ffd1b8;border:1px solid #d36d54;font:bold 8px Arial,sans-serif;line-height:11px;text-align:center;text-shadow:1px 1px #000;pointer-events:none}
.bag-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 2px;border-bottom:1px solid #8b723a;margin:10px 0 6px;font-size:11px}.weight-info{display:flex;align-items:center;gap:5px}.weight-bar{display:inline-block;width:50px;height:6px;background:#2a2a18;border:1px solid #5a5030;border-radius:2px;position:relative;overflow:hidden}.weight-bar::after{content:'';position:absolute;inset:0;width:var(--w,0%);background:var(--wc,#83b66d);transition:width .3s}.bag-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.classic-panel .bag-slot{aspect-ratio:1;position:relative;background:linear-gradient(140deg,#181f14,#070d08);border:1px solid #a48e51;box-shadow:inset 0 0 0 1px #353b24;padding:3px;min-width:0;border-radius:0}.classic-panel .bag-slot.empty{background:#0c120d;border-color:#4a3d28;box-shadow:none;cursor:default}.bag-slot img{width:100%;height:100%;object-fit:contain}.bag-slot b{position:absolute;bottom:0;right:2px;color:white;font:10px Arial;text-shadow:1px 1px #000}.bag-slot em{position:absolute;top:0;right:2px;color:#ffe490;font:bold 9px Arial;font-style:normal;text-shadow:1px 1px #000}.classic-panel .bag-slot.selected{border-color:#ffe886;box-shadow:0 0 4px #d4b860}.item-inspector{min-height:86px;background:#080c09bb;border:1px solid #74613b;margin-top:10px;padding:10px}.item-inspector strong{color:#b8de94}.item-inspector p{font-size:11px!important}.broken-note{color:#c96040!important}.inventory-services{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.inventory-services button{font-size:10px;padding:5px 8px}
.dur-bar{display:block;width:100%;height:4px;background:#1a2018;border-top:1px solid #000;border-radius:1px;position:absolute;bottom:0;left:0;overflow:hidden}.dur-bar::after{content:'';display:block;height:100%;width:var(--dur,100%);background:var(--dur-color,#83b66d);box-shadow:0 0 5px var(--dur-color,#83b66d);transition:width .3s}
.overflow-notice{margin-top:10px;background:#1a0d09;border:1px solid #8b4a30;padding:10px}.overflow-notice strong{color:#e08872;font-size:12px}.overflow-notice p{font-size:11px!important;color:#c99772!important}.overflow-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #3a2515}.overflow-item span{font-size:11px;color:#d0c8b0}.overflow-item button{font-size:10px;padding:3px 8px}
.skill-ranks{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.skill-ranks>div{display:grid;grid-template-columns:1fr 24px 25px;align-items:center;border-bottom:1px solid #735f3b;padding:5px 0;gap:5px}.skill-ranks b{text-align:right;color:#bbc896}.skill-ranks span{font-size:11px}.promotion-note{font-size:11px;line-height:1.5;padding:8px 0;color:#bbad82}.promotion-note button{display:block;margin:5px auto 0;width:100%;font-size:11px}.skill-mode-tabs,.skill-tabs{display:flex;gap:2px;margin:10px 0 0;border-bottom:1px solid #9a804b}.skill-mode-tabs{border:1px solid #6e5d39;background:#10170f;padding:2px}.classic-panel .skill-mode-tabs button,.classic-panel .skill-tabs button{flex:1;font-size:10px;padding:7px 2px;border-radius:5px 5px 0 0;background:linear-gradient(#676344,#302f1f)}.classic-panel .skill-mode-tabs button{border-radius:2px}.classic-panel .skill-mode-tabs [aria-selected=true],.classic-panel .skill-tabs [aria-selected=true]{color:#fff3bf;background:linear-gradient(#ac9057,#585035);border-bottom:1px solid #e5cc86}
.skill-book{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;min-height:198px;padding:13px 0}.classic-panel .book-skill{border:0;background:none;display:flex;gap:7px;align-items:center;text-align:left;padding:0;min-width:0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.book-icon{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:2px;border:2px ridge #9d8858;background:#0d150c;user-select:none}.book-icon img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;user-select:none}.book-skill strong{display:block;font-weight:normal;font-size:11px;overflow-wrap:anywhere}.book-skill small{display:block;font:10px Arial;color:#aab193;margin-top:4px}.book-skill.locked .book-icon{filter:grayscale(1);opacity:.55}.classic-panel .book-skill.selected .book-icon{border-color:#ffdf7c;box-shadow:0 0 5px #b69c5b}.book-pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin:7px 0;font-size:12px}.classic-panel .book-pagination button{padding:2px 12px}.skill-description{min-height:126px;background:#080d09aa;border:1px solid #99804a;padding:12px}.skill-description>strong{color:#ddd193;font-size:15px}.skill-description small{font:10px Arial;line-height:1.7;color:#a9baa1}.skill-description .skill-lock{color:#c99772;font-size:11px}
.buff-book{display:grid;gap:7px;min-height:282px;padding:11px 0}.buff-row{display:grid;grid-template-columns:44px minmax(0,1fr) 93px;align-items:center;gap:8px;padding:7px;background:#080d09aa;border:1px solid #5c4d31;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.buff-row.active{border-color:#a0c47b;background:#15220f}.buff-row.locked{opacity:.72}.buff-row.locked .book-icon{filter:grayscale(1);opacity:.55}.buff-main{min-width:0}.buff-main strong{display:block;font-weight:normal;font-size:12px;color:#ddd193;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buff-main small{display:block;margin-top:4px;font:10px/1.45 Arial,sans-serif;color:#aebc9f;overflow-wrap:anywhere}.buff-main .skill-lock{margin:4px 0 0;color:#c99772;font-size:10px!important}.buff-actions{display:grid;gap:4px}.classic-panel .buff-actions button{width:100%;padding:5px 4px;font-size:10px;line-height:1.1}.classic-panel .buff-actions [aria-pressed=true]{border-color:#d9bf74;background:linear-gradient(#77713e,#3a4a27);color:#fff2b9}
#buff-strip{position:fixed;z-index:11;top:198px;left:50%;transform:translateX(-50%);display:flex;gap:5px;align-items:center;justify-content:center;max-width:min(540px,calc(100vw - 340px));pointer-events:none;flex-wrap:wrap}#buff-strip[hidden]{display:none}.buff-pill{display:flex;align-items:center;gap:6px;min-width:0;max-width:166px;height:28px;padding:4px 8px;background:#10170fdd;border:1px solid #a39158aa;box-shadow:0 8px 24px #0005;color:#e8dcae;font:11px Georgia,serif;pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none}.buff-pill:hover{border-color:#e8dcae}.buff-pill b{font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buff-pill small{flex:none;font:10px Arial,sans-serif;letter-spacing:0;color:#a9d08d}
@media(max-width:700px){header nav{max-width:65vw;overflow-x:auto;justify-content:flex-start}header nav button{white-space:nowrap;flex:none;font-size:10px;padding:8px 5px}.classic-panel{top:64px!important;left:10px!important;right:10px!important;width:auto;max-width:none;max-height:calc(100dvh - 78px)}.classic-panel .drawer-heading{cursor:default}.classic-panel #panel-body{padding:10px}.equipment-layout{gap:8px;grid-template-columns:1fr 155px}.equipment-grid{gap:3px}.classic-panel .equipment-slot{width:48px;height:44px}.paperdoll img{max-width:100%}.skill-book{gap:10px 6px}.book-icon{width:38px;height:38px}.book-skill strong{font-size:10px}.buff-row{grid-template-columns:38px minmax(0,1fr);align-items:start}.buff-row .buff-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.classic-panel .skill-mode-tabs button,.classic-panel .skill-tabs button{font-size:9px}#run-toggle{left:12px;bottom:132px;font-size:11px;padding:6px 10px}#buff-strip{top:288px;max-width:calc(100vw - 24px)}.buff-pill{max-width:142px;height:25px;font-size:10px}}
.split-form{display:flex;align-items:center;gap:5px;margin-top:8px;flex-wrap:wrap}.split-form select,.split-form input{background:#111c13;border:1px solid #927741;color:#e4d7aa;padding:4px 6px;font:11px Georgia,serif;border-radius:2px}.split-form input{width:60px}.split-form button{font-size:11px;padding:4px 10px}.split-no-room{color:#c99772;font-size:11px!important;margin-top:4px}
/* Onarım bölümü (NPC diyaloğunda) */
.repair-section{margin-top:14px;border-top:1px solid #6b5630;padding-top:10px}.repair-heading{font-size:13px;color:#d4b860;margin:0 0 6px;font-weight:normal;letter-spacing:.5px}.repair-note{font-size:11px;color:#a09070;margin:0 0 8px}.repair-empty{font-size:11px;color:#8a8268;margin:4px 0}.repair-result{background:#182313;border:1px solid #63844b;color:#d8efbd!important;padding:6px 8px}.repair-item{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid #3a3020}.repair-item:last-child{border-bottom:none}.repair-broken{background:#1a0e0e;border-radius:3px;padding:6px 8px}.repair-name{flex:1;font-size:11px;color:#d8ceb0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repair-broken .repair-name{color:#d07060}.repair-dur{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;width:74px;height:14px;padding-right:3px;background:#171c13;border:1px solid #51472b;font:bold 10px Arial,sans-serif;color:#eadfbf;text-shadow:1px 1px #000;overflow:hidden}.repair-dur i{position:absolute;inset:0 auto 0 0;width:var(--repair-dur,0%);background:var(--repair-color,#83b66d)}.repair-dur>*{pointer-events:none}.repair-btn{font-size:11px;padding:4px 10px;flex:none}
/* Kırık eşya HUD uyarısı */
.equip-broken-badge{display:inline-block;background:#8b2f20;color:#f0c0a0;font:bold 10px Arial,sans-serif;padding:2px 7px;border-radius:2px;margin-left:6px;vertical-align:middle;border:1px solid #c96040}

.potion-at{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1px;color:#bcb899}
.potion-at select{width:auto;margin:0;padding:6px 8px;font-size:11px}

/* Holding + must not be taken for a scroll, a selection or a long-press menu. */
button[data-stat]{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}

button[data-skill-point]{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
/* Buff timers sit at the top, not in the middle of the screen (user request, 13 Sep). */
#buff-strip{top:88px!important}   /* 28px tall, so it ends above the target panel at 117px */
@media(max-width:600px){#buff-strip{top:98px!important;left:12px!important;right:140px!important;transform:none!important;justify-content:flex-start!important;max-width:none!important}}

/* The original item window (item-tooltip.js, UIImageTooltipDlg colours). */
.item-tip{font:11px/1.45 Arial,sans-serif;color:#e8e4d6;display:grid;gap:1px}.item-tip.loading{color:#9a9580}
.tip-name{font-weight:bold;text-align:center;font-size:12px;margin-bottom:2px}.tip-general{color:#fff}.tip-magic{color:#7fb2ff}.tip-lair{color:#f2dd55}.tip-craft{color:#7fd67a}.tip-unique{color:#e8b84a}.tip-upgrade{color:#efe6c8}
.tip-center{text-align:center}.tip-red{color:#e25b4f}.tip-bonus{color:#9fdc7a}.tip-resist{color:#7fd67a}.tip-muted{color:#9a9580;font-style:italic}
.item-tip-details{margin:4px 0}.item-tip-details summary{cursor:pointer;font-size:11px;color:#d5c58a}.item-tip-details .item-tip{background:#080c09cc;border:1px solid #74613b;padding:6px 8px;margin-top:4px}

/* Bag controls stay reachable on narrow screens. */
.bag-toolbar{flex-wrap:wrap;gap:6px}.item-inspector{scroll-margin-block:8px}

/* AFK controls must wrap inside narrow inventory windows. */
#panel .bag-toolbar{flex-wrap:wrap;gap:6px}

/* The always-sell list in the bag: the player's own standing instruction, reviewable and removable. */
.sell-list{margin:10px 0;padding:8px 10px;border:1px solid #9d8c5855;border-radius:4px;background:#12180f88}
.sell-head{display:block;width:100%;text-align:left;font-size:11px;letter-spacing:.5px;color:#d8c690;padding:2px 0!important;border:0!important;background:none!important;min-height:0!important;cursor:pointer}
.sell-head[aria-expanded="true"]{margin-bottom:6px}
.sell-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:2px 0}
.sell-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sell-row span.unnamed{color:#9aa590;font-style:italic}
.sell-row button{padding:2px 8px;font-size:11px;min-height:0}
.priest-settings{margin:16px 0;padding:12px;border:1px solid #8d7751;border-radius:6px;background:rgba(31,34,28,.75)}
.priest-settings h3{margin:0 0 4px;color:#e7cf91}
.priest-settings p{margin:0 0 10px;font-size:.82rem;color:#c7c1ab}
.priest-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.priest-settings-grid label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.84rem}
.priest-settings-grid select{max-width:110px;min-width:74px}
.priest-settings-grid button,.priest-buff-types button{font-size:.82rem}
.priest-buff-types{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.priest-buff-types strong{width:100%;font-size:.85rem}
.priest-skill-settings{margin-top:14px}
.priest-skill-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 6px}
.priest-skill-heading strong{color:#e7cf91}
.priest-skill-heading button{font-size:.78rem}
.priest-skill-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px}
.priest-skill-rows>label,.priest-group-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;font-size:.82rem}
.priest-skill-rows>label span,.priest-group-row strong{min-width:0;overflow-wrap:anywhere;font-weight:normal}
.priest-skill-rows select{min-width:76px;max-width:115px}
.priest-group-row{flex-wrap:wrap;border:1px solid #665b43;border-radius:4px;padding:6px}
.priest-group-row strong{width:100%}
.priest-group-row label{display:flex;align-items:center;gap:4px}
@media(max-width:480px){.priest-skill-rows{grid-template-columns:1fr}.priest-skill-rows select{max-width:140px}}

.classic-panel .paperdoll-motion{width:100%;min-height:32px;padding:4px;font-size:11px}

/* KnightLive request feedback: no speculative item move, cast or damage. */
.bag-slot:active,.equipment-slot:active,.hotkey-slot:active,.input-pressed {filter:brightness(1.3);outline:2px solid #e5cf8a;outline-offset:-3px}
.input-pending {position:relative;outline:2px solid #e5cf8a;outline-offset:-3px}
.input-pending::after {content:"…";position:absolute;right:2px;bottom:2px;min-width:14px;height:14px;line-height:10px;color:#fff3c3;background:#332d21;border:1px solid #c3ab68;border-radius:2px;font-weight:bold;pointer-events:none}