/* 30 dni dla Siebie - odświeżona, lżejsza strona główna 2026-09-12 */
body.home-refresh-r1{overflow-x:hidden}
body.home-refresh-r1 .home-story-chapter{scroll-margin-top:82px}
body.home-refresh-r1 #jak-to-dziala,
body.home-refresh-r1 #faq{padding-left:0!important;padding-right:0!important}

/* HERO */
body.home-refresh-r1 .home-refresh-hero{padding:clamp(36px,5vw,72px) 0 clamp(54px,7vw,92px);min-height:760px;display:block;overflow:visible}
body.home-refresh-r1 .home-refresh-hero__inner{position:relative;z-index:8}
body.home-refresh-r1 .home-refresh-hero__visual,
body.home-refresh-r1 .home-refresh-hero__copy{width:min(620px,56vw)}
body.home-refresh-r1 .home-refresh-hero__visual{display:flex;align-items:flex-end;justify-content:flex-start;min-height:310px;margin-left:-18px;margin-bottom:-3px;overflow:visible;position:relative;z-index:3}
body.home-refresh-r1 .home-refresh-hero__visual img{display:block;width:min(620px,100%);height:auto;transform-origin:48% 72%;filter:drop-shadow(0 24px 34px rgba(17,24,39,.12));transition:transform .22s cubic-bezier(.2,.75,.25,1),filter .22s ease;will-change:transform}
@media(hover:hover) and (pointer:fine){body.home-refresh-r1 .home-refresh-hero__visual:hover{z-index:20}body.home-refresh-r1 .home-refresh-hero__visual:hover img{transform:translateY(-13px) scale(1.055);filter:drop-shadow(0 34px 44px rgba(17,24,39,.2))}}
body.home-refresh-r1 .home-refresh-hero__brand{width:min(620px,100%);text-align:center;font-size:clamp(38px,4.15vw,56px);line-height:.96;font-weight:900;letter-spacing:-.045em;color:var(--text);margin:2px 0 20px;text-wrap:balance}
body.home-refresh-r1 .home-refresh-hero__copy{position:relative;z-index:6;margin-top:0}
body.home-refresh-r1 .home-refresh-hero__copy h1{max-width:610px;font-size:clamp(40px,4.45vw,62px);line-height:.99;letter-spacing:-.058em;margin:8px 0 16px;text-wrap:balance}
body.home-refresh-r1 .home-refresh-hero__lead{font-size:clamp(16px,1.45vw,19px);line-height:1.58;margin:0;color:color-mix(in srgb,var(--text) 91%,var(--muted));max-width:590px}
body.home-refresh-r1 .home-beta-pill{display:inline-flex;align-items:center;gap:9px;min-height:34px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--orange-pale) 86%,var(--surface));border:1px solid rgba(255,90,0,.28);margin-bottom:12px;color:var(--text);box-shadow:0 8px 22px rgba(255,90,0,.055)}
body.home-refresh-r1 .home-beta-pill b{font-size:13px;color:var(--orange)}
body.home-refresh-r1 .home-beta-pill span{font-size:12px;font-weight:800;color:var(--muted)}
body.home-refresh-r1 .home-beta-short{font-size:14px;line-height:1.65;color:var(--muted);margin:15px 0 0;max-width:590px}
body.home-refresh-r1 .home-beta-short strong{color:var(--text)}
body.home-refresh-r1 .home-beta-details{margin-top:10px;border-top:1px solid var(--border);max-width:590px}
body.home-refresh-r1 .home-beta-details summary{cursor:pointer;list-style:none;padding:11px 28px 9px 0;position:relative;font-size:13px;font-weight:800;color:var(--text)}
body.home-refresh-r1 .home-beta-details summary::-webkit-details-marker{display:none}
body.home-refresh-r1 .home-beta-details summary:after{content:"+";position:absolute;right:0;top:5px;font-size:21px;color:var(--orange)}
body.home-refresh-r1 .home-beta-details[open] summary:after{content:"−"}
body.home-refresh-r1 .home-beta-details div{padding:0 0 8px}
body.home-refresh-r1 .home-beta-details p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 8px}

/* Jak to działa */
body.home-refresh-r1 .home-refresh-how{position:relative;z-index:8}
body.home-refresh-r1 .home-refresh-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
body.home-refresh-r1 .home-refresh-steps article{min-height:190px;padding:21px;border:1px solid var(--border);border-radius:22px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 14px 34px rgba(17,24,39,.04)}
body.home-refresh-r1 .home-refresh-steps article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--orange-pale);border:1px solid rgba(255,90,0,.2);color:var(--orange);font-size:12px;font-weight:800}
body.home-refresh-r1 .home-refresh-steps h3{font-size:17px;line-height:1.25;margin:18px 0 8px}
body.home-refresh-r1 .home-refresh-steps p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}

