/* Oyuncu tekniği penceresi (player-skills-ui.js) */
.ps-modal{display:grid;place-items:center}
.ps-wrap{position:relative;width:min(1080px,97vw);max-height:95vh;display:flex;flex-direction:column;padding:46px 18px 16px;border-radius:18px;background:linear-gradient(180deg,#2196f0,#0b5cb5);border:3px solid #c4e6ff;box-shadow:0 18px 50px #000c,inset 0 0 0 2px #0a4a92;color:#fff;font-family:Arial,sans-serif}
.ps-title{position:absolute;left:50%;top:-22px;transform:translateX(-50%);padding:8px 46px;border-radius:26px;background:linear-gradient(#3fb3ff,#1167c9);border:3px solid #0d2a52;box-shadow:0 0 0 3px #fff inset;font:900 30px Arial;color:#ffc93a;-webkit-text-stroke:2px #7a1400;paint-order:stroke fill;text-shadow:0 3px 0 #5a0d00;white-space:nowrap}
.ps-close{position:absolute;right:-14px;top:-14px;width:56px;height:56px;padding:0;border:0;background:none;cursor:pointer}.ps-close img{width:100%}
.ps-tools{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-bottom:8px}.ps-tools span{margin-right:auto;font:800 13px Arial;color:#dff1ff}
.ps-tools button{padding:0;border:0;background:none;cursor:pointer;height:38px}.ps-tools img{height:100%}.ps-tools button:hover{filter:brightness(1.15)}
.ps-body{display:grid;grid-template-columns:1fr 330px;gap:12px;min-height:0;flex:1}
.ps-list{max-height:min(560px,66vh);overflow-y:auto;padding:8px;border-radius:12px;background:linear-gradient(#0e3570,#0a2551);border:2px solid #5fb2ff;scrollbar-color:#ffc21a #6b5410;scrollbar-width:auto}
.ps-list::-webkit-scrollbar{width:14px}.ps-list::-webkit-scrollbar-track{background:#7a5c0e;border:2px solid #ffc21a;border-radius:4px}.ps-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ffe063,#ffa806);border-radius:4px;border:1px solid #a86a00}
.ps-row{display:grid;grid-template-columns:96px repeat(5,72px) 1fr;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #ffffff1c;border-radius:8px}
.ps-row.sel{background:#ffffff12;box-shadow:inset 0 0 0 2px #4be36c}
.ps-who{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;background:none;color:#fff;cursor:pointer;font:800 11px Arial}
.ps-who b{max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-face{position:relative;display:block;width:64px;height:52px;overflow:hidden;border-radius:8px;background:radial-gradient(#3a5a8a,#132544);border:2px solid #7fb8ff}
.ps-face .portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.ps-face.ps-empty{display:grid;place-items:center;font:900 26px Arial;color:#9fd0ff;border-style:dashed}
.ps-face.big{width:120px;height:92px}.ps-face.sm{width:46px;height:38px;flex:none}
.ps-slot{position:relative;width:72px;height:72px;padding:0;border:0;border-radius:10px;background:#0a1a33;overflow:visible;display:block}
.ps-slot img{width:100%;height:100%;display:block;border-radius:10px}
button.ps-slot{cursor:pointer;transition:transform .12s}button.ps-slot:hover{transform:scale(1.08)}button.ps-slot.on{box-shadow:0 0 0 3px #fff,0 0 16px #7fd0ff}
.ps-slot small{position:absolute;left:-4px;right:-4px;bottom:-15px;font:800 10px Arial;text-align:center;color:#ffd166;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}
.ps-locked img{opacity:.95}.ps-locked em{position:absolute;left:0;right:0;bottom:3px;text-align:center;font:900 12px Arial;font-style:normal;color:#ffd166;text-shadow:0 1px 3px #000}
.ps-open{border:2px dashed #5f8fc9}.ps-open em{position:absolute;inset:0;display:grid;place-items:center;font:900 26px Arial;font-style:normal;color:#9fd0ff}
.ps-renew{justify-self:end;height:34px;padding:0;border:0;background:none;cursor:pointer}.ps-renew img{height:100%}.ps-renew:disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed}
.ps-info{padding:14px;border-radius:12px;background:linear-gradient(#0e3570,#0a2551);border:2px solid #5fb2ff;overflow-y:auto;max-height:min(560px,66vh);font:600 13px/1.45 Arial;color:#dcecff}
.ps-info h3{margin:0 0 10px;font:900 17px Arial;color:#ffd166}
.ps-hero{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;text-align:center;font:800 14px Arial;color:#cfe3ff}.ps-hero b{color:#fff}
.ps-detail{display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:center}.ps-detail-icon{width:76px;height:76px;border-radius:10px}
.ps-detail dl{display:grid;grid-template-columns:auto 1fr;gap:6px 8px;margin:0;align-items:center}.ps-detail dt{font:900 12px Arial;color:#fff}.ps-detail dd{margin:0;padding:3px 8px;border-radius:6px;background:#06152e;border:1px solid #2f5f99;font:800 12px Arial;text-align:center}
.ps-desc{margin-top:12px;padding:10px;border-radius:8px;background:#06152e;border:1px solid #2f5f99;color:#fff}
.ps-t.blue{color:#6fc0ff}.ps-t.purple{color:#d58bff}.ps-t.orange{color:#ffae3d}.ps-t.red{color:#ff5a4f}
.ps-rules{margin:0;padding-left:18px}.ps-rules li{margin-bottom:8px}
.ps-all-row{display:flex;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #ffffff1a}.ps-all-row img{width:52px;height:52px;border-radius:8px;flex:none}
.ps-all-row b{color:#fff}.ps-all-row small{color:#9fc3ee}.ps-all-row p{margin:4px 0 0;display:flex;flex-direction:column;gap:1px;font-size:12px}
.ps-pick{display:flex;flex-direction:column;gap:6px}.ps-pick-btn{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:8px;border:1px solid #2f5f99;background:#06152e;color:#fff;cursor:pointer;text-align:left}.ps-pick-btn b{flex:1;font:800 13px Arial}.ps-pick-btn small{color:#9fc3ee}.ps-pick-btn.on,.ps-pick-btn:hover{border-color:#4be36c;background:#0d2a1c}
.ps-clear{margin-top:10px;width:100%;padding:8px;border-radius:8px;border:1px solid #ff8a7a;background:#4a1010;color:#fff;font:800 13px Arial;cursor:pointer}
/* Açılır kartlardaki SKILLS bölümü */
.ps-pop{display:flex;gap:5px;flex-wrap:wrap}.ps-chip{width:38px;height:38px;display:block}.ps-chip img{width:100%;height:100%;border-radius:6px}.ps-none{font:700 11px Arial;color:#8fa6c4}
@media(max-width:860px){.ps-body{grid-template-columns:1fr}.ps-row{grid-template-columns:70px repeat(5,48px) 1fr;gap:5px}.ps-slot{width:48px;height:48px}.ps-face{width:48px;height:40px}.ps-title{font-size:22px}}
.pd-skills .ps-chip{width:46px;height:46px}
/* Skills ekranı içindekilerle birlikte %18 daha büyük (ekrana sığacak şekilde) */
.ps-modal .ps-wrap{zoom:1.18;width:min(1080px,calc(97vw / 1.18));max-height:calc(95vh / 1.18)}
/* Skill bilgi penceresi */
.ps-tip{position:fixed;z-index:400;width:240px;padding:10px 12px;border-radius:10px;background:linear-gradient(160deg,#16253af7,#0a1322fa);border:1px solid #6fc3ff99;box-shadow:0 8px 22px #000c;color:#e6f1ff;font:12px/1.4 Arial,sans-serif;pointer-events:none}
.ps-tip>*{margin:0;display:block}
.ps-tip b{font:900 14px Arial}
.ps-tip small{color:#9fb8d4;margin:2px 0 6px;font-size:11px}
.ps-tip p{padding:6px 0;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;font-weight:700}
.ps-tip em{margin-top:6px;font-style:normal;font-size:10.5px;color:#8fa6c2}
[data-ps]{cursor:help}
.ps-tip small{margin:2px 0 6px!important;line-height:1.3!important}
.ps-tip p{margin:0!important;line-height:1.4!important}
.ps-tip em{margin:6px 0 0!important;line-height:1.35!important}
.ps-renew{height:48px!important}.ps-renew:not(:disabled):hover{filter:brightness(1.12)}