.pga-duo{--pgd-accent:#4fea9f;--pgd-accent-rgb:79,234,159;container:pgaduo/inline-size;width:100%;margin:18px 0 0}
.pga-duo__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}
.pga-duo__act,.pga-duo__drops{min-width:0}
.pga-duo__act{display:flex;flex-direction:column}
.pga-duo .pga-duo__act .pga{flex:1 1 auto;height:auto;min-height:0;margin:0}
.pga-duo .cs-live-card{margin:0}
.pga-duo .cs-live-card__badge-text{color:var(--pgd-accent)}
.pga-duo .cs-live-dot{background:var(--pgd-accent)}

@container pgaduo (min-width:980px){
.pga-duo--both .pga-duo__grid{grid-template-columns:minmax(0,1fr) 340px}
.pga-duo--both .pga-duo__drops{position:relative;min-height:420px}
.pga-duo--both .cs-live-card{position:absolute;inset:0;display:flex;flex-direction:column;padding:20px 16px 16px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:radial-gradient(90% 60% at 100% 0,rgba(var(--pgd-accent-rgb),.08),transparent 60%),linear-gradient(180deg,#2a2a34 0%,#232329 100%)}
.pga-duo--both .cs-live-card::before{display:none}
.pga-duo--both .cs-live-card__head{flex:0 0 auto;margin-bottom:14px}
.pga-duo--both .cs-live-card__icon{width:42px;height:42px;border-radius:12px}
.pga-duo--both .cs-live-card__title{font-size:15px}
.pga-duo--both .cs-live-card__hint{font-size:11.5px}
.pga-duo--both .cs-live-lenta{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:0}
.pga-duo--both .cs-live-lenta__viewport{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}
.pga-duo--both .cs-live-lenta__viewport::-webkit-scrollbar{display:none}
.pga-duo--both .cs-live-lenta__viewport--scroll{overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%)}
.pga-duo--both .cases_last,.pga-duo--both .cases_last.cs-live-scroll{flex-direction:column;flex-wrap:nowrap;gap:8px;width:auto}
.pga-duo--both .cases_last.cs-live-scroll{animation-name:pgaDuoUp}
.pga-duo--both .cases_last .cases_last_item,.pga-duo--both .cases_last.cs-live-scroll .cases_last_item{display:block;flex:0 0 auto;width:100%;max-width:none;margin:0}
.pga-duo--both .case-card,.pga-duo--both .cases_last:not(.cs-live-scroll) .cases_last_item .case-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:3px;height:auto;padding:10px 12px;border:1px solid rgba(255,255,255,.05);border-left:3px solid var(--bonus-color);border-radius:13px;background:rgba(255,255,255,.025);text-align:left;transform:none;box-shadow:none}
.pga-duo--both .case-card>*{transform:none}
.pga-duo--both .case-card:hover{transform:translateX(3px);filter:brightness(1.1)}
.pga-duo--both .case-card--latest{background:linear-gradient(90deg,rgba(var(--pgd-accent-rgb),.09),rgba(255,255,255,.02) 70%)}
.pga-duo--both .case-card-icon{grid-row:1/3;grid-column:1;width:50px;height:50px;margin:0}
.pga-duo--both .case-card-icon::before{inset:-6px}
.pga-duo--both .case-card-user{grid-row:1;grid-column:2;padding:0;text-align:left}
.pga-duo--both .case-card-user a{font-size:13px}
.pga-duo--both .case-card-bonus{grid-row:2;grid-column:2;padding:0;font-size:12px;text-align:left}
.pga-duo--both .case-card-tag{grid-row:1;grid-column:3;justify-self:end;max-width:110px;font-size:8.5px}
.pga-duo--both .case-card-time{grid-row:2;grid-column:3;justify-self:end;padding:0;white-space:nowrap}
}

@keyframes pgaDuoUp{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 4px))}}

@media (prefers-reduced-motion:reduce){
.pga-duo .cases_last.cs-live-scroll{animation:none}
}