/* Galeria - 6 zdjęć w jednym rzędzie */
body.home-refresh-r1 .home-refresh-gallery-wrap{position:relative;z-index:22;padding:clamp(60px,7vw,92px) 0}
body.home-refresh-r1 .home-platform-gallery{position:relative;z-index:23;padding:28px;border:1px solid var(--border);border-radius:28px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 26px 72px rgba(17,24,39,.065)}
body.home-refresh-r1 .home-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}
body.home-refresh-r1 .home-gallery-head h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;margin:4px 0 0}
body.home-refresh-r1 .home-gallery-head>p{max-width:390px;margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
body.home-refresh-r1 .home-gallery-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 10px;margin-bottom:12px}
body.home-refresh-r1 .home-gallery-tabs::-webkit-scrollbar{display:none}
body.home-refresh-r1 .home-gallery-tabs button,
body.home-refresh-r1 .home-gallery-modal__tabs button{white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 11px;font:800 10px/1 Manrope,sans-serif;cursor:pointer}
body.home-refresh-r1 .home-gallery-tabs button.is-active,
body.home-refresh-r1 .home-gallery-modal__tabs button.is-active{background:var(--orange);border-color:var(--orange);color:#fff}
body.home-refresh-r1 .home-gallery-browser{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px}
body.home-refresh-r1 .home-gallery-page-arrow{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:25px;line-height:1;cursor:pointer;display:grid;place-items:center}
body.home-refresh-r1 .home-gallery-page-arrow:disabled{opacity:.25;cursor:default}
body.home-refresh-r1 .home-gallery-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-height:144px}
body.home-refresh-r1 .home-gallery-thumb{appearance:none;border:0;background:transparent;padding:0;min-width:0;cursor:zoom-in;position:relative;border-radius:19px;transition:transform .17s ease,filter .17s ease}
body.home-refresh-r1 .home-gallery-thumb img{display:block;width:100%;height:142px;object-fit:cover;border-radius:18px;border:4px solid var(--surface);box-shadow:0 13px 28px rgba(17,24,39,.14);background:var(--surface-2)}
body.home-refresh-r1 .home-gallery-thumb:nth-child(odd){transform:rotate(-1deg)}
body.home-refresh-r1 .home-gallery-thumb:nth-child(even){transform:rotate(1deg)}
@media(hover:hover) and (pointer:fine){body.home-refresh-r1 .home-gallery-thumb:hover{z-index:3;transform:translateY(-7px) rotate(0) scale(1.035);filter:saturate(1.04)}}
body.home-refresh-r1 .home-gallery-empty-row{grid-column:1/-1;min-height:142px;display:grid;place-items:center;text-align:center;border:1px dashed var(--border);border-radius:18px;color:var(--muted);font-size:12px}
body.home-refresh-r1 .home-gallery-browser__foot{display:flex;justify-content:space-between;gap:18px;padding:10px 48px 0;color:var(--muted);font-size:11.5px}
body.home-refresh-r1 .home-gallery-browser__foot span{font-weight:800;color:var(--text)}
body.home-refresh-r1 .home-gallery-modal--refresh{width:min(1120px,calc(100vw - 26px));max-width:none;border:0;padding:0;background:transparent;color:var(--text)}
body.home-refresh-r1 .home-gallery-modal--refresh::backdrop{background:rgba(13,18,27,.72);backdrop-filter:blur(8px)}
body.home-refresh-r1 .home-gallery-modal--refresh .home-gallery-modal__dialog{padding:20px;border-radius:26px;background:var(--surface);border:1px solid var(--border);box-shadow:0 36px 110px rgba(0,0,0,.28)}
body.home-refresh-r1 .home-gallery-modal--refresh .home-gallery-modal__tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:12px 0}
body.home-refresh-r1 .home-gallery-modal--refresh .home-gallery-modal__tabs::-webkit-scrollbar{display:none}
body.home-refresh-r1 .home-gallery-modal--refresh .home-gallery-modal__stage{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:10px}
body.home-refresh-r1 .home-gallery-modal--refresh .home-gallery-modal__image{min-height:min(68vh,720px);display:grid;place-items:center;position:relative;border-radius:20px;overflow:hidden;background:var(--surface-2)}
body.home-refresh-r1 .home-gallery-modal--refresh .home-gallery-modal__image img{display:block;max-width:100%;max-height:min(68vh,720px);width:auto;height:auto;object-fit:contain}
body.home-refresh-r1 .home-gallery-modal--refresh .home-gallery-modal__image:not(.has-image) img{display:none}
body.home-refresh-r1 .home-gallery-modal--refresh .home-gallery-modal__image.has-image>span{display:none}

