body[data-section="ekipmanlar"] { overflow-anchor: none; }
.equipment-workspace.equipment-workspace-empty { display: block; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.character-picker { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.character-choice { position: relative; display: flex; flex-direction: column; align-items: center; gap: 0; padding: 5px 5px 0; min-width: 0; border: 1px solid #87653d70; background: #e1cea52b; color: #4b351d; text-align: center; font: 19px Georgia, serif; transition: background .2s, border-color .2s, box-shadow .2s; }
.character-choice:hover { background: #efe0bb40; border-color: #906d40; }
.character-choice[aria-pressed="true"] { border-color: #855135; background: #ae865034; box-shadow: inset 0 -3px #8d432e; color: #753c28; }
.character-portraits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; width: 100%; max-width: 248px; }
.character-variant { position: relative; display: block; min-width: 0; overflow: hidden; aspect-ratio: 4 / 5; background: #28231d; }
.character-portrait { display: block; width: 100%; height: 100%; object-fit: cover; }
.character-choice-buffi{text-decoration:none}.character-choice-buffi .character-portraits{display:flex;justify-content:center}.character-choice-buffi .character-variant{width:calc((100% - 3px)/2)}
.character-choice-buffi .character-portrait{object-position:50% 20%;transform:scale(1.2);transform-origin:50% 20%}
.character-sex { position: absolute; inset: auto 0 0; padding: 17px 2px 5px; background: linear-gradient(transparent, #17130bd9); color: #eedbb2; font: 10px/1.4 'Segoe UI', Arial, sans-serif; text-align: center; }
.character-label { padding: 10px 0 12px; line-height: 1.25; }
.character-mark { position: absolute; right: 9px; top: 9px; display: grid; place-items: center; width: 19px; height: 19px; border: 1px solid #bf9860; border-radius: 50%; background: #713825; color: #f3dfb8; opacity: 0; transition: opacity .2s; }
.character-mark .icon { width: 12px; height: 12px; }
.character-choice[aria-pressed="true"] .character-mark { opacity: 1; }
.selection-hint { color: #765d3b; font-size: 12px; margin-top: 22px; }
.equipment-reveal { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 320ms cubic-bezier(.2,.65,.3,1), opacity 200ms ease; }
.equipment-reveal.is-open { grid-template-rows: 1fr; opacity: 1; }
.reveal-inner { min-height: 0; overflow: hidden; }
.character-content { padding-top: 28px; }
.equipment-type-group {margin:18px 0 23px;}
.equipment-type-group h3 {font:600 11px/1.4 'Segoe UI',Arial,sans-serif;text-transform:uppercase;letter-spacing:1.2px;color:#765b36;margin:0 0 10px;}
.equipment-type-picker {display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;}
.equipment-type-choice {position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;min-height:130px;padding:10px 8px 18px;border:1px solid #8a6a3f60;background:#a2844f16;color:#5a4327;transition:background .2s,border-color .2s;font:inherit;cursor:pointer;}
.equipment-type-choice:hover {background:#a4824c2e;border-color:#806037;}
.equipment-type-choice[aria-expanded="true"] {border-color:#885333;box-shadow:inset 0 -3px #82412b;background:#ac824c33;color:#733623;}
.type-image {height:60px;display:grid;place-items:center;margin-bottom:3px;}
.type-image img {width:52px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 3px #45301644);}
.type-image>.icon {width:29px;height:29px;opacity:.5;}
.type-image:has(img:not([hidden]))>.icon {display:none;}
.type-image img[hidden] {display:none;}
.type-name {font-size:12px;font-weight:600;line-height:1.4;}
.type-count {font-size:10px;color:#7b5e38;}
.type-arrow {position:absolute;bottom:2px;transform:rotate(90deg);transition:transform .2s;}
.type-arrow .icon {width:11px;height:11px;}
.equipment-type-choice[aria-expanded="true"] .type-arrow {transform:rotate(-90deg);}
.equipment-type-choice:focus-visible {outline:2px solid #8e472e;outline-offset:-4px;}
.equipment-type-group[aria-label="İç itemler"] .equipment-type-picker {grid-template-columns:repeat(4,minmax(0,1fr));}
.equipment-type-group[aria-label="İç itemler"] .equipment-type-choice {display:grid;grid-template-columns:40px 1fr;gap:2px 8px;min-height:85px;padding:10px 12px;text-align:left;}
.equipment-type-group[aria-label="İç itemler"] .type-image {grid-row:span 2;height:54px;margin:0;}
.equipment-type-group[aria-label="İç itemler"] .type-image img {width:40px;height:54px;}
.equipment-type-group[aria-label="İç itemler"] .type-name {align-self:end;}
.equipment-type-group[aria-label="İç itemler"] .type-count {align-self:start;}
.equipment-type-group[aria-label="İç itemler"] .type-arrow {right:7px;bottom:3px;}
@media(max-width:600px){.equipment-type-group[aria-label="İç itemler"] .equipment-type-picker{grid-template-columns:repeat(2,minmax(0,1fr));}}
.type-content {padding-top:24px;border-top:1px solid #8e6f434f;}
.equipment-type-items {grid-template-columns:repeat(3,minmax(0,1fr));}
.equipment-search {margin:17px 0;}
.equipment-feedback {font-size:12px;color:#765d3b;}
.equipment-feedback:empty {display:none;}
.equipment-load-actions {display:flex;justify-content:center;gap:10px;margin-top:18px;}
.equipment-load-actions .button[hidden],.equipment-search .button[hidden] {display:none;}
.equipment-load-actions button:disabled {opacity:.65;cursor:wait;}
@media(max-width:1000px){.equipment-type-items{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.equipment-type-items{grid-template-columns:1fr}.equipment-type-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.equipment-type-choice{padding-inline:4px}.type-name{font-size:11px}.type-content{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.equipment-type-choice,.type-arrow{transition:none}}
.set-picker { margin-bottom: 0; }
.set-picker > button {
  position: relative; display: flex; flex-direction: column; align-items: center;
  justify-content: flex-start; min-width: 0; padding: 8px 5px 20px;
  border: 1px solid #8a6a3f60; background: #a2844f16; color: #5a4327;
  text-align: center; font-size: 11px; font-weight: 600; line-height: 1.4;
  transition: background .2s, border-color .2s;
}
.set-picker > button:hover { background: #a4824c2e; border-color: #806037; }
.set-picker > button[aria-expanded="true"] { border-color: #885333; box-shadow: inset 0 -3px #82412b; background: #ac824c33; color: #733623; }
.set-image { height: 64px; margin-bottom: 7px; }
.set-image img { width: 32px; height: 64px; }
.set-arrow { position: absolute; bottom: 3px; left: calc(50% - 6px); transform: rotate(90deg); color: #8b6b3e; transition: transform .25s; }
.set-arrow .icon { width: 12px; height: 12px; }
.set-picker > button[aria-expanded="true"] .set-arrow { transform: rotate(-90deg); }
.set-content { padding-top: 25px; }
.equipment-heading h2 { font-size: 25px; }
.equipment-intro { margin: 8px 0 17px; font-size: 11px; }
.gear-groups { border-top: 1px solid #8e6f434f; }
.gear-group { border-bottom: 1px solid #8e6f434f; }
.gear-group h3 { font-family: 'Segoe UI', Arial, sans-serif; }
.gear-toggle { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 56px; padding: 14px 5px; background: transparent; border: 0; color: #4c351e; text-align: left; font-size: 13px; font-weight: 600; }
.gear-toggle > span { flex: 1; }
.gear-toggle small { color: #7e613c; font-size: 10px; font-weight: 400; }
.gear-toggle .icon { width: 15px; height: 15px; transform: rotate(90deg); transition: transform .25s; }
.gear-toggle[aria-expanded="true"] .icon { transform: rotate(-90deg); }
.gear-toggle:hover { color: #813c25; }
.gear-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; padding: 0 4px 17px; }
.gear-item { display: flex; align-items: center; gap: 16px; min-width: 0; min-height: 76px; padding: 8px 13px; background: #9b774019; border-left: 2px solid #9e78462b; margin-bottom: 7px; }
.gear-item img { flex: 0 0 40px; width: 40px; height: 60px; object-fit: contain; filter: drop-shadow(0 2px 3px #45301644); }
.gear-item > span { min-width: 0; }
.gear-item strong { display: block; font-size: 12px; font-weight: 600; color: #48311d; line-height: 1.5; }
.gear-item small { display: block; color: #7b5e38; font-size: 10px; margin-top: 4px; }
.gear-item.is-highlighted { border-left-color: #994a31; background: #9b774033; }
.character-choice:focus-visible, .set-picker > button:focus-visible, .gear-toggle:focus-visible { outline: 2px solid #8e472e; outline-offset: -4px; }
@media (max-width: 1200px) {
  .character-choice { font-size: 17px; }
}
@media (max-width: 1000px) {
  .character-picker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .character-choice { padding: 4px 4px 0; }
  .gear-list { gap: 0 12px; }
  .gear-item { padding-inline: 9px; gap: 10px; }
}
@media (max-width: 760px) {
  .set-picker > button { flex: 0 0 93px; }
  .character-choice { font-size: 17px; }
  .character-picker { gap: 9px; }
}
@media (max-width: 520px) {
  .character-picker { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .character-choice-buffi { grid-column:1/-1; }
  .character-choice { padding: 4px 4px 0; }
  .character-content { padding-top: 24px; }
  .set-content { padding-top: 20px; }
  .equipment-heading h2 { font-size: 23px; }
  .gear-list { grid-template-columns: 1fr; gap: 0; }
  .gear-item { gap: 15px; }
  .gear-toggle { min-height: 53px; }
}
@media (prefers-reduced-motion: reduce) {
  .equipment-reveal, .character-choice, .character-mark, .set-picker > button, .set-arrow, .gear-toggle .icon { transition: none; }
}