.challenge-period{margin:20px 0 30px;padding:20px;border:1px solid #476576;border-radius:20px;background:linear-gradient(145deg,#192e3e,#10212d)}.challenge-period-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.challenge-period-header h2{margin:4px 0;font-size:25px}.challenge-period-header p{font-size:12px;color:#bfd1de;margin:5px 0}.challenge-period-header .badge{font-size:10px;letter-spacing:1px;color:#c9f864}.challenge-countdown{flex:none;padding:12px 16px;border:1px solid #a7c76266;border-radius:14px;background:#c9f86409;text-align:center}.challenge-countdown small{display:block;font-size:9px;letter-spacing:1px;color:#b6ce97}.challenge-countdown time{display:block;margin-top:4px;font-size:23px;color:#d9f6a6;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.challenge-reset-note{font-size:11px;color:#aabecb;line-height:1.5;margin:12px 0 18px}.challenge-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.challenge-task{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border:1px solid #425c6e;border-radius:14px;background:#20374670}.challenge-task-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.challenge-task h3{font-size:15px;margin:0;line-height:1.35}.challenge-task-heading>span{color:#d5e5ef;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.challenge-task progress{width:100%;height:7px;accent-color:#bce767}.challenge-task-rewards{font-size:12px;color:#c7d5df;line-height:1.6;margin:0}.challenge-task>.btn{margin:0;margin-top:auto;width:100%;min-height:44px;font-size:12px}.challenge-task.is-ready{border-color:#b7de6c;background:#a2c75712}.challenge-task.is-claimed{border-color:#47725f;background:#4b826116}.challenge-task.is-claimed .btn{color:#a8cbb9}.challenge-task button:disabled{cursor:default}
@media(max-width:950px){.challenge-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}html[data-view-mode=phone] .challenge-period{padding:14px;margin:12px 0 20px}html[data-view-mode=phone] .challenge-period-header{align-items:flex-start;flex-wrap:wrap;gap:10px}html[data-view-mode=phone] .challenge-period-header h2{font-size:22px}html[data-view-mode=phone] .challenge-countdown{padding:9px 12px;width:100%;box-sizing:border-box;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px}html[data-view-mode=phone] .challenge-countdown time{font-size:22px;margin:0}html[data-view-mode=phone] .challenge-task-grid{grid-template-columns:1fr}html[data-view-mode=phone] .challenge-task{padding:14px}html[data-view-mode=phone] #utRoot:has(.challenge-period){overflow:auto!important}