/* Katalog 12 sztuk */
body.home-refresh-r1 .home-refresh-catalogue{position:relative;z-index:20;padding-top:clamp(70px,8vw,112px);padding-bottom:clamp(70px,8vw,112px)}
body.home-refresh-r1 .home-refresh-challenge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
body.home-refresh-r1 .home-challenge-card--refresh{position:relative;min-height:330px;padding:0 14px 14px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 15px 38px rgba(17,24,39,.05);display:flex;flex-direction:column;overflow:visible;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}
body.home-refresh-r1 .home-challenge-card--refresh .home-challenge-card__hero{height:165px;position:relative;display:block;overflow:visible;z-index:2}
body.home-refresh-r1 .home-challenge-card--refresh .home-challenge-card__hero img{position:absolute;left:50%;bottom:0;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;transform:translateX(-50%) scale(.28);transform-origin:50% 100%;filter:drop-shadow(0 12px 16px rgba(15,23,42,.13));pointer-events:none}
body.home-refresh-r1 .home-challenge-card--refresh .home-challenge-card__hero.is-fallback img{position:static;display:block;margin:auto;max-width:92px!important;max-height:92px!important;transform:none;padding-top:38px}
body.home-refresh-r1 .home-challenge-card--refresh .home-challenge-card__body{position:relative;z-index:4;background:var(--surface);border-radius:16px;padding:10px 0 0;display:flex;flex-direction:column;gap:5px;flex:1}
body.home-refresh-r1 .home-challenge-card--refresh .home-challenge-card__tag{font-size:10.5px}
body.home-refresh-r1 .home-challenge-card--refresh h3{font-size:15px;line-height:1.2;margin:0}
body.home-refresh-r1 .home-challenge-card--refresh p{font-size:12px;line-height:1.45;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.home-refresh-r1 .home-challenge-card--refresh .home-challenge-card__actions{grid-template-columns:1fr 1fr;margin-top:10px;position:relative;z-index:4}
@media(hover:hover) and (pointer:fine){body.home-refresh-r1 .home-challenge-card--refresh:hover{z-index:12;transform:translateY(-5px);box-shadow:0 24px 54px rgba(17,24,39,.1);border-color:color-mix(in srgb,var(--orange) 28%,var(--border))}body.home-refresh-r1 .home-challenge-card--refresh:hover .home-challenge-card__hero img{transform:translateX(-50%) translateY(-13px) scale(.315);transition:transform .18s ease}}
body.home-refresh-r1 .home-challenge-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}
body.home-refresh-r1 .home-challenge-pagination span{min-width:76px;text-align:center;font-size:12px;font-weight:800;color:var(--muted)}
body.home-refresh-r1 .home-challenge-pagination button:disabled{opacity:.35}

/* Beta + onboarding */
body.home-refresh-r1 .home-refresh-start-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:clamp(60px,7vw,92px);padding-bottom:clamp(60px,7vw,92px);position:relative;z-index:7}
body.home-refresh-r1 .home-refresh-info-card{padding:28px;border:1px solid var(--border);border-radius:26px;background:var(--surface);box-shadow:0 18px 48px rgba(17,24,39,.05)}
body.home-refresh-r1 .home-refresh-info-card--beta{background:linear-gradient(135deg,var(--orange-pale),var(--surface))}
body.home-refresh-r1 .home-refresh-info-card h2{font-size:clamp(27px,3vw,39px);letter-spacing:-.04em;margin:6px 0 10px}
body.home-refresh-r1 .home-refresh-info-card p{font-size:13.5px;line-height:1.7;color:var(--muted);margin:0}
body.home-refresh-r1 .home-refresh-info-card details{margin-top:16px;border-top:1px solid var(--border)}
body.home-refresh-r1 .home-refresh-info-card summary{cursor:pointer;padding:13px 0 8px;font-size:12.5px;font-weight:800;color:var(--text)}

/* Archiwum */
body.home-refresh-r1 .home-refresh-archive{position:relative;z-index:7;padding:clamp(34px,5vw,58px);border:1px solid var(--border);border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--orange-pale) 42%,var(--surface)));box-shadow:0 24px 68px rgba(17,24,39,.055)}
body.home-refresh-r1 .home-refresh-archive__copy{max-width:780px}
body.home-refresh-r1 .home-refresh-archive h2{font-size:clamp(32px,4.6vw,56px);line-height:1.04;letter-spacing:-.05em;margin:7px 0 14px}
body.home-refresh-r1 .home-refresh-archive p{font-size:13px;line-height:1.7;color:var(--muted)}
body.home-refresh-r1 .home-refresh-archive__flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}
body.home-refresh-r1 .home-refresh-archive__flow span{padding:9px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:800;color:var(--text)}
body.home-refresh-r1 .home-refresh-archive__flow i{font-style:normal;color:var(--orange);font-weight:800}

