/* Landing: trzy kompozycje na podstawie context/changes/landing-page/1–3.png.
   Plansza 4:5 jest układem odniesienia (cqw). Szerokie okna mają osobny układ.
   Jasna paleta ilustracji pozostaje spĂłjna rĂłwnieĹĽ przy ciemnym motywie gry.
   Warstwy w planszy: dekoracje 0, telefon 1, tekst 2, ozdobniki przed telefonem 3.
   Po zmianie tego pliku podnieĹ› wersjÄ™ linku w play.html. */
.lp{position:fixed;inset:0;z-index:40;overflow:hidden;display:flex;
  --lp-ink:#0c062b;--lp-muted:#77708d;--lp-display:'TitanOne',sans-serif;
  --lp-gradient:linear-gradient(110deg,#0083ff 0%,#4433ff 51%,#8300ed 100%);
  color:var(--lp-ink);color-scheme:light;background:#faf9ff;font-family:var(--font)}
.lp.hidden{display:none}
.lp-track{display:flex;width:100%;min-height:0;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.lp-track::-webkit-scrollbar{display:none}
.lp-slide{flex:0 0 100%;width:100%;min-width:0;overflow-y:auto;overflow-x:hidden;
  scroll-snap-align:center;scroll-snap-stop:always;overscroll-behavior-y:contain;overscroll-behavior-x:auto;
  display:flex;padding:var(--sa-top) var(--sa-right) var(--sa-bottom) var(--sa-left);
  background:radial-gradient(ellipse at 105% 32%,#eeedfc 0 34%,transparent 34.1%),
    radial-gradient(ellipse at -7% 103%,#efedff 0 23%,transparent 23.1%),
    radial-gradient(ellipse at 108% 126%,#edebff 0 28%,transparent 28.1%),#faf9ff}
.lp-inner{position:relative;isolation:isolate;overflow:clip;container-type:inline-size;
  width:100%;max-width:760px;aspect-ratio:4/5;flex:none;align-self:center;margin:auto}
.lp-brand{position:absolute;left:5.4%;top:7.4%;--brand-size:7.2cqw;color:var(--lp-ink);z-index:2}
.lp .brand-txt b{background:var(--lp-gradient);background-clip:text;-webkit-text-fill-color:transparent}
.lp-copy{position:absolute;left:5.4%;top:32.6%;width:50%;z-index:2}
.lp h1,.lp h2,.lp h3,.lp p{margin:0}
.lp h1,.lp h2,.lp h3{font-family:var(--lp-display);font-weight:400;color:var(--lp-ink);text-transform:none}
.lp h1,.lp h2{font-size:9.3cqw;line-height:.99;letter-spacing:-.22cqw}
.lp-grad{background:var(--lp-gradient);background-clip:text;-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;color:#6430ed}
.lp-intro h1 .lp-grad{font-size:6.4cqw;letter-spacing:-.24cqw;white-space:nowrap}
.lp-lead{color:var(--lp-muted);font-size:3.05cqw;font-weight:400;line-height:1.38;letter-spacing:-.12cqw}
.lp-copy .lp-lead{margin-top:3.6cqw}
.lp-action{position:absolute;left:5.4%;top:79.4%;width:54%;z-index:3}
.lp-cta{display:flex;align-items:center;justify-content:center;gap:3.8cqw;
  width:100%;min-height:12.5cqw;padding:2.7cqw 3cqw;border:0;border-radius:6.5cqw;
  background:linear-gradient(166deg,#007dff 0%,#4831ff 48%,#8700f0 100%);color:#fff;
  font-family:var(--font);font-size:4.3cqw;font-weight:800;line-height:1.1;letter-spacing:-.12cqw;
  box-shadow:0 1.5cqw 4.5cqw #7a28f73b;cursor:pointer;white-space:nowrap;
  transition:transform .18s ease,filter .18s ease}
.lp-cta:hover{filter:brightness(1.07);transform:translateY(-2px)}
.lp-cta:active{transform:translateY(0) scale(.98)}
.lp-cta .arr{font-family:Arial,sans-serif;font-size:1.25em;font-weight:400}
.lp-fine{margin-top:2cqw!important;font-size:2.55cqw;white-space:nowrap;color:var(--lp-muted);letter-spacing:-.1cqw}
.lp-hero-globe{position:absolute;left:44%;top:21.5%;width:21%;transform:rotate(-13deg);z-index:0}
.lp-question-deco{position:absolute;right:1.2%;top:51.5%;width:8.5%;transform:rotate(12deg);z-index:3}
.lp-trophy-deco{position:absolute;right:-.5%;top:65%;width:20%;transform:rotate(13deg);z-index:3;filter:drop-shadow(0 2cqw 2cqw #6b39b321);pointer-events:none}
.lp-spark-a,.lp-spark-b{position:absolute;pointer-events:none;z-index:0;width:7cqw;height:8cqw}
.lp-intro .lp-spark-a{left:34%;top:25.5%;transform:rotate(-24deg)}
.lp-intro .lp-spark-b{right:1%;top:41%;transform:rotate(40deg)}
.lp-sparks{position:relative;display:block;width:100%;height:100%}
.lp-sparks i{position:absolute;display:block;width:2.1cqw;height:5cqw;border-radius:70% 70% 50% 50%;
  background:linear-gradient(110deg,#ffef96,#ffce39 65%,#ffb71e);box-shadow:inset .2cqw .1cqw .3cqw #fff7b4}
.lp-sparks i:first-child{left:4cqw;top:0;transform:rotate(-8deg)}
.lp-sparks i:last-child{left:.8cqw;top:3.6cqw;height:4.2cqw;transform:rotate(-42deg)}
/* Telefon: ilustracyjna makieta bez aktywnych kontrolek. */
.lp-phonewrap{position:absolute;left:53.2%;top:15%;width:40%;z-index:1;transform:rotate(8deg)}
.lp-phone{position:relative;width:100%;height:80cqw;border-radius:6.7cqw;padding:1.25cqw;
  background:linear-gradient(105deg,#111116,#878896 2%,#111116 4%,#020204 92%,#747382 96%,#14121d);
  box-shadow:.55cqw .4cqw 0 #a7a4b8,.8cqw .7cqw 0 #3b364a,2cqw 3cqw 5cqw #7762bd42,inset .3cqw .2cqw .4cqw #dedbea}
.lp-phone::before{content:'';position:absolute;left:-.3cqw;top:17cqw;width:.35cqw;height:9cqw;background:#787482;border-radius:1cqw}
.lp-phone-screen{position:relative;height:100%;overflow:hidden;border-radius:5.6cqw;background:linear-gradient(140deg,#fff,#f7f5fc);padding:8cqw 1.8cqw 3cqw;color:#19132e;font-family:var(--font)}
.lp-notch{position:absolute;top:-.1cqw;left:25%;width:50%;height:3.4cqw;border-radius:0 0 1.8cqw 1.8cqw;background:#040409}
.lp-notch::after{content:'';position:absolute;top:.9cqw;right:2.2cqw;width:.9cqw;height:.9cqw;border-radius:50%;background:#0d1534;box-shadow:inset .2cqw .1cqw .2cqw #273a66}
.lp-home-indicator{position:absolute;bottom:1.15cqw;left:34%;width:32%;height:.55cqw;border-radius:1cqw;background:#18151e}
.lp-question-card{background:#fff;border-radius:3cqw;padding:2.3cqw 1.4cqw 2cqw;box-shadow:0 .5cqw 1.8cqw #887ba714}
.lp-question-meta{display:flex;justify-content:space-between;align-items:center;padding:0 .6cqw}
.lp-question-meta>span{display:flex;align-items:center;gap:.6cqw;padding:.6cqw 1cqw;background:#f4f2ff;border-radius:3cqw;color:#3975e9;font-size:1.8cqw}
.lp-question-meta img{width:3.4cqw;height:3.4cqw}
.lp-question-meta>b{display:grid;place-items:center;width:6.5cqw;height:6.5cqw;border:.7cqw solid #28b777;border-right-color:#7042ff;border-radius:50%;font-size:2.4cqw;background:#fff}
.lp-question-card>p{margin:3cqw .6cqw 3cqw;font-size:3.05cqw;font-weight:800;line-height:1.13;letter-spacing:-.12cqw}
.lp-answers{display:flex;flex-direction:column;gap:.9cqw}
.lp-answers>span{height:5.6cqw;border:1px solid #eeebf4;border-radius:4cqw;display:flex;align-items:center;gap:1.3cqw;font-size:1.9cqw;background:#f9f8fc}
.lp-answers b{display:grid;place-items:center;height:5.2cqw;width:5.2cqw;background:#eeebf6;border-radius:50%;font-size:1.9cqw;font-weight:500}
.lp-answers .correct{background:linear-gradient(90deg,#bbf2d1,#daf4df);border-color:#51c382}
.lp-answers .correct b{background:#12b762;color:#fff}
.lp-players{display:grid;grid-template-columns:repeat(4,1fr);gap:.5cqw;margin-top:2.8cqw}
.lp-player{display:flex;flex-direction:column;align-items:center;min-width:0;font-size:1.75cqw;line-height:1.35}
.lp-player>b{font-weight:500}
.lp-player.anon>b{color:#119b50;font-weight:800}
.lp-avatar,.lp-anon{display:grid;place-items:center;width:6.7cqw;height:6.7cqw;border-radius:50%;background:linear-gradient(145deg,#e8e6ff,#cec6f5);font-family:'Segoe UI Emoji',sans-serif;font-size:5.7cqw;line-height:1;margin-bottom:.5cqw}
.lp-avatar{background-image:url(/landing/players-3d.webp);background-size:300% 100%;background-repeat:no-repeat;background-color:transparent}
.kasia>.lp-avatar{background-position:0 50%}.marek>.lp-avatar{background-position:50% 50%}.ola>.lp-avatar{background-position:100% 50%}
.lp-anon{position:relative;background:linear-gradient(135deg,#75cbff,#5664f9 70%,#713ae5);overflow:hidden}
.lp-anon::before{content:'';position:absolute;left:34%;top:15%;width:32%;height:33%;border-radius:50%;background:linear-gradient(110deg,#fff,#dbe2ff);box-shadow:.3cqw .2cqw .4cqw #3935a64d}
.lp-anon i{position:absolute;bottom:8%;left:19%;width:62%;height:39%;border-radius:70% 70% 30% 30%;background:linear-gradient(110deg,#fff,#cbd5ff);box-shadow:.3cqw .2cqw .4cqw #3935a64d}
/* Plansza zasad: duĹĽe ilustracje i trzy rĂłwne kolumny, jak w projekcie. */
.lp-how .lp-brand{top:2.6%;--brand-size:3.7cqw}
.lp-how-heading{position:absolute;top:11.5%;left:4%;width:92%;text-align:center}
.lp-how h2{font-size:8.2cqw;white-space:nowrap;letter-spacing:-.23cqw}
.lp-how-heading .lp-lead{margin-top:1.7cqw;font-size:3.4cqw}
.lp-bulb{position:absolute;right:4%;top:16.5%;width:11%;transform:rotate(17deg)}
.lp-how .lp-spark-a{left:1%;top:13%;transform:rotate(-15deg);width:5cqw}
.lp-steps{position:absolute;left:4%;top:29%;width:92%;height:39.2%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4cqw}
.lp-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:4cqw;background:linear-gradient(135deg,#ffffffd9,#ffffff80);box-shadow:0 1.4cqw 4cqw #9990d309;padding:3.8cqw 1cqw 2cqw}
.lp-step .num{position:absolute;left:2.3cqw;top:1.9cqw;display:grid;place-items:center;width:6.6cqw;height:6.6cqw;border-radius:50%;background:var(--lp-gradient);color:#fff;font-size:3.8cqw;font-weight:800;box-shadow:0 .5cqw 1cqw #643ffa29;z-index:2}
.lp-step-art{position:relative;width:100%;height:23.6cqw;flex:none;margin-bottom:.8cqw}
.lp-step-art>img{position:absolute;object-fit:contain}
.lp-step-art.choose>img{width:76%;left:15%;top:1.5cqw}
.lp-mini-list{position:absolute;left:10%;bottom:1cqw;width:13cqw;height:10.5cqw;border-radius:2cqw;background:linear-gradient(135deg,#fff,#e8e2ff);box-shadow:.3cqw .5cqw 1.1cqw #5948bd42;transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:center;gap:1.1cqw;padding:1.3cqw}
.lp-mini-list i{position:relative;width:7.3cqw;height:1.1cqw;border-radius:1cqw;background:#bab0e8;margin-left:2.9cqw}
.lp-mini-list i::before{content:'';position:absolute;left:-2.8cqw;top:-.35cqw;width:2cqw;height:2cqw;border-radius:50%;background:linear-gradient(130deg,#629dff,#5944fc)}
.lp-mini-list i:nth-child(2)::before{background:linear-gradient(130deg,#ff9dbb,#f03d98)}
.lp-mini-list i:nth-child(3)::before{background:linear-gradient(130deg,#83efb4,#21b77b)}
.lp-step-art.bid>img:first-child{width:86%;left:2%;bottom:1cqw;z-index:1}
.lp-step-art.bid>.lp-step-question{width:26%;right:10%;top:1.4cqw}
.lp-step-art.win>.lp-step-people{width:92%;left:4%;top:0;height:100%}
.lp-step h3{font-size:3.6cqw;line-height:1.13;letter-spacing:-.08cqw}
.lp-step p{color:var(--lp-muted);font-size:2.48cqw;line-height:1.25;margin-top:1.6cqw;letter-spacing:-.12cqw}
.lp-cats{position:absolute;left:4%;top:70%;width:92%;height:12%;display:grid;grid-template-columns:1.5fr repeat(6,1fr);align-items:stretch;gap:1cqw;background:#eeebfc;border-radius:3cqw;padding:1.6cqw}
.lp-cats>b{align-self:center;font-weight:500;font-size:2.65cqw;line-height:1.2;letter-spacing:-.12cqw;padding-left:1cqw}
.lp-cat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1cqw;border-radius:2.2cqw;background:#ffffffa3;min-width:0}
.lp-cat img{width:5.3cqw;height:5.3cqw;object-fit:contain}
.lp-cat>span:last-child{font-size:1.6cqw;line-height:1.1;letter-spacing:-.08cqw;white-space:nowrap}
.lp-cat .dots{height:5.3cqw;display:flex;align-items:center;gap:.55cqw}
.lp-cat .dots i{width:1.25cqw;height:1.25cqw;border-radius:50%;background:linear-gradient(145deg,#b48bff,#681fe3);box-shadow:0 .2cqw .3cqw #693bac22}
.lp-banner{position:absolute;left:4%;top:83.8%;width:92%;height:12.3%;display:flex;align-items:center;justify-content:space-between;padding:2.8cqw 3.2cqw;gap:2cqw;border-radius:3cqw;background:linear-gradient(115deg,#067dfd,#4935cf 54%,#7909e7);color:#fff}
.lp-banner b{display:block;font-family:var(--lp-display);font-weight:400;font-size:3.8cqw;line-height:1.14;letter-spacing:-.13cqw}
.lp-banner>div>span{display:block;font-size:2.45cqw;letter-spacing:-.1cqw;margin-top:1.2cqw;color:#e3dafa}
.lp-banner .lp-cta{background:#fff;color:#160c38;font-size:2.3cqw;min-height:7cqw;width:24cqw;flex:none;gap:1.3cqw;box-shadow:0 1cqw 2cqw #211a6630;padding:1.4cqw 2cqw}
/* Plansza końcowa. */
.lp-ready .lp-brand{top:4.2%}
.lp-ready .lp-copy{top:20.2%;width:52%}
.lp-ready h2{font-size:8.3cqw;line-height:1.04;letter-spacing:-.26cqw}
.lp-ready .lp-copy .lp-lead{margin-top:3.6cqw;font-size:3.75cqw;line-height:1.32}
.lp-ready .lp-phonewrap{left:53.2%;top:13%;width:36.8%;transform:rotate(6deg)}
.lp-ready .lp-phone{height:81cqw}
.lp-ready .lp-phone-screen{padding:8cqw 1.5cqw 3cqw}
.lp-perks{position:absolute;left:5%;top:47.6%;width:44%;display:flex;flex-direction:column;gap:1.7cqw;z-index:2}
.lp-perk{display:flex;align-items:center;gap:1.6cqw;min-height:12cqw;padding:1.3cqw 1.7cqw;border-radius:2.6cqw;background:#efebfcad}
.lp-perk img{width:10.3cqw;height:9cqw;object-fit:contain;flex:none}
.lp-perk b,.lp-perk span{display:block;font-size:2.6cqw;letter-spacing:-.1cqw;line-height:1.27}
.lp-perk b{font-weight:800;white-space:nowrap}
.lp-perk span{color:var(--lp-muted);font-weight:400}
.lp-ready .lp-action{top:72.2%;width:41.5%}
.lp-ready .lp-cta{font-size:3.6cqw;gap:2.1cqw}
.lp-ready .lp-fine{font-size:1.9cqw;margin-top:2.5cqw!important}
.lp-ready .lp-trophy-deco{left:42%;right:auto;top:69%;width:25%;transform:rotate(17deg)}
.lp-together{position:absolute;right:3.1%;top:75.5%;width:21%;height:10.9%;display:flex;align-items:center;justify-content:center;gap:1.2cqw;border-radius:7cqw;background:linear-gradient(140deg,#fff,#eae0ff);border:.3cqw solid #fff9;color:#632bb1;font-size:2.85cqw;font-style:italic;line-height:1.03;transform:rotate(-8deg);box-shadow:0 1cqw 2cqw #9780ca38;z-index:3}
.lp-together::after{content:'';position:absolute;bottom:-1.1cqw;right:3cqw;width:3cqw;height:3cqw;background:#eae0ff;clip-path:polygon(0 0,100% 0,100% 100%)}
.lp-together>span{font-size:5cqw;color:#b239f0;text-shadow:0 .3cqw .2cqw #7028bf55;font-style:normal}
.lp-margin-note{position:absolute;right:1.2%;top:37%;width:9%;text-align:center;font-size:2.1cqw;font-style:italic;line-height:1.25;color:#77708d;transform:rotate(-12deg)}
.lp-ready .lp-spark-a{left:47%;top:15%;transform:rotate(-24deg)}
.lp-ready .lp-spark-b{right:1.6%;top:27%;transform:rotate(40deg)}
.lp-victory{position:relative;text-align:center;padding-top:0}
.lp-victory-cup{position:relative;width:21cqw;height:22cqw;object-fit:contain;z-index:1}
.lp-victory>b{display:block;font-family:var(--lp-display);font-size:3.8cqw;line-height:1.15;letter-spacing:-.1cqw;margin-top:.8cqw}
.lp-victory>span{display:block;font-size:1.9cqw;margin-top:.6cqw}
.conf{position:absolute;width:.9cqw;height:2.2cqw;border-radius:.3cqw;background:#ffcf29;transform:rotate(-30deg);top:6cqw;left:2cqw}
.conf.c1{background:#35dabd;top:2cqw;left:1cqw}.conf.c2{background:#f8518e;top:1cqw;left:7cqw;transform:rotate(30deg)}
.conf.c3{background:#7960ff;top:2cqw;left:auto;right:4cqw;transform:rotate(25deg)}
.conf.c4{top:13cqw;left:auto;right:1cqw}.conf.c5{background:#29c7e8;top:19cqw;left:5cqw;transform:rotate(45deg)}
.conf.c6{background:#ad3dea;top:20cqw;left:auto;right:3cqw;transform:rotate(-30deg)}
.lp-ranking{display:flex;flex-direction:column;gap:1cqw;margin-top:2cqw}
.lp-rank{display:flex;align-items:center;gap:1.4cqw;border-radius:2cqw;background:#eeebf880;padding:1cqw;min-height:7.4cqw}
.lp-rank.r1{background:linear-gradient(105deg,#e7fff0,#d5f9e5);border:1px solid #bcf0d2;min-height:10cqw}
.lp-medal{display:grid;place-items:center;width:3.9cqw;height:4.5cqw;border-radius:50%;background:linear-gradient(140deg,#fff,#d0cbe3);font-size:2.4cqw;font-weight:500;flex:none}
.r1 .lp-medal{background:linear-gradient(130deg,#fff195,#ffca22);color:#815509;box-shadow:0 .3cqw .3cqw #d29a1c26}
.r3 .lp-medal{background:linear-gradient(130deg,#ffd7a7,#ffae69);color:#87470d}
.lp-rank .lp-player{flex:1;display:grid;grid-template-columns:6cqw 1fr auto;gap:1.3cqw;font-size:2.1cqw}
.lp-rank .lp-avatar,.lp-rank .lp-anon{width:6cqw;height:6cqw;font-size:5cqw;margin:0}
.lp-rank .lp-player>b{font-size:2.5cqw}
.r1 .lp-player{grid-template-columns:6cqw 1fr;grid-template-rows:auto auto;gap:0 1.3cqw}
.r1 .lp-anon{grid-row:span 2;width:6.6cqw;height:6.6cqw}
.r1 .lp-player>b{grid-column:2;font-size:3cqw}
/* Obsługa karuzeli: kontrolki mają wygodny obszar dotyku, grafika pozostaje dyskretna. */
.lp-count{position:absolute;right:max(4%,calc((100% - 760px)/2 + 30px));top:calc(3.3% + var(--sa-top));z-index:4;
  padding:10px 24px;background:#ffffffec;border-radius:999px;box-shadow:0 4px 14px #8271bb22;
  color:var(--lp-ink);font-size:20px;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}
.lp-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(12px + var(--sa-bottom));z-index:4;display:flex;gap:0;
  padding:1px 6px;background:#ffffffec;border-radius:999px;box-shadow:0 4px 14px #8271bb22}
.lp-dots button{display:grid;place-items:center;width:30px;height:26px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}
.lp-dots button::after{content:'';width:7px;height:7px;background:#a79dc4;border-radius:99px;transition:width .2s ease,background .2s ease}
.lp-dots button[aria-current=true]::after{width:20px;background:#7041ef}
.lp-dots button:hover{filter:none}
.lp-arrow{display:none}
@media(hover:hover) and (min-width:1000px){
 .lp-arrow{display:grid;place-items:center;position:absolute;top:50%;z-index:4;width:44px;height:44px;margin-top:-22px;padding:0;border-radius:50%;border:1px solid #e4dff0;background:#ffffffd9;color:#55436f;font-size:28px;box-shadow:0 4px 18px #705da014;cursor:pointer}
 .lp-arrow.prev{left:18px}.lp-arrow.next{right:18px}.lp-arrow[disabled]{visibility:hidden}
}
/* Wąski ekran: czytelny tekst i większe odstępy pomiędzy elementami. */
@media(max-width:540px){
 .lp-inner{min-height:max(650px,calc(100dvh - 32px));aspect-ratio:4/6.6;align-self:center}
 .lp-brand{top:7%;--brand-size:7cqw}
 .lp-copy{top:32%;width:53%}
 .lp h1{font-size:9.5cqw}.lp-intro h1 .lp-grad{font-size:6.8cqw}
 .lp-lead{font-size:3.55cqw;line-height:1.4}
 .lp-copy .lp-lead{margin-top:5cqw;width:82%}
 .lp-desktop-break{display:none}
 .lp-phonewrap{top:26%;left:55%;width:39%}
 .lp-phone{height:82cqw}
 .lp-hero-globe{top:25%;left:42%;width:22%}
 .lp-action{top:78%;width:75%}
 .lp-cta{min-height:14.5cqw;font-size:5cqw;border-radius:9cqw}
 .lp-fine{font-size:3cqw;margin-top:3cqw!important}
 .lp-question-deco{top:53%;width:9%;right:0}
 .lp-trophy-deco{top:65%;width:23%}
 .lp-intro .lp-spark-a{top:25%;left:32%}.lp-intro .lp-spark-b{top:39%}
 .lp-count{font-size:14px;padding:8px 17px;top:calc(22px + var(--sa-top));right:20px}
 .lp-how .lp-brand{top:4%;--brand-size:4.7cqw}
 .lp-how-heading{top:16%;left:3%;width:94%}
 .lp-how h2{font-size:8.1cqw}
 .lp-how-heading .lp-lead{font-size:3.6cqw;margin-top:3cqw}
 .lp-how .lp-spark-a{top:17%;left:1%}
 .lp-bulb{top:22%;right:2%;width:11%}
 .lp-steps{top:31%;height:36%;left:3%;width:94%;gap:1.4cqw}
 .lp-step{padding-top:7cqw}
 .lp-step-art{height:25cqw;margin-bottom:2cqw}
 .lp-step h3{font-size:3.55cqw}
 .lp-step p{font-size:3.1cqw;line-height:1.3;margin-top:2.6cqw}
 .lp-step p br{display:none}
 .lp-cats{top:68%;height:12%;left:3%;width:94%;grid-template-columns:repeat(6,1fr);padding:2cqw;gap:1cqw}
 .lp-cats>b{grid-column:1/-1;font-size:3cqw;padding-left:0}.lp-cats>b br{display:none}
 .lp-cat{padding:1cqw .3cqw}.lp-cat>span:last-child{font-size:2cqw;letter-spacing:-.1cqw}
 .lp-banner{top:82%;height:12%;left:3%;width:94%;padding:3cqw;gap:2cqw}
 .lp-banner b{font-size:4.1cqw}.lp-banner>div>span{font-size:2.8cqw;line-height:1.4}
 .lp-banner .lp-cta{font-size:2.8cqw;width:28cqw;min-height:10cqw;gap:1cqw}
 .lp-ready .lp-brand{top:6%}
 .lp-ready .lp-copy{top:23%}.lp-ready h2{font-size:9.1cqw}
 .lp-ready .lp-copy .lp-lead{font-size:3.75cqw;margin-top:4cqw}
 .lp-ready .lp-phonewrap{top:24%;left:56%;width:36%}
 .lp-ready .lp-phone{height:84cqw}
 .lp-perks{top:46%;left:5%;width:47%;gap:2.5cqw}
 .lp-perk{padding:2cqw 1.2cqw;min-height:16cqw;gap:1.2cqw}
 .lp-perk img{width:8.5cqw;height:10cqw}
 .lp-perk b,.lp-perk span{font-size:3cqw;white-space:normal}
 .lp-ready .lp-action{top:74%;width:55%}.lp-ready .lp-cta{font-size:4.3cqw}
 .lp-ready .lp-fine{font-size:2.8cqw}
 .lp-ready .lp-trophy-deco{left:55%;top:66%;width:27%}
 .lp-together{top:76%;right:3%;width:24%;height:8%;font-size:3.5cqw}
 .lp-margin-note{display:none}
 .lp-ready .lp-spark-a{top:20%;left:47%}.lp-ready .lp-spark-b{top:34%}
}
/* Szeroki ekran: ta sama hierarchia i większe pole na tekst oraz telefon. */
@media(min-width:1000px){
 .lp-inner{width:min(1120px,calc((100dvh - 40px)*1.48));max-width:calc(100% - 140px);aspect-ratio:1.48}
 .lp-brand{top:5%;--brand-size:4.4cqw}
 .lp-copy{top:29%;left:5%;width:53%}
 .lp h1{font-size:6.9cqw}.lp-intro h1 .lp-grad{font-size:6cqw}
 .lp-copy .lp-lead{font-size:2cqw;margin-top:2.6cqw}
 .lp-phonewrap{width:29%;left:62%;top:10%}.lp-phone{height:58cqw}
 .lp-phone-screen{padding:5cqw 1.3cqw 2cqw;border-radius:4cqw}
 .lp-phone{padding:.9cqw;border-radius:4.8cqw}
 .lp-notch{height:2.5cqw}
 .lp-question-card{padding:1.5cqw 1cqw}
 .lp-question-meta>span{font-size:1.25cqw}.lp-question-meta img{width:2.5cqw;height:2.5cqw}
 .lp-question-meta>b{width:4.7cqw;height:4.7cqw;font-size:1.7cqw;border-width:.5cqw}
 .lp-question-card>p{font-size:2.25cqw;margin:2.2cqw .4cqw}
 .lp-answers{gap:.65cqw}.lp-answers>span{height:4.1cqw;font-size:1.4cqw;gap:1cqw}
 .lp-answers b{width:3.8cqw;height:3.8cqw;font-size:1.4cqw}
 .lp-players{margin-top:2cqw}.lp-player{font-size:1.3cqw}
 .lp-avatar,.lp-anon{width:4.8cqw;height:4.8cqw;font-size:4cqw}
 .lp-hero-globe{width:16%;left:51%;top:16%}
 .lp-question-deco{width:6%;right:1%;top:50%}.lp-trophy-deco{width:17%;right:0;top:66%}
 .lp-intro .lp-spark-a{left:45%;top:24%}.lp-intro .lp-spark-b{right:1%;top:33%}
 .lp-action{left:5%;top:80%;width:38%}.lp-cta{min-height:7.8cqw;font-size:2.8cqw;gap:2.3cqw;padding:1.6cqw 2cqw}
 .lp-fine{font-size:1.7cqw;margin-top:1.5cqw!important}
 .lp-how .lp-brand{top:0;--brand-size:2.7cqw}
 .lp-how-heading{top:11%}.lp-how h2{font-size:5.7cqw}.lp-how-heading .lp-lead{font-size:2.3cqw;margin-top:1cqw}
 .lp-how .lp-spark-a{top:13%;left:11%}.lp-bulb{top:14%;right:11%;width:7%}
 .lp-steps{top:32%;height:39%;left:7%;width:86%;gap:2cqw}
 .lp-step{padding:1.5cqw 1cqw;border-radius:2.5cqw}
 .lp-step .num{width:4.2cqw;height:4.2cqw;font-size:2.5cqw;top:1.4cqw;left:1.5cqw}
 .lp-step-art{height:13cqw;width:62%;margin-bottom:.4cqw}
 .lp-step-art.choose>img{top:.4cqw;width:75%;left:17%}
 .lp-mini-list{width:8cqw;height:6.3cqw;border-radius:1.3cqw;padding:.8cqw;gap:.7cqw;bottom:.5cqw}
 .lp-mini-list i{height:.7cqw;width:4.4cqw;margin-left:1.7cqw}.lp-mini-list i::before{left:-1.7cqw;top:-.2cqw;width:1.2cqw;height:1.2cqw}
 .lp-step-art.bid>img:first-child{bottom:0}.lp-step-art.bid>.lp-step-question{top:.3cqw}
 .lp-step-art.win>.lp-step-people{width:92%;left:4%}
 .lp-step h3{font-size:2.55cqw;line-height:1.08}.lp-step h3 br{display:none}
 .lp-step p{font-size:1.65cqw;line-height:1.3;margin-top:1cqw}.lp-step p br{display:none}
 .lp-cats{top:73%;height:11%;left:7%;width:86%;padding:1cqw;gap:.8cqw;border-radius:2cqw}
 .lp-cats>b{font-size:1.7cqw}.lp-cat{flex-direction:row;gap:.6cqw;border-radius:1.4cqw}
 .lp-cat img{width:2.8cqw;height:2.8cqw}.lp-cat>span:last-child{font-size:1.1cqw;letter-spacing:-.04cqw}
 .lp-cat .dots{height:2.8cqw;gap:.2cqw}.lp-cat .dots i{width:.55cqw;height:.55cqw}
 .lp-banner{top:86%;height:12%;left:7%;width:86%;padding:1.7cqw 2.6cqw;border-radius:2cqw}
 .lp-banner b{font-size:2.8cqw}.lp-banner>div>span{font-size:1.7cqw;margin-top:.5cqw}
 .lp-banner .lp-cta{font-size:1.8cqw;min-height:5cqw;width:21cqw}
 .lp-ready .lp-brand{top:3%}.lp-ready .lp-copy{top:24%;width:56%}.lp-ready h2{font-size:6.8cqw;line-height:1.04}
 .lp-ready .lp-copy .lp-lead{font-size:2.45cqw;margin-top:2.3cqw}
 .lp-ready .lp-phonewrap{top:8%;left:62%;width:27%}.lp-ready .lp-phone{height:57cqw}.lp-ready .lp-phone-screen{padding:5cqw 1cqw 2cqw}
 .lp-perks{top:59%;left:5%;width:42%;gap:1cqw}.lp-perk{min-height:6cqw;padding:1cqw 1.5cqw;gap:1.4cqw;border-radius:1.7cqw}
 .lp-perk img{width:6cqw;height:4.8cqw}.lp-perk b,.lp-perk span{font-size:1.65cqw;letter-spacing:-.06cqw}
 .lp-ready .lp-action{top:81%;width:32%}.lp-ready .lp-cta{font-size:2.6cqw;min-height:6.7cqw}.lp-ready .lp-fine{font-size:1.35cqw;margin-top:1.4cqw!important}
 .lp-ready .lp-trophy-deco{top:65%;left:51%;width:18%}.lp-together{top:75%;right:3%;width:16%;height:13%;font-size:2.1cqw}.lp-together>span{font-size:3.8cqw}
 .lp-margin-note{top:36%;right:1.5%;font-size:1.5cqw}
 .lp-ready .lp-spark-a{left:52%;top:17%}.lp-ready .lp-spark-b{right:1%;top:25%}
 .lp-victory-cup{width:14cqw;height:15cqw}.lp-victory>b{font-size:2.7cqw;margin-top:.5cqw}.lp-victory>span{font-size:1.4cqw;margin-top:.3cqw}
 .lp-ranking{gap:.7cqw;margin-top:1.4cqw}.lp-rank{padding:.6cqw;min-height:5.4cqw;gap:1cqw;border-radius:1.3cqw}.lp-rank.r1{min-height:6.8cqw}
 .lp-medal{width:2.7cqw;height:3.2cqw;font-size:1.7cqw}
 .lp-rank .lp-player{grid-template-columns:4.2cqw 1fr auto;gap:.9cqw;font-size:1.5cqw}.lp-rank .lp-player>b{font-size:1.8cqw}
 .lp-rank .lp-avatar,.lp-rank .lp-anon{width:4.2cqw;height:4.2cqw;font-size:3.6cqw}
 .r1 .lp-player{grid-template-columns:4.2cqw 1fr;gap:0 .9cqw}.r1 .lp-player>b{font-size:2.2cqw}
 .conf{width:.6cqw;height:1.6cqw}.conf.c5{top:12cqw}.conf.c6{top:13cqw}
 .lp-count{right:max(5%,calc((100% - 1120px)/2));top:24px}
}
@media(prefers-reduced-motion:reduce){.lp-track{scroll-behavior:auto}.lp-cta,.lp-dots button::after{transition:none}}