/* Mevcut SilkWord renkleri ve kontrol dilini kullanan güç/cüzdan eklentisi. */
.joker-stat{cursor:pointer;border:1px solid var(--line);transition:box-shadow .15s}
.joker-stat:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.joker-stat:hover{box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 12%,transparent)}
#araclar .btn{min-height:44px}
#araclar .btn small{white-space:nowrap}
#superjokerbtn{background:color-mix(in srgb,var(--accent) 12%,var(--card));border:1px solid var(--accent)}
#jokerbtn{border:1px solid var(--line);background:var(--card)}
.yardim-isareti{font-size:.78rem;font-weight:700;text-align:center;color:var(--muted);margin:2px 0 0}
.yardim-isareti.yardimli,#yardim-durumu{color:var(--muted)}
.yardim-isareti[hidden]{display:none}
.joker-dialog{width:min(600px,calc(100vw - 24px));max-height:88vh;max-height:88dvh;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--bg);color:var(--ink);overflow:auto}
.joker-dialog::backdrop{background:rgba(0,0,0,.5)}
.joker-perde{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:160;touch-action:none}
.joker-dialog[data-joker-fallback="1"]{display:block;position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100vh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));z-index:161;overscroll-behavior:contain}
.joker-dialog h2{margin:0 0 16px;font-family:var(--f-display);font-size:1.8rem}
.joker-dialog h3{margin:0 0 12px;font-family:var(--f-display);font-size:1.15rem}
.joker-dialog .ac-fermer{min-height:44px;margin-bottom:8px}
.joker-bakiye{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.joker-bakiye>b{font-family:var(--f-display);font-size:3rem;line-height:1;color:var(--accent);grid-row:span 2}
.joker-bakiye>span{font-weight:800}.joker-bakiye>small{font-size:.78rem;color:var(--muted)}
.joker-bolum{margin-top:22px}.joker-bolum>p{font-size:.88rem}
.joker-gorev{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}
.joker-gorev b,.joker-reklam b{display:block;font-size:.88rem}
.joker-gorev small,.joker-reklam small{display:block;font-size:.76rem;color:var(--muted);margin-top:3px}
.joker-gorev>span{flex:none;font-size:.85rem;font-weight:800;color:var(--accent)}
.joker-aciklama{font-size:.76rem!important;line-height:1.45;color:var(--muted)}
.joker-reklam{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;background:var(--card);border-radius:16px;border:1px solid var(--accent)}
.joker-reklam .btn{font-size:.8rem;min-height:44px;max-width:190px;white-space:normal}
.joker-reklam-bolum>p{margin:9px 0 0}
.joker-reklam-durum:empty{display:none}
.joker-reklam .joker-reklam-durum{grid-column:1/-1;margin:0;padding:10px 12px;border-left:3px solid var(--accent);background:var(--bg);color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.joker-reklam .btn{grid-column:1/-1;justify-self:start}
.joker-test{font-size:.72rem;color:var(--muted);font-weight:700}
.joker-gizlilik{font-size:.8rem;min-height:44px;margin-top:10px}
.joker-test-hazirla{font-size:.8rem;min-height:44px;margin-top:10px;max-width:100%;white-space:normal}
.joker-test-hesap{font-size:.85rem;min-height:44px;width:100%;white-space:normal;margin-bottom:12px}
.joker-dialog button[disabled]{opacity:.56;cursor:default}
.joker-kayit-hata{font-size:.85rem;color:var(--bad)}
.gucler-not{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:150;max-width:min(92vw,480px);padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);box-shadow:0 8px 25px rgba(0,0,0,.16);font-size:.9rem;font-weight:700;text-align:center;pointer-events:none}
.gucler-not[hidden]{display:none}
@media(max-width:480px){.joker-reklam{grid-template-columns:minmax(0,1fr)}.joker-reklam .btn{width:100%;max-width:none}}
@media(max-width:380px){.joker-dialog{padding:16px}.joker-bakiye{padding:14px}.joker-gorev b{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.joker-stat{transition:none}}