/* Wspólna motywacja */
body.home-refresh-r1 .home-refresh-support{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,78px);align-items:center;position:relative;z-index:8;padding-top:clamp(74px,9vw,120px);padding-bottom:clamp(74px,9vw,120px)}
body.home-refresh-r1 .home-refresh-support__media{min-height:330px;display:grid;place-items:center;position:relative}
body.home-refresh-r1 .home-refresh-support__media:before{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--orange-pale),transparent 68%)}
body.home-refresh-r1 .home-refresh-support__media img{position:relative;z-index:2;display:block;width:min(360px,95%);height:auto;filter:drop-shadow(0 22px 34px rgba(17,24,39,.13))}
body.home-refresh-r1 .home-refresh-support__media.is-missing:after{content:"Wspólna Motywacja";display:grid;place-items:center;width:240px;height:240px;border-radius:50%;background:var(--orange-pale);color:var(--orange);font-weight:800}
body.home-refresh-r1 .home-refresh-support h2{font-size:clamp(34px,4.8vw,59px);line-height:1.02;letter-spacing:-.05em;margin:8px 0 14px}
body.home-refresh-r1 .home-refresh-support__copy>p{font-size:14px;line-height:1.7;color:var(--muted)}
body.home-refresh-r1 .home-refresh-support__points{display:grid;gap:8px;margin:20px 0}
body.home-refresh-r1 .home-refresh-support__points span{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}
body.home-refresh-r1 .home-refresh-support__points b{font-size:13px;color:var(--text)}
body.home-refresh-r1 .home-refresh-support__points small{font-size:12px;line-height:1.5;color:var(--muted)}

/* MINI GRY: logotypy bez kafelków + 8 prawdziwych konsol */
body.home-refresh-r1 .home-refresh-games{position:relative;z-index:6;padding-top:clamp(62px,7vw,94px);padding-bottom:clamp(30px,4vw,52px)}
body.home-refresh-r1 .home-games-head{align-items:end}
body.home-refresh-r1 .home-refresh-games__copy{max-width:940px;font-size:14px;line-height:1.72;color:var(--muted)}
body.home-refresh-r1 .home-refresh-games__copy p{margin:7px 0}
body.home-refresh-r1 .home-game-logo-showcase{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);align-items:end;margin:30px 0 42px}
body.home-refresh-r1 .home-game-logo{min-width:0;padding:8px 5px 4px;color:var(--text);text-decoration:none;display:grid;grid-template-rows:minmax(92px,118px) auto;place-items:end center;gap:7px;border-radius:18px;transition:transform .2s ease,background .2s ease}
body.home-refresh-r1 .home-game-logo img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center bottom;filter:drop-shadow(0 9px 12px rgba(17,24,39,.08));transition:transform .2s cubic-bezier(.2,.78,.18,1),filter .2s ease}
body.home-refresh-r1 .home-game-logo span{font-size:12.5px;font-weight:850;line-height:1.25;text-align:center}
@media(hover:hover) and (pointer:fine){body.home-refresh-r1 .home-game-logo:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--orange-pale) 36%,transparent)}body.home-refresh-r1 .home-game-logo:hover img{transform:translateY(-7px) scale(1.075);filter:drop-shadow(0 16px 18px rgba(17,24,39,.14))}}
body.home-refresh-r1 .home-retro-console-showcase{margin-top:4px;padding:clamp(22px,3vw,34px) clamp(18px,3vw,32px) clamp(20px,3vw,28px);border:1px solid color-mix(in srgb,var(--orange) 15%,var(--border));border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--orange-pale) 58%,var(--surface)),color-mix(in srgb,var(--surface) 96%,transparent));overflow:hidden}
body.home-refresh-r1 .home-retro-console-showcase__head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(260px,1.2fr);gap:28px;align-items:end}
body.home-refresh-r1 .home-retro-console-showcase__eyebrow{font-size:11.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--orange);margin-bottom:5px}
body.home-refresh-r1 .home-retro-console-showcase h3{margin:0;font-size:clamp(25px,3vw,36px);line-height:1.05;letter-spacing:-.04em;color:var(--text)}
body.home-refresh-r1 .home-retro-console-showcase__head p{margin:0;font-size:13px;line-height:1.65;color:var(--muted);max-width:600px}
body.home-refresh-r1 .home-retro-console-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(4px,1vw,12px);align-items:end;margin-top:24px}
body.home-refresh-r1 .home-retro-console-row a{min-width:0;color:var(--text);text-decoration:none;display:grid;grid-template-rows:minmax(145px,190px) auto;place-items:end center;gap:7px;padding:3px 2px 0}
body.home-refresh-r1 .home-retro-console-row img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center bottom;filter:drop-shadow(0 12px 14px rgba(17,24,39,.12));transition:transform .2s cubic-bezier(.2,.78,.18,1),filter .2s ease}
body.home-refresh-r1 .home-retro-console-row span{font-size:11.5px;font-weight:850;line-height:1.2;text-align:center}
@media(hover:hover) and (pointer:fine){body.home-refresh-r1 .home-retro-console-row a:hover img{transform:translateY(-8px) scale(1.06);filter:drop-shadow(0 18px 20px rgba(17,24,39,.17))}body.home-refresh-r1 .home-retro-console-row a:hover span{color:var(--orange)}}
body.home-refresh-r1 .home-mini-games__foot--refresh{margin-top:20px;padding-top:18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px}
body.home-refresh-r1 .home-mini-games__foot--refresh p{max-width:690px;margin:0;font-size:12.5px;line-height:1.6;color:var(--muted)}
body.home-refresh-r1 .home-mini-games__foot--refresh .btn{flex:0 0 auto}
body.home-refresh-r1 .home-story-puzzle[data-anchor="games-edge"]{--story-left:92vw;--story-top:58vh;--story-width:clamp(190px,19vw,305px);--story-rotate:3deg}
body.home-refresh-r1 .home-story-puzzle[data-anchor="faq-edge"]{--story-left:8vw;--story-top:57vh;--story-width:clamp(180px,18vw,290px);--story-rotate:-3deg}

