/* Güvenli PC: oyundaki Güvenli Cihaz penceresinin etkileşimli kopyası (#sistemler altında). Oyun parçaları istemci dokularıyla
   (assets/securepc), çevresi sitenin teması. */
.securepc{margin-top:64px;padding-top:56px;border-top:1px solid #854b5033;scroll-margin-top:110px}
.securepc-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 48px;align-items:end;margin-bottom:28px}
.securepc-intro h3{font:clamp(22px,2.4vw,30px)/1.2 Georgia,"Times New Roman",serif;color:#e9d4c1;margin:8px 0 0}
.securepc-intro p{font-size:13px;line-height:1.75;color:#b4a4a5;margin:0 0 8px}
.securepc-steps{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:spc}
.securepc-steps li{counter-increment:spc;position:relative;padding:14px 14px 14px 46px;border:1px solid #854b5033;background:#1b1516;transition:border-color .2s,background .2s}
.securepc-steps li::before{content:counter(spc);position:absolute;left:14px;top:14px;width:22px;height:22px;border-radius:50%;border:1px solid #854b5080;display:grid;place-items:center;font-size:11px;color:#c9a9ab}
.securepc-steps b{display:block;font-size:13px;color:#e4dfe0;margin-bottom:4px}
.securepc-steps span{font-size:11px;line-height:1.55;color:#998a8b}
.securepc-steps li.is-current{border-color:#c56d75;background:linear-gradient(110deg,#302021,#1b1516)}
.securepc-steps li.is-current::before{border-color:#df202c;color:#fff;background:#df202c}
.securepc-steps li.is-done::before{content:"✓";border-color:#4f8f62;color:#83ea9e}
.securepc-steps li.is-done b{color:#cfe9d6}
.securepc-stage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:18px;align-items:start}
.securepc-pane{min-width:0;border:1px solid #854b5040;background:linear-gradient(160deg,#1d1517,#120c0e);padding:16px}
.securepc-pane>.micro-label{margin-bottom:12px}
.securepc-screen{position:relative;container-type:inline-size;min-width:0}
.securepc-personas{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.securepc-personas button{flex:1 1 auto;padding:8px 10px;font-size:12px;color:#c9b8b9;background:#1b1516;border:1px solid #854b5040;cursor:pointer}
.securepc-personas button[aria-selected="true"]{color:#fff;border-color:#c56d75;background:#302021}
.securepc-note{margin:12px 0 0;font-size:12px;line-height:1.6;color:#b4a4a5;min-height:1.6em}
.securepc-note.is-warn{color:#ff9a9a}
.securepc-note.is-ok{color:#9fe0b0}
.securepc-note b{color:#fff;font-weight:600}
.securepc-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:18px;background:#0c070acc;backdrop-filter:blur(2px);text-align:center}
.securepc-overlay p{max-width:330px;font-size:13px;line-height:1.6;color:#e4dfe0;margin:0 0 12px}
.securepc-rules{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.securepc-rules li{padding:12px 14px;border-left:2px solid #854b50;background:#16100f;font-size:12px;line-height:1.55;color:#b4a4a5}
.securepc-foot{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:16px;flex-wrap:wrap}
.securepc-foot .fine-print{margin:0}

/* ---- oyun parçaları ---- */
.g-win{position:relative;font:12px/1.25 Tahoma,Verdana,"Segoe UI",sans-serif;color:#e6e6e6;text-align:left;user-select:none;-webkit-user-select:none}
.g-win *{box-sizing:border-box}
.g-board{position:relative;padding:31px 14px 12px}
.g-board::before{content:"";position:absolute;inset:0;border:32px solid transparent;border-image:url(assets/securepc/board.webp?v=088) 32 fill repeat;pointer-events:none}
.g-board>*{position:relative}
.g-title{position:absolute;left:8px;right:7px;top:7px;height:23px;border-style:solid;border-width:0 32px;border-image:url(assets/securepc/titlebar.webp?v=088) 0 32 fill repeat;text-align:center;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
.g-board>.g-title{position:absolute}
/* oyunda kapatma düğmesi başlık çubuğunun sağından 3, üstünden 3 piksel; çubuğun 32'lik sağ kenarlığı içinde durur */
.g-close{position:absolute;right:-29px;top:3px;width:15px;height:15px;border:0;padding:0;background:url(assets/securepc/ui.webp?v=088) 0 0;cursor:pointer}
.g-close:hover{background-position:-15px 0}.g-close:active{background-position:-30px 0}
.g-btn{display:inline-flex;align-items:center;justify-content:center;min-width:61px;height:21px;padding:0 3px;border-style:solid;border-width:0 6px;border-image:url(assets/securepc/btn-01.webp?v=088) 0 6 fill stretch;background:none;color:#f0f0f0;font:inherit;white-space:nowrap;cursor:pointer;text-shadow:0 1px 0 #000}
.g-btn:hover{border-image-source:url(assets/securepc/btn-02.webp?v=088)}
.g-btn:active{border-image-source:url(assets/securepc/btn-03.webp?v=088)}
.g-btn:focus-visible,.g-row:focus-visible,.g-check:focus-visible,.g-close:focus-visible{outline:1px solid #ffd200;outline-offset:1px}
.g-text{unicode-bidi:plaintext}
.g-hint{color:#aaa}
.g-head{color:#d89658}
/* ana pencere: oyunda 620x340; kolonlar DeviceRow'daki 14/200/300/418/518 */
.g-top{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;min-height:44px}
.g-top>div{display:grid;gap:5px;padding:3px 2px 0}
.g-cols,.g-row{display:grid;grid-template-columns:minmax(0,186fr) minmax(0,100fr) minmax(0,118fr) minmax(0,100fr) 74px;align-items:center}
.g-cols{padding:6px 0 6px 14px}
.g-list{height:182px;overflow:hidden}
.g-row{position:relative;width:100%;height:26px;padding:0 0 0 14px;border:0;margin:0;background:var(--row-bg);color:inherit;font:inherit;text-align:left;cursor:pointer}
.g-row::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:5px;background:var(--row-stripe)}
.g-row[aria-pressed="true"]{background:#468fcc66}
.g-row>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:6px}
.g-row .g-sub{display:none}
.g-row .g-btn{min-width:43px;height:21px;justify-self:start}
.g-bottom{display:flex;gap:45px;justify-content:space-between;margin-top:10px}
.g-bottom>span{display:flex;gap:45px}
.g-chat{margin-top:8px;min-height:84px;padding:6px 8px;background:#000000a6;border:1px solid #ffffff12;font:12px/1.45 Tahoma,Verdana,"Segoe UI",sans-serif;color:#ffc8c8;text-shadow:1px 1px 0 #000;display:flex;flex-direction:column;justify-content:flex-end}
.g-chat p{margin:0;unicode-bidi:plaintext}
.g-chat p.is-new{animation:gchat 1.2s ease-out}
@keyframes gchat{from{background:#ffd20033}to{background:transparent}}
/* izin penceresi: oyunda 330x250, onay kutusu (22, 60 + 24n) */
.g-modal{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#0006}
.g-perm{width:330px;max-width:100%}
.g-perm .g-hint{margin:0 0 12px 8px}
.g-checks{display:grid;gap:10px;margin:0 0 16px 8px}
.g-check{display:flex;align-items:center;gap:8px;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.g-check i{position:relative;flex:0 0 12px;height:12px;background:url(assets/securepc/ui.webp?v=088) -45px 0}
.g-check[aria-checked="true"] i::after{content:"";position:absolute;left:0;top:-4px;width:13px;height:15px;background:url(assets/securepc/ui.webp?v=088) -57px 0}
.g-actions-row{display:flex;justify-content:center;gap:54px}
/* öbür bilgisayar: giriş + oyun içi işlemler */
.g-login{display:grid;gap:8px;justify-items:center;padding:6px 0 4px}
.g-field{width:min(190px,100%);height:20px;padding:0 6px;background:#0b0b0b;border:1px solid #4a4038;line-height:18px;color:#e6e6e6;letter-spacing:.5px}
.g-field.is-pass{letter-spacing:2px}
.g-ingame{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px 0}
.g-ingame .g-btn{width:100%;min-width:0}
.g-ingame .g-btn.is-denied{filter:grayscale(.2) brightness(.85)}
.g-ingame .g-btn.is-ok{color:#83ea9e}
.g-ingame .g-exit{grid-column:1/-1;justify-self:center;width:auto;min-width:88px;margin-top:4px}
.g-popup{width:300px;max-width:100%;text-align:center}
.g-popup p{margin:4px 4px 14px;line-height:1.5;unicode-bidi:plaintext}

@container (max-width:540px){
 .g-cols,.g-row{grid-template-columns:minmax(0,1fr) minmax(0,92px) 58px}
 .g-cols>:nth-child(3),.g-cols>:nth-child(4),.g-row>.g-seen,.g-row>.g-pc{display:none}
 .g-row{height:34px}
 .g-row .g-sub{display:block;font-size:10px;color:#9a9a9a;margin-top:1px}
 .g-list{height:auto;min-height:102px}
 .g-bottom,.g-bottom>span{gap:6px}
 .g-top{flex-wrap:wrap;min-height:0}
}
@media (max-width:1100px){
 .securepc-stage{grid-template-columns:minmax(0,1fr)}
 .securepc-steps,.securepc-rules{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
 .securepc{margin-top:44px;padding-top:40px}
 .securepc-intro{grid-template-columns:minmax(0,1fr);gap:12px}
 .securepc-steps,.securepc-rules{grid-template-columns:minmax(0,1fr)}
 .securepc-pane{padding:12px 10px}
 .g-board{padding:31px 10px 10px}
}
@media (prefers-reduced-motion:reduce){.g-chat p.is-new{animation:none}}