/* Görevler paneli — tasks-ui.js; 1 birim = 100cqw/1418. */
.tk-scene{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#050b16a8;padding:2vh 4vw 12vh}
.tk-wrap{position:relative;width:min(100%,calc((100dvh - 14vh) * 1418 / 1024));aspect-ratio:1418/1024;container-type:inline-size;font-family:Arial,sans-serif;color:#fff;--k:calc(100cqw/1418)}
.tk-wrap>*{position:absolute}
.tk-wrap button{background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}
.tk-wrap button:disabled{cursor:default}
.tk-wrap img{display:block;pointer-events:none}
.tk-frame{inset:0;width:100%;height:100%}
.tk-title{display:grid;place-items:center;font:italic 900 calc(46*var(--k))/1 'Barlow Condensed',Arial;color:#ffb347;-webkit-text-stroke:calc(1.8*var(--k)) #7a2e00;paint-order:stroke fill;text-shadow:0 calc(3*var(--k)) 0 #7a2e00}
.tk-close img,.tk-cat img,.tk-row img,.tk-claim img,.tk-refresh img{position:absolute;inset:0;width:100%;height:100%}
.tk-close:hover img,.tk-cat:hover img,.tk-claim:not(:disabled):hover img,.tk-refresh:hover img{filter:brightness(1.12)}
.tk-cat{display:grid;place-items:center}
.tk-cat span{position:relative;font:700 calc(27*var(--k)) Arial;text-shadow:0 1px 2px #0008}
.tk-row{display:flex;align-items:center;justify-content:space-between;padding:0 calc(14*var(--k))!important;text-align:left}
.tk-row span{position:relative;font:600 calc(20*var(--k)) Arial;color:#d6ecff}
.tk-row.active span{color:#fff;font-weight:800}
.tk-row b{position:relative;font:800 calc(18*var(--k)) Arial;color:#9fd3ff}
.tk-row b.tk-ready{color:#ffd166}.tk-row b.tk-done{color:#7dff7d}
.tk-row:not(.active):hover{background:#ffffff14!important;border-radius:calc(8*var(--k))!important}
.tk-empty span{color:#9fb8d4;font-style:italic}
.tk-h{font:800 calc(24*var(--k)) Arial;color:#ffd24a;text-shadow:0 1px 2px #000}
.tk-name{font:800 calc(23*var(--k)) Arial;text-align:center}
.tk-desc{margin:0;font:600 calc(19*var(--k))/1.45 Arial;color:#dbe9ff}
.tk-target{font:700 calc(21*var(--k)) Arial;color:#ffe066}
.tk-target b{color:#fff}
.tk-target i{display:block;margin-top:calc(10*var(--k));height:calc(12*var(--k));border-radius:calc(6*var(--k));background:#0b1f3d;overflow:hidden}
.tk-target u{display:block;height:100%;background:linear-gradient(#ffcf4a,#f4a10b);text-decoration:none}
.tk-rewards{display:flex;flex-wrap:wrap;gap:calc(10*var(--k)) calc(34*var(--k));align-content:flex-start}
.tk-rewards span{font:700 calc(20*var(--k)) Arial}
.tk-claim{display:grid;place-items:center}
.tk-claim span{position:relative;font:800 calc(22*var(--k)) Arial;text-shadow:0 1px 2px #7a3100}
.tk-claim:disabled img{filter:grayscale(.8) brightness(.75)}
.tk-fill{background:radial-gradient(ellipse at 50% 30%,#0e4a8f,#08305f 70%);border-radius:calc(14*var(--k))}