/* FAQ kompakt */
body.home-refresh-r1 .home-refresh-faq{position:relative;z-index:6;padding-top:clamp(34px,4vw,58px);padding-bottom:clamp(54px,6vw,82px)}
body.home-refresh-r1 .home-refresh-faq .home-faq{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.home-refresh-r1 .home-refresh-faq .home-faq details{margin:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:0 14px;min-width:0}
body.home-refresh-r1 .home-refresh-faq .home-faq summary{cursor:pointer;padding:14px 26px 14px 0;font-size:13px;font-weight:800;line-height:1.35;color:var(--text)}
body.home-refresh-r1 .home-refresh-faq .home-faq p{font-size:12px;line-height:1.6;color:var(--muted);padding-bottom:13px;margin:0}
body.home-refresh-r1 .home-refresh-faq .home-faq details.is-faq-hidden{display:none!important}
body.home-refresh-r1 .home-faq-toggle{margin-top:12px}

/* Promocja i final pozostają, tylko harmonizujemy odstępy */
body.home-refresh-r1 .home-promo-section{position:relative;z-index:8;padding-top:46px;padding-bottom:54px}
body.home-refresh-r1 .home-story-final{margin-top:0}

/* Dark mode, bez białego na białym */
html[data-theme="dark"] body.home-refresh-r1 .home-refresh-hero__visual img,
html[data-theme="dark"] body.home-refresh-r1 .home-refresh-support__media img{filter:drop-shadow(0 22px 34px rgba(0,0,0,.32))}
html[data-theme="dark"] body.home-refresh-r1 .home-gallery-thumb img{border-color:var(--surface)}
html[data-theme="dark"] body.home-refresh-r1 .home-refresh-archive{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--orange-pale) 18%,var(--surface)))}

@media(max-width:1040px){
  body.home-refresh-r1 .home-refresh-hero__visual,body.home-refresh-r1 .home-refresh-hero__copy{width:min(590px,62vw)}
  body.home-refresh-r1 .home-refresh-challenge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.home-refresh-r1 .home-games-logo-row{grid-template-columns:repeat(6,minmax(0,1fr))}
}

@media(max-width:820px){
  body.home-refresh-r1 .home-refresh-hero{min-height:auto;padding:22px 0 48px}
  body.home-refresh-r1 .home-refresh-hero__visual,body.home-refresh-r1 .home-refresh-hero__copy{width:100%}
  body.home-refresh-r1 .home-refresh-hero__visual{min-height:0;margin:0 auto 4px;justify-content:center}
  body.home-refresh-r1 .home-refresh-hero__visual img{width:min(560px,100%)}
  body.home-refresh-r1 .home-refresh-hero__copy h1{max-width:520px;font-size:clamp(38px,10.2vw,50px);line-height:1.01}
  body.home-refresh-r1 .home-refresh-hero__lead{font-size:16px;line-height:1.55;max-width:520px}
  body.home-refresh-r1 .home-refresh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.home-refresh-r1 .home-gallery-head{align-items:flex-start;flex-direction:column}
  body.home-refresh-r1 .home-platform-gallery{padding:18px 14px;border-radius:22px}
  body.home-refresh-r1 .home-gallery-browser{grid-template-columns:32px minmax(0,1fr) 32px;gap:5px}
  body.home-refresh-r1 .home-gallery-page-arrow{width:32px;height:32px}
  body.home-refresh-r1 .home-gallery-thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:7px;min-height:170px;scrollbar-width:none;padding:4px 2px 8px}
  body.home-refresh-r1 .home-gallery-thumbs::-webkit-scrollbar{display:none}
  body.home-refresh-r1 .home-gallery-thumb{flex:0 0 72%;scroll-snap-align:center}
  body.home-refresh-r1 .home-gallery-thumb img{height:164px}
  body.home-refresh-r1 .home-gallery-browser__foot{padding:7px 37px 0}
  body.home-refresh-r1 .home-gallery-modal--refresh .home-gallery-modal__dialog{padding:12px;border-radius:20px}
  body.home-refresh-r1 .home-gallery-modal--refresh .home-gallery-modal__stage{grid-template-columns:34px minmax(0,1fr) 34px;gap:4px}
  body.home-refresh-r1 .home-gallery-modal--refresh .home-gallery-modal__image{min-height:52vh}
  body.home-refresh-r1 .home-refresh-challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.home-refresh-r1 .home-challenge-card--refresh{min-height:285px;padding:0 10px 10px;border-radius:17px}
  body.home-refresh-r1 .home-challenge-card--refresh .home-challenge-card__hero{height:137px}
  body.home-refresh-r1 .home-challenge-card--refresh .home-challenge-card__hero img{transform:translateX(-50%) scale(.22)}
  body.home-refresh-r1 .home-challenge-card--refresh h3{font-size:13.5px}
  body.home-refresh-r1 .home-challenge-card--refresh p{font-size:11.5px;-webkit-line-clamp:2}
  body.home-refresh-r1 .home-challenge-card--refresh .home-challenge-card__actions .btn{font-size:10.5px;padding-inline:5px}
  body.home-refresh-r1 .home-refresh-start-pair{grid-template-columns:1fr;gap:10px}
  body.home-refresh-r1 .home-refresh-info-card{padding:20px;border-radius:20px}
  body.home-refresh-r1 .home-refresh-archive{padding:24px 19px;border-radius:22px}
  body.home-refresh-r1 .home-refresh-archive__flow{gap:5px}
  body.home-refresh-r1 .home-refresh-support{grid-template-columns:1fr;padding-top:56px;padding-bottom:56px;gap:10px}
  body.home-refresh-r1 .home-refresh-support__media{min-height:230px}
  body.home-refresh-r1 .home-refresh-support__media img{width:min(290px,82%)}
  body.home-refresh-r1 .home-refresh-support h2{font-size:36px}
  body.home-refresh-r1 .home-games-logo-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:7px;scrollbar-width:none;padding:2px 1px 8px}
  body.home-refresh-r1 .home-games-logo-row::-webkit-scrollbar{display:none}
  body.home-refresh-r1 .home-games-logo-row a{flex:0 0 128px;scroll-snap-align:start}
  body.home-refresh-r1 .home-refresh-faq .home-faq{grid-template-columns:1fr}
}

