.task-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.85rem;display:grid}.tasks-board{gap:1.35rem;display:grid}.tasks-hero{border:1px solid rgba(var(--accent-rgb), .28);background:radial-gradient(circle at 90% 10%, rgba(var(--accent-rgb), .16), transparent 12rem), var(--color-panel);border-radius:18px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.25rem 1.3rem;display:flex}.tasks-hero h2{font-size:1.35rem}.tasks-hero p{max-width:36rem;color:var(--color-muted);font-size:.88rem}.tasks-hero-gif{width:3rem;height:3rem}.tasks-hero-cta{background:var(--color-gold);color:var(--color-gold-ink);border-radius:14px;align-items:center;gap:.55rem;margin-left:auto;padding:.55rem .8rem;display:flex}.tasks-hero-cta small,.tasks-hero-cta strong{display:block}.tasks-hero-cta small{letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.tasks-toolbar{flex-wrap:wrap;gap:.7rem;margin:.1rem 0 .15rem;display:flex}.tasks-search,.tasks-toolbar select{border:1px solid var(--color-line);background:var(--color-panel);border-radius:12px;align-items:center;gap:.4rem;min-height:2.6rem;padding:0 .75rem;display:flex}.tasks-search{flex:1;min-width:12rem}.tasks-search input{width:100%;color:inherit;background:0 0;border:0;outline:none}.tasks-active{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.task-tile{flex-direction:column;gap:.45rem;min-width:0;min-height:18rem;padding:1rem;display:flex}.task-tile.is-hot{border-color:rgba(var(--accent-rgb), .5)}.task-tile-game{color:var(--color-gold);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.3rem;font-size:.68rem;display:flex}.task-tile-game .motion-sticker{width:.95rem;height:.95rem}.task-tile-title{font-size:1.15rem;line-height:1.2}.task-tile-desc{color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.task-tile-stock{color:var(--color-moss);font-size:.78rem;font-weight:700}.task-tile .task-reward{border-radius:12px;justify-content:center;gap:.4rem;padding:.5rem .65rem}.task-tile-open{margin-top:auto;align-self:center;min-height:2.3rem;margin-inline:auto}.task-grid .task-tile.art-skirmish{--art:url(/art/kart/gorev-carpisma-b.jpg);--art-glow:168, 120, 255}.task-grid .task-tile.art-spike{--art:url(/art/kart/gorev-spike.jpg);--art-glow:63, 224, 255}.task-grid .task-tile.art-swift{--art:url(/art/kart/gorev-tamgaz.jpg);--art-glow:190, 170, 255}.task-grid .task-tile.art-tdm{--art:url(/art/kart/gorev-glitch.jpg);--art-glow:255, 122, 89}.task-grid .task-tile.art-training{--art:url(/art/kart/gorev-egitim.jpg);--art-glow:63, 224, 255}.task-grid .task-tile.art-pack{--art:url(/art/kart/hediye-giveback.jpg);--art-glow:214, 255, 87}.task-grid .task-tile:is(.art-skirmish,.art-training,.art-spike,.art-swift,.art-tdm,.art-pack){border-color:rgba(var(--art-glow), .22);color:#f4f7ea;background:linear-gradient(180deg, #0b0f1400 0%, #0b0f1440 26%, #0b0f14e0 48%, #0b0f14 70%), var(--art) center top / 100% auto no-repeat, #0b0f14;min-height:24rem;padding:9.5rem 1.1rem 1.1rem;transition:transform .2s,border-color .2s,box-shadow .2s,background-size .5s}.task-grid .task-tile:is(.art-skirmish,.art-training,.art-spike,.art-swift,.art-tdm,.art-pack):hover{border-color:rgba(var(--art-glow), .55);box-shadow:0 22px 40px #00000059, 0 0 26px rgba(var(--art-glow), .18);background-size:100% 100%,108%,auto}.task-grid .task-tile:is(.art-skirmish,.art-training,.art-spike,.art-swift,.art-tdm,.art-pack) .task-tile-title{color:#fff;text-shadow:0 2px 10px #0009;font-size:1.3rem}.task-grid .task-tile:is(.art-skirmish,.art-training,.art-spike,.art-swift,.art-tdm,.art-pack) .task-tile-desc{color:#b9c2cf}.task-grid .task-tile:is(.art-skirmish,.art-training,.art-spike,.art-swift,.art-tdm,.art-pack) .task-tile-game{color:rgb(var(--art-glow))}.task-grid .task-tile.art-pack .task-tile-game{color:var(--color-gold)}.task-tile-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0f148c;border:1px solid #ffffff24;border-radius:14px;place-items:center;width:3.1rem;height:3.1rem;display:grid;position:absolute;top:.9rem;left:.9rem;box-shadow:0 6px 16px #00000059}.task-tile{position:relative}.task-tile-stock.is-waiting{color:var(--color-warning);align-items:flex-start;gap:.35rem;line-height:1.35;display:flex}.task-tile-stock.is-waiting .ui-icon{flex:none;width:.95rem;height:.95rem;margin-top:.05rem}.task-tile-soon{z-index:1;color:var(--color-warning);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0f14b3;border:1px solid #ffc85773;border-radius:999px;padding:.25rem .6rem;font-size:.68rem;font-weight:800;animation:2.4s ease-in-out infinite task-soon-pulse;position:absolute;top:.95rem;right:.95rem}.task-grid .task-tile.is-waiting{border-style:dashed}.task-grid .task-tile.is-waiting:is(.art-skirmish,.art-training,.art-spike,.art-swift,.art-tdm,.art-pack){background:linear-gradient(180deg, #0b0f1433 0%, #0b0f1473 26%, #0b0f14e6 48%, #0b0f14 70%), var(--art) center top / 100% auto no-repeat, #0b0f14;filter:saturate(.55)}.task-grid .task-tile.is-waiting:hover{filter:saturate(.8);transform:none}.task-tile.is-waiting .task-tile-open{border:1px solid var(--color-line);color:var(--color-muted);cursor:not-allowed;background:#ffffff0d}@keyframes task-soon-pulse{50%{box-shadow:0 0 0 4px #ffc8571f}}@media (prefers-reduced-motion:reduce){.task-tile-soon{animation:none}}@media (max-width:640px){.task-grid{grid-template-columns:1fr}.tasks-hero-cta{width:100%;margin-left:0}}