/* Karakter Paketi: oyundaki karakter paketleme sisteminin (ENABLE_ACCOUNT_PACKAGE_SYSTEM) etkileşimli kopyası, Güvenli PC'nin
   altında. Çevre (giriş, adımlar, bölmeler, kurallar) secure-pc.css'in sınıflarını kullanır; oyun pencereleri istemci dokularıyla
   (assets/accountpkg) uiaccountpackage.py'deki konum ve ölçülerle çizilir. */
.acpkg-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.acpkg-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:12px;font-size:12px;color:#b4a4a5;min-height:30px}
.acpkg-chips{display:flex;gap:6px;flex-wrap:wrap}
.acpkg-chips button{padding:6px 10px;font-size:12px;color:#c9b8b9;background:#1b1516;border:1px solid #854b5040;cursor:pointer}
.acpkg-chips button[aria-pressed="true"]{color:#fff;border-color:#c56d75;background:#302021}
.acpkg-chips button:disabled{opacity:.35;cursor:not-allowed}
.acpkg-code{margin-left:auto;font-size:11px;color:#998a8b;white-space:nowrap}
.acpkg-code b{color:#ffd200;letter-spacing:1px;font-weight:600}
/* hesabın karakter yuvaları (oyunda 4) */
.acpkg-chars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px}
.acpkg-char{position:relative;display:flex;gap:7px;align-items:center;min-width:0;min-height:57px;padding:6px;border:1px solid #854b5033;background:#16100f}
.acpkg-char>span:last-child{min-width:0}
.acpkg-face{flex:0 0 43px;height:43px;background:url(assets/accountpkg/faces.webp?v=089) 0 0 no-repeat;box-shadow:0 0 0 1px #000,0 0 0 2px #5a4a3f}
.acpkg-char b{display:block;font-size:12px;font-weight:600;color:#e4dfe0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acpkg-char small{display:block;margin-top:2px;font-size:10px;color:#998a8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acpkg-badge{position:absolute;top:-8px;right:5px;padding:1px 6px;font-size:9px;font-style:normal;line-height:14px;letter-spacing:.04em;background:#302021;border:1px solid #c56d75;color:#fff;white-space:nowrap;max-width:calc(100% - 10px);overflow:hidden;text-overflow:ellipsis}
.acpkg-badge.is-guild{border-color:#8a7a3c;background:#2a2513;color:#f0dd8a}
.acpkg-badge.is-new{border-color:#4f8f62;background:#16261b;color:#9fe0b0}
.acpkg-char.is-playing{border-color:#c56d7599;background:linear-gradient(110deg,#2a1c1e,#16100f)}
.acpkg-char.is-empty{justify-content:center;border-style:dashed;border-color:#854b5040;background:none;color:#6f6263;font-size:11px;text-align:center}
.acpkg-char.is-filler{opacity:.75}
.acpkg-char.is-new{border-color:#4f8f62;animation:acpkgNew 1.8s ease-out}
.acpkg-char.is-out{animation:acpkgOut .7s ease-in forwards}
@keyframes acpkgNew{from{box-shadow:0 0 0 3px #83ea9e88;background:#1d3324}to{box-shadow:0 0 0 0 #83ea9e00}}
@keyframes acpkgOut{to{opacity:0;transform:scale(.92)}}
/* oyun alanı: envanter + eylemler + sohbet; pencereler bunun üstüne açılır */
.acpkg-game{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;align-items:start;min-height:252px}
.acpkg-game>.g-chat{grid-column:1/-1;margin-top:0;min-height:86px}
.acpkg-acts{display:grid;gap:6px;align-content:start;padding-top:2px}
.acpkg-acts p{margin:0 0 2px;font-size:11px;line-height:1.5;color:#998a8b}
.acpkg-acts button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:12px;text-align:left;color:#e4dfe0;background:#1b1516;border:1px solid #854b5055;cursor:pointer}
.acpkg-acts button:hover:not(:disabled){border-color:#c56d75;background:#302021}
.acpkg-acts button:disabled{opacity:.4;cursor:not-allowed}
.acpkg-acts kbd{flex:0 0 auto;min-width:22px;padding:1px 5px;font:600 10px/16px Tahoma,Verdana,sans-serif;text-align:center;color:#ffd200;border:1px solid #ffd20055;background:#000}
.acpkg-acts .is-give{margin-top:4px;border-color:#8a7a3c88;color:#f0dd8a}
.acpkg-note{margin:14px 0 0}
/* ---- oyun parçaları (secure-pc.css'in .g-win/.g-board/.g-title/.g-close/.g-btn/.g-chat/.g-modal sınıflarıyla) ---- */
.g-board>.ap-a{position:absolute}
.ap-a{position:absolute}
.ap-inv{width:192px;padding:31px 16px 13px}
.ap-grid{display:grid;grid-template-columns:repeat(5,32px);grid-auto-rows:32px;width:160px}
.ap-slot{position:relative;width:32px;height:32px;padding:0;border:0;margin:0;background:url(assets/accountpkg/ui.webp?v=089) 0 0 no-repeat;color:inherit;font:inherit}
.ap-slot>img{position:absolute;left:0;top:0;max-width:none;pointer-events:none}
button.ap-slot{cursor:pointer}
.ap-slot.is-hint::after{content:"";position:absolute;inset:-1px;border:1px solid #ffd200;box-shadow:0 0 8px #ffd20088;animation:acpkgPulse 1.4s ease-in-out infinite;pointer-events:none}
.ap-slot.is-locked>img{filter:brightness(.45)}
.ap-slot:focus-visible{outline:1px solid #ffd200;outline-offset:1px}
@keyframes acpkgPulse{50%{opacity:.25}}
.ap-num{position:absolute;right:1px;bottom:2px;display:flex;pointer-events:none}
.ap-num i{display:block;width:5px;height:7px;background:url(assets/accountpkg/digits.webp?v=089) 0 0 no-repeat}
.ap-thin{border:16px solid transparent;border-image:url(assets/accountpkg/thinboard.webp?v=089) 16 fill repeat}
.ap-hbar{height:17px;border-style:solid;border-width:0 32px;border-image:url(assets/accountpkg/hbar.webp?v=089) 0 32 fill repeat}
.ap-t{white-space:nowrap;unicode-bidi:plaintext}
.ap-fit{display:inline-block;white-space:nowrap;unicode-bidi:plaintext}
[data-fit]{transform-origin:0 50%}
.ap-fitc{transform-origin:50% 50%}
.ap-tc{text-align:center}
.ap-head{font:13px/17px Tahoma,Verdana,sans-serif;color:#e7dbb5}
.ap-lbtn{display:inline-flex;align-items:center;justify-content:center;width:88px;height:21px;padding:0 3px;border-style:solid;border-width:0 6px;border-image:url(assets/accountpkg/lbtn-01.webp?v=089) 0 6 fill stretch;background:none;color:#f0f0f0;font:inherit;white-space:nowrap;overflow:hidden;cursor:pointer;text-shadow:0 1px 0 #000}
.ap-lbtn:hover{border-image-source:url(assets/accountpkg/lbtn-02.webp?v=089)}
.ap-lbtn:active{border-image-source:url(assets/accountpkg/lbtn-03.webp?v=089)}
.ap-lbtn:focus-visible,.ap-row:focus-visible,.ap-tab:focus-visible{outline:1px solid #ffd200;outline-offset:1px}
/* Karakter Paketleme penceresi: oyunda 221x190 */
.ap-pack{width:221px;height:190px;padding:0}
.ap-list{left:8px;top:33px;width:204px;height:90px;overflow:hidden;padding-top:4px}
.ap-row{display:block;width:201px;height:17px;margin-left:2px;padding:0 4px;border:0;background:none;color:#f0f0f0;font:inherit;line-height:17px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.ap-row:hover{background:#ffffff33}
.ap-row[aria-selected="true"]{background:#0000804d}
.ap-info{left:10px;top:90px;color:#ff3333}
.ap-codebg{left:11px;top:127px;width:200px;height:18px;background:#00000088}
.ap-code{left:11px;top:127px;width:200px;height:18px;padding:0 4px;border:0;background:none;color:#fff;font:12px/18px Tahoma,Verdana,sans-serif;letter-spacing:2px;outline:0}
.ap-code:focus-visible{box-shadow:inset 0 0 0 1px #ffd20088}
/* soru penceresi (uiscript/questiondialog.py): 340x105, ileti y=38 ortada, düğmeler merkezden -40/+40, y=63 */
.ap-ask{width:340px;height:105px;padding:0}
.ap-ask .ap-msg{left:12px;right:12px;top:22px;height:32px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3;white-space:normal}
.ap-ask .g-btn{top:63px;width:61px;min-width:0}
/* Karakter Sandığı (önizleme): oyunda 481x565, sayfanın ortasında yüzer */
.ap-preview-wrap{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:10px;background:#050304b3;backdrop-filter:blur(2px)}
.ap-preview{width:481px;height:565px;padding:0;box-shadow:0 24px 60px #000c}
.ap-face{width:43px;height:43px;background:url(assets/accountpkg/faces.webp?v=089) 0 0 no-repeat}
.ap-ui{background:url(assets/accountpkg/ui.webp?v=089) 0 0 no-repeat}
.ap-skill{width:32px;height:32px;background:url(assets/accountpkg/skills.webp?v=089) 0 0 no-repeat}
.ap-sk{position:absolute;width:32px;height:32px;background:url(assets/accountpkg/ui.webp?v=089) 0 0 no-repeat}
.ap-sk>.ap-skill{position:absolute;left:0;top:0}
.ap-box{background:#000000cc}
.ap-red{font:bold 12px/15px Tahoma,Verdana,sans-serif;color:#e64d4d}
.ap-bold{font:bold 13px/17px Tahoma,Verdana,sans-serif}
.ap-equip{left:312px;top:33px;width:155px;height:187px;background:url(assets/accountpkg/envanter.webp?v=089) 0 0 no-repeat}
.ap-eslot{position:absolute}
.ap-eslot>img{position:absolute;left:0;top:0;max-width:none;pointer-events:none}
.ap-tab{position:absolute;top:223px;width:39px;height:19px;padding:0;border:0;background:url(assets/accountpkg/ui.webp?v=089) 0 0 no-repeat;color:#f0f0f0;font:inherit;line-height:19px;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000}
.ap-inven{left:312px;top:245px;width:160px;height:288px;display:grid;grid-template-columns:repeat(5,32px);grid-auto-rows:32px}
.ap-inven>.ap-slot{cursor:default}
.ap-mrow{position:absolute;left:2px;width:279px;height:21px}
.ap-mrow>span{position:absolute;top:2px;font:13px/17px Tahoma,Verdana,sans-serif;white-space:nowrap}
.ap-hover{cursor:help}
/* oyun ipucu (uiToolTip.ToolTip = ThinBoard; satır yüksekliği 17) */
.ap-tip{position:fixed;z-index:1300;min-width:190px;max-width:min(420px,calc(100vw - 16px));padding:4px 6px 6px;border:16px solid transparent;border-image:url(assets/accountpkg/thinboard.webp?v=089) 16 fill repeat;background:#000000a6 padding-box;backdrop-filter:blur(3px);font:12px/17px Tahoma,Verdana,"Segoe UI",sans-serif;color:#c2c2c2;text-align:center;pointer-events:none;box-sizing:border-box}
.ap-tip[hidden]{display:none}
.ap-tip>span{display:block;white-space:nowrap;unicode-bidi:plaintext}
.ap-tip>.ap-sp{height:5px}
.ap-tip .ap-l{color:inherit}
.ap-flyer{position:fixed;z-index:1250;width:32px;height:32px;pointer-events:none;transition:transform .9s cubic-bezier(.45,.05,.3,1);filter:drop-shadow(0 6px 10px #000)}
/* yeniden bağlanma örtüsü (d->DelayedDisconnect(3)) */
.acpkg-overlay{position:absolute;inset:-4px;z-index:6;display:grid;place-items:center;align-content:center;gap:10px;padding:18px;background:#0c070ae6;text-align:center}
.acpkg-overlay p{max-width:320px;margin:0;font-size:13px;line-height:1.6;color:#e4dfe0}
.acpkg-overlay b{font:600 28px/1 Georgia,"Times New Roman",serif;color:#ffd200}
/* pakete girenler / girmeyenler */
.acpkg-contents{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px;margin-top:18px}
.acpkg-contents>div{padding:14px 16px;border:1px solid #854b5033;background:#16100f}
.acpkg-contents h4{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c9a9ab}
.acpkg-contents ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.acpkg-contents li{position:relative;padding-left:18px;font-size:12px;line-height:1.55;color:#b4a4a5}
.acpkg-contents li::before{content:"✓";position:absolute;left:0;top:0;color:#83ea9e}
.acpkg-contents .is-out li::before{content:"–";color:#ff9a9a}

@media (max-width:1100px){.acpkg-stage{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
 .acpkg-chars{grid-template-columns:repeat(2,minmax(0,1fr))}
 .acpkg-game{grid-template-columns:minmax(0,1fr);justify-items:start}
 .acpkg-acts{width:100%}
 .acpkg-contents{grid-template-columns:minmax(0,1fr)}
 .acpkg-code{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
 .ap-slot.is-hint::after,.acpkg-char.is-new,.acpkg-char.is-out{animation:none}
 .ap-flyer{transition:none}
}