@media(max-width:480px){
  body.home-refresh-r1 .home-refresh-steps{grid-template-columns:1fr 1fr;gap:7px}
  body.home-refresh-r1 .home-refresh-steps article{min-height:160px;padding:15px;border-radius:17px}
  body.home-refresh-r1 .home-refresh-steps h3{font-size:14px;margin-top:12px}
  body.home-refresh-r1 .home-refresh-steps p{font-size:11.5px}
  body.home-refresh-r1 .home-challenge-pagination{gap:7px}
  body.home-refresh-r1 .home-challenge-pagination .btn{font-size:10.5px;padding-inline:9px}
  body.home-refresh-r1 .home-retro-skins b{width:100%}
}


/* R2: czytelniejsze najmniejsze teksty na stronie głównej */
body.home-refresh-r1 .home-nav__links a,
body.home-refresh-r1 .home-login-link{font-size:13px}
body.home-refresh-r1 .home-nav__actions .btn.btn--small{font-size:12px}
body.home-refresh-r1 .kicker{font-size:12px;line-height:1.35}
body.home-refresh-r1 .home-story-puzzle__toggle,
body.home-refresh-r1 .home-story-puzzle__counter,
body.home-refresh-r1 .home-story-puzzle__hint{font-size:11px!important}
@media(max-width:820px){
  body.home-refresh-r1 .home-refresh-hero__brand{width:100%;font-size:clamp(34px,9.4vw,44px);line-height:.98;letter-spacing:-.045em;margin:2px 0 17px}
  body.home-refresh-r1 .home-beta-pill b{font-size:12px}
  body.home-refresh-r1 .home-beta-pill span{font-size:11px}
  body.home-refresh-r1 .home-beta-short,
  body.home-refresh-r1 .home-beta-details p{font-size:12.5px}
  body.home-refresh-r1 .home-beta-details summary{font-size:12.5px}
  body.home-refresh-r1 .home-games-logo-row a{flex-basis:154px;min-height:146px}
  body.home-refresh-r1 .home-games-logo-row img{height:102px}
  body.home-refresh-r1 .home-games-logo-row span{font-size:11px}
  body.home-refresh-r1 .home-retro-skins b{font-size:11.5px}
  body.home-refresh-r1 .home-retro-skins span{font-size:10.5px}
  body.home-refresh-r1 .home-refresh-faq .home-faq summary{font-size:12.5px}
  body.home-refresh-r1 .home-refresh-faq .home-faq p{font-size:11.5px}
}

