@font-face{font-family:Overpass;src:url(/fonts/Overpass-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Geologica;src:url(/fonts/Geologica-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}.how .steps{gap:22px}.how .how-grid{display:block}.how-copy{max-width:760px}.challenge-preview{display:grid;grid-template-columns:clamp(240px,18.5vw,268px) minmax(0,1fr);gap:24px;align-items:start;margin-top:56px;padding-top:24px;scroll-margin-top:96px}.practice{margin:0;width:100%;max-width:340px;justify-self:center}.how .challenge-preview .kinds-block{margin-top:0;min-width:0}.kinds-invite{margin-top:10px;color:var(--ink-2)}.dcards{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dcards>li{min-width:0}.dcard{container-type:inline-size;display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;position:relative;min-width:0;overflow:hidden;border-radius:28px;outline:2px solid transparent;outline-offset:3px}.dcard:focus-visible{outline-color:var(--teal)}.dcard-screen{display:block;width:100%;height:auto}.dcard-poster-photo{position:absolute;left:0;top:3.080569%;width:100%;height:34.656398%;object-fit:cover;border-radius:5.641026cqw 5.641026cqw 0 0;pointer-events:none}.dcard-poster-action,.dcard-poster-send{position:absolute;display:flex;align-items:center;justify-content:center;background:#174f6b;color:#fff;pointer-events:none}.dcard-poster-action{left:4.230769%;right:4.230769%;top:88.744076%;height:8.767773%;border-radius:4.615385cqw;gap:2.820513cqw;font:600 5.641026cqw/1 Geologica,system-ui,sans-serif}.dcard-poster-action [data-fa]{font-size:6.282051cqw}.dcard-poster-send{left:78.461538%;top:89.57346%;width:15.512821%;height:7.168246%;border-radius:3.205128cqw}.dcard-poster-send [data-fa]{font-size:6.025641cqw}.dcard-kind{position:absolute;right:2.051282%;top:24.466825%;width:26.794872%;aspect-ratio:1;border-radius:50%;overflow:hidden;pointer-events:none;color:#fff}.dcard-kind-photo{position:absolute;max-width:none;width:373.205742%;height:280.382775%;left:-265.550239%;top:-172.727273%;object-fit:cover}.dcard-kind-disc,.dcard-kind-ring,.dcard-kind [data-fa]{position:absolute;inset:0;width:100%;height:100%}.dcard-kind-disc{background:#071c28b8}.dcard-kind [data-fa] svg{width:40%;height:40%}.dcard.is-highlighted,.pp-row.is-highlighted{animation:card-glow 2.2s ease-out}@keyframes card-glow{0%,40%{outline-color:#e9be4f;box-shadow:0 0 24px 2px #e9be4f52}to{outline-color:transparent;box-shadow:0 0 #e9be4f00}}@media(prefers-reduced-motion:reduce){.dcard.is-highlighted,.pp-row.is-highlighted{animation:none;outline-color:#e9be4f}}@media(max-width:1100px){.challenge-preview{grid-template-columns:minmax(0,1fr);gap:40px;padding-inline:var(--gutter)}.dcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(max-width:640px){.dcards{grid-template-columns:minmax(0,340px);justify-content:center;gap:24px}}.pp-device{border-radius:42px;background:#1b1f1d;padding:9px;box-shadow:0 30px 50px -34px #0009}.pp-screen{--pp-cover:#174F6B;--pp-cover-deep:#0F3346;--pp-accent:#E9BE4F;--pp-ink:#174F6B;--pp-paper:#E1E8E6;--pp-paper2:#D3DEDB;--pp-text:#1B2524;--pp-soft:#565F5E;--pp-done:#88908F;--pp-rule:#C9D1CF;--pp-foil:#EFCE7B;--pp-stamp-paper:#FBF8F0;--pp-title:"Overpass","Geologica",system-ui,sans-serif;--pp-body:"Geologica",system-ui,sans-serif}.pp-screen{position:relative;isolation:isolate;overflow:hidden;border-radius:33px;background-color:var(--pp-paper);background-image:url(/img/pattern/waves-paper-passport.svg);background-size:320px 220px;color:var(--pp-text);font-family:var(--pp-body)}.pp-notch{position:absolute;top:13px;left:50%;translate:-50% 0;width:84px;height:24px;border-radius:14px;background:#000;z-index:30}[data-fa]{display:inline-grid;place-items:center}[data-fa] svg{width:1em;height:1em;fill:currentColor}.pp-band{position:relative;background-color:var(--pp-cover);background-image:url(/img/pattern/waves-band.svg);background-size:320px 220px;color:#fff;padding:46px 16px 0;z-index:5}.pp-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pp-title{margin:0;font:900 19px/23px var(--pp-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-progress{font:800 10.5px/1 var(--pp-title);letter-spacing:.8px;color:var(--pp-foil);font-variant-numeric:tabular-nums;white-space:nowrap}.pp-strip{position:relative;margin-top:10px;height:70px}.pp-track{position:absolute;left:0;right:0;top:0;height:36px}.pp-line{position:absolute;left:4px;right:40px;top:17px;border-top:2px dashed color-mix(in oklab,var(--pp-foil) 80%,transparent)}.pp-finish{position:absolute;right:3px;top:3px;width:30px;height:30px;border-radius:50%;border:2px dashed color-mix(in oklab,var(--pp-foil) 80%,transparent);color:var(--pp-foil);font-size:13px}.pp-tile{position:absolute;top:3px;left:3px;width:30px;height:30px;border-radius:50%;overflow:hidden;border:1.5px solid rgba(255,255,255,.75);background:var(--pp-cover-deep)}.pp-tile img{width:100%;height:100%;object-fit:cover;display:block}.pp-rival{background:var(--pp-paper2);color:var(--pp-soft);font-size:14px;z-index:1}.pp-you{border:2px solid var(--pp-accent);z-index:3}.pp-you-ring{position:absolute;top:0;left:3px;width:36px;height:36px;margin-left:-3px;border-radius:50%;border:3px solid var(--pp-accent);z-index:2}.pp-tag{position:absolute;top:40px;left:0;height:24px;display:flex;align-items:stretch;background:var(--pp-paper);border:1.5px solid var(--pp-ink);border-radius:5px;rotate:-2deg;color:var(--pp-ink)}.pp-rank{display:flex;align-items:center;padding:0 7px;border-right:1.5px dashed color-mix(in oklab,var(--pp-ink) 40%,transparent);font:900 13px/15px var(--pp-title)}.pp-pts{display:flex;align-items:baseline;gap:3px;padding:0 9px 0 8px;align-self:center}.pp-pts b{font:900 15px/18px var(--pp-title);font-variant-numeric:tabular-nums}.pp-pts small{font:800 8.5px/1 var(--pp-title);letter-spacing:1px;opacity:.7}.pp-micro{margin:0 -16px;height:11px;padding:2.5px 16px;background:#00000024;overflow:hidden;white-space:nowrap;font:400 4.6px/6px var(--pp-body);letter-spacing:.6px;color:var(--pp-foil);opacity:.7}.pp-list{list-style:none;margin:0;padding:0 0 14px}.pp-list li{border-bottom:1px solid var(--pp-rule)}.pp-row{width:100%;display:flex;align-items:center;gap:14px;min-height:96px;padding:10px 16px 10px 9px;border:0;border-radius:28px;background:none;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;outline:2px solid transparent;outline-offset:-5px}.pp-row:hover{text-decoration:none}.pp-row:focus-visible{outline:3px solid var(--pp-ink);outline-offset:-3px}.pp-coin{position:relative;flex:none;width:76px;height:76px}.pp-pic{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:var(--pp-paper2)}.pp-pic img{width:100%;height:100%;object-fit:cover;display:block}.pp-pic:after{content:"";position:absolute;inset:0;border-radius:50%;background:transparent}.pp-ring{position:absolute;inset:0;width:76px;height:76px}.pp-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.pp-name{font:800 16.5px/20px var(--pp-title);color:var(--pp-text)}.pp-kind{display:inline-flex;align-items:center;gap:6px;color:var(--pp-ink)}.pp-kind [data-fa]{font-size:20px}.pp-kind b{font:900 19px/22px var(--pp-title);letter-spacing:-.2px;font-variant-numeric:tabular-nums}@media(max-width:960px){.practice{justify-self:center}}@media(max-width:640px){.how .kinds-block{margin-top:48px}}@media(max-width:360px){.practice{width:100%}.pp-row{gap:11px;padding-right:12px}}
