/* PC138. Styl podstrony /wspieraj.php. Tylko wizualizacja, bez ingerencji w logikę wsparcia. */
.pc138-page{--pc138-accent:var(--pc-accent,#65cf95);width:100%;max-width:1220px;margin:0 auto 48px;color:#eff7f3}
.pc138-intro,.pc138-panel{border:1px solid rgba(195,239,215,.16);border-radius:22px;background:linear-gradient(130deg,rgba(18,33,30,.97),rgba(9,20,20,.98));box-shadow:0 14px 40px #0002;min-width:0}
.pc138-intro{position:relative;display:flex;justify-content:space-between;align-items:center;gap:28px;overflow:hidden;padding:clamp(22px,3.2vw,42px);margin:22px 0 18px;background:linear-gradient(110deg,rgba(12,28,25,.95),rgba(9,23,22,.90)),url('../branding/backgrounds/04_support_background.webp') center/cover}
.pc138-intro-copy{max-width:820px;position:relative;z-index:1}.pc138-intro h1{font-size:clamp(29px,4vw,48px);line-height:1.08;margin:8px 0 16px}.pc138-intro p{max-width:710px;line-height:1.65;color:#bacec6;margin:0}
.pc138-intro-symbol{font-size:clamp(58px,9vw,110px);opacity:.22;filter:grayscale(.3);pointer-events:none}.pc138-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:24px}.pc138-buycoffee{display:inline-flex;align-items:center;line-height:0;max-width:260px;border-radius:60px;isolation:isolate;transition:filter .2s ease}.pc138-buycoffee img{display:block;width:100%;height:auto;max-width:260px;border-radius:50px}.pc138-buycoffee:hover{filter:brightness(1.08)}.pc138-buycoffee:focus-visible,.pc138-page a:focus-visible{outline:2px solid var(--pc138-accent);outline-offset:4px}.pc138-projects{color:var(--pc138-accent);font-weight:700;text-decoration:none}
.pc138-panel{padding:clamp(18px,2.5vw,30px);margin-bottom:18px}.pc138-heading{display:flex;align-items:center;justify-content:center;text-align:center;margin:0 0 22px}.pc138-heading h2{font-size:clamp(20px,2.5vw,30px);line-height:1.18;margin:6px 0 8px;color:#f3faf6}.pc138-heading p{color:#a9bdb7;margin:0;line-height:1.5}.pc138-kicker{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--pc138-accent)}
.pc138-podium{list-style:none;padding:12px 0 0;margin:0;display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,1.3vw,18px);min-width:0}.pc138-supporter{width:clamp(0px,18.4%,205px);min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));padding:20px 8px 16px;min-height:198px;justify-content:flex-end;transition:border-color .2s ease,transform .2s ease}
.pc138-supporter:hover{border-color:color-mix(in srgb,var(--pc138-accent) 45%,transparent);transform:translateY(-3px)}
.pc138-place-1{min-height:245px;flex:0 1 23%;width:23%;padding-top:23px;border-color:rgba(232,192,93,.46);background:linear-gradient(180deg,rgba(211,174,73,.13),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 #e7c97c25}
.pc138-place-2{min-height:222px;border-color:rgba(193,211,219,.32)}.pc138-place-3{min-height:214px;border-color:rgba(184,122,80,.27)}
.pc138-rank-number{font-size:clamp(23px,3vw,39px);font-weight:900;line-height:1;color:#9cafab;font-variant-numeric:tabular-nums;text-shadow:0 0 18px #a5f4d124}.pc138-place-1 .pc138-rank-number{font-size:clamp(35px,4.2vw,55px);color:#f3cc70;text-shadow:0 0 18px #f3c34b55}.pc138-place-2 .pc138-rank-number{color:#d2e4e9}.pc138-place-3 .pc138-rank-number{color:#d4a182}
.pc138-avatar{display:flex;justify-content:center;align-items:center;width:64px;height:64px;max-width:100%;text-decoration:none}.pc138-place-1 .pc138-avatar{width:84px;height:84px}.pc138-avatar .pc40-frame-wrap,.pc138-avatar .pc-avatar,.pc138-avatar img{max-width:100%;max-height:100%}.pc138-avatar img{object-fit:cover}.pc138-avatar-empty{background:#ffffff18;border-radius:50%;font-size:30px}
.pc138-supporter-info{display:flex;align-items:center;justify-content:center;gap:3px 6px;flex-wrap:wrap;max-width:100%}.pc138-nick{font-weight:800;color:#f2faf5;text-decoration:none;font-size:clamp(12px,1.4vw,17px);overflow-wrap:anywhere;min-width:0}.pc138-nick:hover{text-decoration:underline}.pc138-place-1 .pc138-nick{font-size:clamp(15px,1.8vw,20px)}.pc138-crown{display:inline-flex;align-items:center;justify-content:center;line-height:1;max-width:42px}.pc138-crown .pc40-crown{max-width:38px}.pc138-place-caption{font-size:10px;letter-spacing:.08em;color:#93a8a0;font-weight:800}.pc138-place-1 .pc138-place-caption{color:#e5c478}
.pc138-disclaimer{font-size:12px;color:#91aaa2;line-height:1.55;margin:22px 0 0;text-align:center}.pc138-empty{padding:22px;color:#bdcec8;text-align:center}
.pc138-marquee{overflow:hidden;max-width:100%;position:relative;padding:8px 0;mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent)}.pc138-marquee-track{display:flex;align-items:center;width:max-content;max-width:none;gap:0}.pc138-marquee-group{display:flex;flex:0 0 auto;align-items:center;gap:12px;padding-right:12px}.pc138-latest-item{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid #ffffff22;padding:11px 18px;border-radius:999px;color:#e8f4ee;background:#ffffff0a;text-decoration:none;font-weight:750}.pc138-latest-item:hover{border-color:var(--pc138-accent);color:white}.pc138-coffee-icon{font-size:15px}.pc138-marquee-animated{animation:pc138-crawl 36s linear infinite}.pc138-marquee:hover .pc138-marquee-track,.pc138-marquee:focus-within .pc138-marquee-track{animation-play-state:paused}@keyframes pc138-crawl{to{transform:translateX(-50%)}}
@media(max-width:800px){.pc138-podium{flex-wrap:wrap;align-items:stretch;gap:10px}.pc138-supporter,.pc138-place-1{width:auto;flex:1 1 28%;min-width:145px;min-height:186px}.pc138-place-1{min-height:218px}.pc138-intro-symbol{display:none}}
@media(max-width:520px){.pc138-podium{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.pc138-supporter,.pc138-place-1{width:100%;min-width:0;min-height:174px;padding:16px 6px 12px}.pc138-place-1{grid-column:1/-1;grid-row:1;min-height:205px}.pc138-place-2{grid-column:1;grid-row:2}.pc138-place-3{grid-column:2;grid-row:2}.pc138-place-4{grid-column:1;grid-row:3}.pc138-place-5{grid-column:2;grid-row:3}.pc138-avatar{width:55px;height:55px}.pc138-place-1 .pc138-avatar{width:76px;height:76px}.pc138-nick{font-size:14px}.pc138-intro{padding:22px}.pc138-intro h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.pc138-marquee-track{animation:none!important}.pc138-supporter,.pc138-buycoffee{transition:none!important}.pc138-marquee{overflow-x:auto;mask-image:none}.pc138-supporter:hover{transform:none}}