/* R3: profesjonalniejszy lockup pierwszego ekranu */
@media(max-width:480px){
  body.home-refresh-r1 .home-refresh-hero{padding-top:16px}
  body.home-refresh-r1 .home-refresh-hero__visual{margin-bottom:-1px}
  body.home-refresh-r1 .home-refresh-hero__brand{font-size:clamp(34px,10vw,40px);margin-bottom:16px}
  body.home-refresh-r1 .home-refresh-hero__copy h1{font-size:clamp(38px,10.6vw,46px);line-height:1.015;letter-spacing:-.055em;margin-bottom:15px}
  body.home-refresh-r1 .home-refresh-hero__lead{font-size:15.5px;line-height:1.58}
  body.home-refresh-r1 .home-beta-pill{min-height:33px;padding:6px 11px;margin-bottom:12px}
}


/* R4: responsywność prezentacji MINI GIER */
@media(max-width:1040px){body.home-refresh-r1 .home-game-logo-showcase{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;margin-inline:auto}body.home-refresh-r1 .home-game-logo{grid-template-rows:minmax(100px,126px) auto}body.home-refresh-r1 .home-retro-console-row{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px}body.home-refresh-r1 .home-retro-console-row a{grid-template-rows:minmax(150px,190px) auto}}
@media(max-width:820px){body.home-refresh-r1 .home-games-head{align-items:start}body.home-refresh-r1 .home-game-logo-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin:24px 0 32px}body.home-refresh-r1 .home-game-logo{grid-template-rows:minmax(82px,102px) auto;padding:5px 2px 2px}body.home-refresh-r1 .home-game-logo span{font-size:11.5px}body.home-refresh-r1 .home-retro-console-showcase{padding:20px 14px 18px;border-radius:22px}body.home-refresh-r1 .home-retro-console-showcase__head{grid-template-columns:1fr;gap:8px}body.home-refresh-r1 .home-retro-console-showcase__head p{font-size:12px}body.home-refresh-r1 .home-retro-console-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding:4px 2px 10px;margin-top:18px;scrollbar-width:none}body.home-refresh-r1 .home-retro-console-row::-webkit-scrollbar{display:none}body.home-refresh-r1 .home-retro-console-row a{flex:0 0 118px;grid-template-rows:165px auto;scroll-snap-align:center}body.home-refresh-r1 .home-retro-console-row span{font-size:11px}body.home-refresh-r1 .home-mini-games__foot--refresh{align-items:flex-start;flex-direction:column;gap:14px}body.home-refresh-r1 .home-mini-games__foot--refresh .btn{width:100%}body.home-refresh-r1 .home-story-puzzle[data-anchor="games-edge"]{--story-left:90vw;--story-top:54vh;--story-width:clamp(138px,43vw,190px);--story-rotate:4deg}body.home-refresh-r1 .home-story-puzzle[data-anchor="faq-edge"]{--story-left:10vw;--story-top:54vh;--story-width:clamp(132px,41vw,185px);--story-rotate:-4deg}}
@media(max-width:480px){body.home-refresh-r1 .home-refresh-games{padding-top:50px;padding-bottom:26px}body.home-refresh-r1 .home-game-logo-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 7px}body.home-refresh-r1 .home-game-logo{grid-template-rows:78px auto;border-radius:14px}body.home-refresh-r1 .home-game-logo span{font-size:10.5px}body.home-refresh-r1 .home-retro-console-row a{flex-basis:106px;grid-template-rows:148px auto}body.home-refresh-r1 .home-refresh-faq{padding-top:28px}}


/* R5: katalog index - naturalne proporcje zostają, obniżamy tylko wspólną linię hero. */
body.home-refresh-r1 .home-challenge-card--refresh{min-height:342px}
body.home-refresh-r1 .home-challenge-card--refresh .home-challenge-card__hero{height:177px}
@media(max-width:640px){
  body.home-refresh-r1 .home-challenge-card--refresh{min-height:297px}
  body.home-refresh-r1 .home-challenge-card--refresh .home-challenge-card__hero{height:149px}
}


/* R6: ciaglosc puzzli w dolnej czesci strony.
   Puzzle maja osobne pozycje przy Wspolnej Motywacji, MINI GRACH i FAQ.
   Ustawiamy je przy krawedzi viewportu i minimalnie nad zwyklymi sekcjami,
   ale nadal pod nawigacja, modalami i priorytetowa trescia. */
body.home-refresh-r1 .home-story-puzzle[data-anchor="support-edge"]{
  --story-left:94vw;
  --story-top:51vh;
  --story-width:clamp(185px,18vw,285px);
  --story-rotate:3deg;
  z-index:9;
}
body.home-refresh-r1 .home-story-puzzle[data-anchor="games-edge"]{
  --story-left:94vw;
  --story-top:56vh;
  --story-width:clamp(180px,18vw,280px);
  --story-rotate:3deg;
  z-index:9;
}
body.home-refresh-r1 .home-story-puzzle[data-anchor="faq-edge"]{
  --story-left:6vw;
  --story-top:55vh;
  --story-width:clamp(175px,17vw,270px);
  --story-rotate:-3deg;
  z-index:9;
}
body.home-refresh-r1 .home-refresh-support,
body.home-refresh-r1 .home-refresh-games,
body.home-refresh-r1 .home-refresh-faq{
  overflow:visible;
}

@media(max-width:820px){
  body.home-refresh-r1 .home-story-puzzle[data-anchor="support-edge"]{
    --story-left:93vw;
    --story-top:49vh;
    --story-width:clamp(132px,40vw,180px);
    --story-rotate:4deg;
  }
  body.home-refresh-r1 .home-story-puzzle[data-anchor="games-edge"]{
    --story-left:93vw;
    --story-top:52vh;
    --story-width:clamp(128px,39vw,176px);
    --story-rotate:4deg;
  }
  body.home-refresh-r1 .home-story-puzzle[data-anchor="faq-edge"]{
    --story-left:7vw;
    --story-top:52vh;
    --story-width:clamp(126px,38vw,172px);
    --story-rotate:-4deg;
  }
}

/* =========================================================
   R10 · FINAL 30/30
   Po ułożeniu całego obrazu trofeum staje się głównym
   elementem finału. Nie zmienia mechaniki puzzli.
   ========================================================= */
body.home-refresh-r1 .home-story-puzzle.is-complete[data-anchor="final"]{
  --story-left:50vw;
  --story-top:45vh;
  --story-width:min(64vw,740px);
  --story-rotate:0deg;
  z-index:11;
  filter:drop-shadow(0 32px 44px rgba(17,24,39,.18));
}

body.home-refresh-r1 .home-story-puzzle.is-complete[data-anchor="final"] .home-story-puzzle__controls{
  bottom:-44px;
  gap:8px;
}
body.home-refresh-r1 .home-story-puzzle.is-complete[data-anchor="final"] .home-story-puzzle__toggle,
body.home-refresh-r1 .home-story-puzzle.is-complete[data-anchor="final"] .home-story-puzzle__counter{
  height:32px;
  font-size:11px!important;
}
body.home-refresh-r1 .home-story-puzzle.is-complete[data-anchor="final"] .home-story-puzzle__hint{
  height:32px;
  font-size:11px!important;
}

/* Robimy miejsce na duże, kompletne trofeum nad finałowym tekstem. */
body.home-refresh-r1 .home-story-final{
  min-height:clamp(1040px,122vh,1260px);
  padding-top:clamp(760px,83vh,900px);
  padding-bottom:clamp(72px,8vw,110px);
}

@media(max-width:820px){
  body.home-refresh-r1 .home-story-puzzle.is-complete[data-anchor="final"]{
    --story-left:50vw;
    --story-top:34vh;
    --story-width:min(88vw,360px);
    --story-rotate:0deg;
  }
  body.home-refresh-r1 .home-story-final{
    min-height:920px;
    padding-top:520px;
    padding-bottom:82px;
  }
  body.home-refresh-r1 .home-story-puzzle.is-complete[data-anchor="final"] .home-story-puzzle__controls{
    bottom:-38px;
  }
}

@media(max-width:420px){
  body.home-refresh-r1 .home-story-puzzle.is-complete[data-anchor="final"]{
    --story-top:32vh;
    --story-width:min(90vw,350px);
  }
  body.home-refresh-r1 .home-story-final{
    min-height:900px;
    padding-top:500px;
  }
}

/* =========================================================
   R11 · FINAL 30/30 DOKOWANY NAD NAGŁÓWKIEM
   Po pełnym ułożeniu obraz przestaje być fixed i zostaje
   na stałe w dokumencie nad "Tak właśnie działa...".
   Nie może już zjechać do sociali ani stopki.
   ========================================================= */
body.home-refresh-r1 .home-story-puzzle.is-complete[data-anchor="final"].is-final-docked{
  position:absolute!important;
  left:50vw!important;
  top:var(--story-final-dock-top)!important;
  width:min(64vw,740px)!important;
  transform:translate(-50%,-50%) rotate(0deg)!important;
  z-index:11!important;
  transition:width .45s cubic-bezier(.2,.78,.18,1),opacity .35s ease,filter .45s ease!important;
}

@media(max-width:820px){
  body.home-refresh-r1 .home-story-puzzle.is-complete[data-anchor="final"].is-final-docked{
    left:50vw!important;
    width:min(88vw,360px)!important;
  }
}

@media(max-width:420px){
  body.home-refresh-r1 .home-story-puzzle.is-complete[data-anchor="final"].is-final-docked{
    width:min(90vw,350px)!important;
  }
}

/* R12: po kliknieciu „Schowaj” puzzle musza zostac nad sticky topem. */
body.home-refresh-r1 .home-story-puzzle.is-parked,
body.home-refresh-r1 .home-story-puzzle.is-parked.is-under-priority,
body.home-refresh-r1.home-content-priority-active .home-story-puzzle.is-parked{
  z-index:2305!important;
}

/* Kontrolka Odblokuj ma byc klikalna ponad topem. */
body.home-refresh-r1 .home-story-puzzle.is-parked .home-story-puzzle__controls{
  z-index:2310!important;
  pointer-events:auto!important;
}