:root{color-scheme:dark;--bg:#060d1a;--panel:#101827;--cream:#f6efd9;--green:#60ffbe;--pink:#ff3ea5;--muted:#b1bfd0;--line:#34465d;font-family:ui-monospace,'Courier New',monospace;color:var(--cream);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#173b3338,transparent 48%),var(--bg)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px}html{scroll-behavior:smooth}main,header,footer{width:min(1040px,calc(100% - 48px));margin-inline:auto}.intro-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:24px}.wordmark{font-family:'gorave-display',sans-serif;font-size:38px;text-decoration:none;letter-spacing:-1px}.nav-links{display:flex;align-items:center;gap:24px;font-size:12px}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--green)}.nav-enter{border:1px solid var(--green);border-radius:12px;padding:12px 16px;color:var(--green)}.hero{padding:62px 0 52px;border-bottom:1px solid var(--line)}.eyebrow,.mode-label,.section-kicker{font-size:11px;letter-spacing:.16em;font-weight:bold;color:var(--green)}h1,h2,h3{font-family:'gorave-display',sans-serif;font-weight:400}h1{font-size:clamp(54px,8.8vw,102px);line-height:1.03;letter-spacing:-.025em;margin:22px 0}h1 span{display:block;color:var(--pink)}.intro-description{max-width:620px;color:var(--muted);font-size:16px;line-height:1.8;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:13px;text-decoration:none;padding:15px 24px;font-size:12px;font-weight:bold;letter-spacing:.04em;border:1px solid var(--green);transition:box-shadow .15s,background .15s}.button.primary{background:var(--green);color:var(--bg);box-shadow:0 0 22px #60ffbe1c}.button.primary:hover{box-shadow:0 0 26px #60ffbe55}.button.secondary{color:var(--green);background:#11332d66}.button.secondary:hover{background:#173b33}.hero-note{margin-top:20px;color:#8fa2b8;font-size:11px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:32px 60px}.mode{padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,#101b29,#0a1120)}.mode:nth-child(2){border-color:#76466a;background:linear-gradient(140deg,#21162a,#0a1120)}.mode:nth-child(2) .mode-label{color:#ff8ac7}.mode h2{font-size:30px;line-height:1.2;margin:14px 0}.mode p,.step p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:0}.how{scroll-margin-top:20px}.section-heading{font-size:clamp(34px,5vw,48px);margin:12px 0 24px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--green);border-radius:50%;color:var(--green);font-size:12px}.step h3{font-size:25px;margin:18px 0 10px}.questions{max-width:760px;margin-block:62px}.questions h2{font-size:32px;margin-bottom:24px}.questions details{border-top:1px solid var(--line)}.questions details:last-child{border-bottom:1px solid var(--line)}.questions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:bold}.questions summary::-webkit-details-marker{display:none}.questions summary::after{content:'+';color:var(--green);font-size:22px}.questions details[open] summary::after{content:'−'}.questions p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 30px 22px 0}.closing{border:1px solid #60ffbe66;border-radius:20px;background:#10322c66;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.closing h2{font-size:30px;margin:0}.closing .button{flex-shrink:0}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:32px;color:#8fa2b8;font-size:11px}footer a{text-underline-offset:4px}.skip-link{position:absolute;left:20px;top:-100px;padding:12px;background:var(--cream);color:var(--bg);z-index:10}.skip-link:focus{top:12px}
@media(max-width:650px){main,header,footer{width:calc(100% - 32px)}.intro-nav{padding-block:18px}.wordmark{font-size:32px}.nav-links{gap:12px;font-size:10px}.nav-enter{padding:10px 12px}.hero{padding:38px 0}.intro-description{font-size:14px}.hero-actions{gap:10px}.button{padding:14px 17px;font-size:11px;min-height:48px}.modes{grid-template-columns:1fr;gap:14px;margin-bottom:42px}.mode{padding:22px}.steps{grid-template-columns:1fr;gap:26px}.step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:0 16px}.step-number{grid-row:1/3}.step h3{margin:4px 0 6px}.step p{grid-column:2;margin-top:0}.questions{margin-block:44px}.closing{padding:22px;align-items:flex-start;flex-direction:column}.closing h2{font-size:27px}footer{align-items:flex-start;line-height:1.6}.questions summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* A small illustrated room, built from the same wardrobe as the app. */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center}.hero h1{font-size:clamp(52px,6.7vw,80px)}.hero-copy{min-width:0}.hero .intro-description{font-size:14px}.floor-visual{position:relative;min-width:0;height:430px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#101827;box-shadow:none}.floor-visual-top{position:absolute;inset:0 24px auto;display:flex;align-items:center;justify-content:flex-start;height:64px;border-bottom:1px solid #34465d80;color:var(--muted);font-size:10px;letter-spacing:.12em}.visual-ravers{position:absolute;inset:82px 18px 88px;display:flex;align-items:flex-end;justify-content:center;gap:0}.visual-raver{display:block;width:35%;height:90%;min-width:0;object-fit:contain;object-position:center bottom;margin-inline:-1%;filter:none;transform:none}.visual-raver-0,.visual-raver-2{transform:none;z-index:1}.visual-raver-1{height:100%;transform:none;z-index:2}.floor-visual figcaption{position:absolute;inset:auto 24px 24px;text-align:left;border-top:1px solid #34465d80;padding-top:18px}.floor-visual figcaption strong{font-family:'gorave-display',sans-serif;font-size:32px;font-weight:400;color:var(--cream)}.mode-art{position:relative;height:170px;margin:-26px -26px 22px;overflow:hidden;border-bottom:1px solid #34465d;background:radial-gradient(ellipse at 50% 90%,#1e514d,#101827 75%)}.mode-room{display:flex;justify-content:center;align-items:flex-end;padding-top:20px;isolation:isolate}.mode-room img{height:155px;width:92px;object-fit:contain;position:relative;z-index:2}.mode-room img:nth-of-type(2n){transform:translateY(16px)}.mode-room-ring{position:absolute;width:250px;height:250px;border:1px solid #60ffbe44;border-radius:50%;top:30px;box-shadow:0 0 50px #60ffbe11}.mode-lineup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;padding:20px;background:linear-gradient(135deg,#27162e,#101827)}.mode-lineup>div{border:1px solid #60ffbe55;border-radius:10px;padding:10px 2px 0;text-align:center;background:#0b1b21}.mode-lineup span{display:block;font-size:7px;letter-spacing:.06em;color:#a2dace}.mode-lineup img{display:block;width:100%;height:100px;object-fit:contain}.mode-art+.mode-label{display:inline-block}.mode{overflow:hidden}
@media(min-width:651px) and (max-width:900px){.hero{gap:20px}.floor-visual{height:380px}.floor-visual figcaption strong{font-size:23px}.hero h1{font-size:54px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(48px,13.8vw,68px)}.floor-visual{height:340px;width:100%;max-width:430px;margin-inline:auto}.visual-ravers{inset:12% 7% 15%}.visual-raver{width:35%}.floor-visual-top{top:20px}.floor-visual figcaption{bottom:50px}.floor-visual figcaption strong{font-size:26px}.mode-art{margin:-22px -22px 22px}.mode-lineup{gap:6px;padding:18px 12px}.mode-lineup img{height:105px}.mode-room img{width:78px}}

/* Compact, swipeable version of the app's seven-step guide. */
.how-swiper{border:1px solid var(--line);border-radius:22px;background:var(--panel);overflow:hidden}.how-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.how-track::-webkit-scrollbar{display:none}.how-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:28px;padding:28px 36px}.how-art svg{display:block;width:100%;fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.how-art .accent{fill:var(--green);stroke:var(--green)}.how-art .dark{stroke:var(--bg)}.how-copy h3{font-size:30px;margin:12px 0}.how-copy p,.how-copy li{font-size:12px;line-height:1.7;color:var(--muted)}.how-copy ul{padding-left:18px;margin-bottom:0}.how-copy li::marker{color:var(--green)}.how-controls{display:flex;align-items:center;justify-content:center;gap:22px;padding:8px 20px}.how-controls button{width:40px;height:40px;border:1px solid #60ffbe66;border-radius:50%;background:#15382f;color:var(--green);font-size:20px;cursor:pointer}.how-controls button:disabled{opacity:.3;cursor:default}.how-controls span{font-size:12px;color:var(--green)}.how-hint{display:block;text-align:center;padding:5px 12px 20px;font-size:9px;letter-spacing:.12em;color:var(--muted)}.closing{justify-content:center;padding:24px;background:transparent;border:0}.intro-footer{justify-content:flex-end;gap:26px;border-top:1px solid var(--line);margin-top:16px}.intro-footer .wordmark{font-size:32px;color:var(--cream)}.social-icons{display:flex;align-items:center;gap:10px}.social-icons a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;color:var(--green)}.social-icons svg{width:19px;height:19px}.social-icons a:hover{background:#60ffbe18;border-color:var(--green)}button:focus-visible,.how-track:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
@media(max-width:650px){.how-slide{grid-template-columns:1fr;gap:12px;padding:22px}.how-art{width:120px;margin:auto}.how-copy h3{font-size:26px}.how-copy p,.how-copy li{font-size:12px}.intro-footer{gap:16px;align-items:center;flex-wrap:wrap}.social-icons{gap:7px}.social-icons a{width:35px;height:35px}.intro-footer .wordmark{font-size:28px}.closing{align-items:center}}

/* Footer and page navigation. */
.how .section-heading{margin-top:0}.intro-footer{justify-content:space-between;border-top:0;background:#101827;border-radius:18px;padding:20px 24px;margin-bottom:24px}.social-icons a{border:0;border-radius:0;background:transparent}.social-icons a:hover{color:var(--cream);background:transparent}.floor-visual-top{font-size:10px}
@media(max-width:650px){.intro-footer{padding:18px 16px;gap:8px}.social-icons{gap:4px}.social-icons a{width:32px;height:36px}}

/* App-sized calls to action with GoRave display lettering. */
.button,.nav-enter{font-family:'gorave-display',sans-serif;font-weight:400;line-height:1.2;letter-spacing:.025em;border-radius:12px;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.button{min-height:58px;min-width:190px;padding:16px 24px;font-size:23px}.button.primary{box-shadow:0 8px 22px #60ffbe26}.button.primary:hover{box-shadow:0 10px 30px #60ffbe44;filter:brightness(1.06);transform:translateY(-1px)}.button.secondary{box-shadow:0 6px 22px #60ffbe12}.nav-enter{min-height:44px;min-width:140px;padding:12px 18px;font-size:16px}.hero-actions{align-items:stretch;gap:14px}.closing .button{min-width:230px}.social-lobby-scroll-top[hidden]{display:none}
@media(max-width:650px){.button{min-height:54px;min-width:0;padding:15px 18px;font-size:17px}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-actions .button{width:100%}.nav-enter{min-width:112px;min-height:42px;padding:10px 12px;font-size:14px}.closing .button{min-width:200px}.nav-links{gap:12px}}

/* The guide's original floating arrows, kept inside the card. */
.how-swiper{position:relative}.how-controls button{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;min-width:40px;height:40px;min-height:40px;border:1px solid #60ffbe;border-radius:50%;padding:0;background:#0b1424;color:#60ffbe;font:22px/1 sans-serif;box-shadow:0 4px 18px #0008}.how-controls [data-how-prev]{left:20px}.how-controls [data-how-next]{right:20px}.how-controls button:disabled{visibility:hidden}.how-slide{padding-inline:76px}.how-controls{min-height:32px}.how-controls button:hover:not(:disabled){background:#15382f;box-shadow:0 0 18px #60ffbe33}
@media(max-width:650px){.how-slide{padding-inline:22px}.how-controls button{top:76px}.how-controls [data-how-prev]{left:20px}.how-controls [data-how-next]{right:20px}}

.about-extras{display:grid;gap:22px;margin-top:38px}.about-feature{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#101d2c,#0c1422);padding:28px}.feature-art{display:grid;place-items:center;gap:12px;min-height:200px;border-radius:18px;background:radial-gradient(ellipse,#224b4055,transparent 75%)}.feature-art svg{width:160px;height:130px;fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.feature-art>span{color:var(--green);font-size:10px;letter-spacing:.12em}.feature-copy h2{font-size:34px;margin:12px 0}.feature-copy p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.bag-tokens,.ranking-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.bag-tokens span,.ranking-tags span{border:1px solid #60ffbe44;border-radius:999px;padding:8px 12px;color:#baf5ff;font-size:10px}.bag-tokens span:first-child{color:#ffe77b;border-color:#ffe77b66}.about-rankings{border-color:#76466a;background:linear-gradient(135deg,#21162a,#0c1422)}.rankings-art{background:radial-gradient(ellipse,#6e255544,transparent 75%)}.rankings-art svg{stroke:#ff8ac7}.rankings-art>span{color:#ff8ac7}.rankings-art .trophy-star{fill:#ff8ac7;stroke:none}
@media(max-width:650px){.about-feature{grid-template-columns:1fr;gap:16px;padding:22px}.feature-art{min-height:170px}.feature-copy h2{font-size:29px}.about-extras{gap:16px}}

@media(max-width:650px){.floor-visual{height:350px}.floor-visual-top{inset:0 20px auto;height:56px}.visual-ravers{inset:70px 14px 82px}.visual-raver{width:35%;height:90%}.visual-raver-1{height:100%}.floor-visual figcaption{inset:auto 20px 20px;padding-top:15px}.floor-visual figcaption strong{font-size:28px}}

/* A miniature of the real bag layout, with expandable item guides. */
.bag-art{background:none;min-height:180px}.bag-mini{width:100%;max-width:230px;border:1px solid #60ffbe88;border-radius:16px;padding:18px 14px;background:#07111f;box-shadow:0 8px 24px #0003}.bag-mini-heading{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--cream);letter-spacing:.06em}.bag-mini-heading>span{font-size:8px;color:var(--green)}.bag-mini-rp{display:grid;gap:6px;padding:16px 0;margin-top:14px;border-block:1px solid #34465d80;color:#ffe77b}.bag-mini-rp small{font-size:8px;letter-spacing:.1em}.bag-mini-rp strong{font-family:'gorave-display',sans-serif;font-size:36px;font-weight:400}.bag-mini-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.bag-mini-items>span{display:grid;justify-items:center;gap:7px;font-size:22px}.bag-mini-items small{font-size:7px;color:var(--muted)}.bag-explainers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.bag-explainer{min-width:0;border:1px solid #60ffbe44;border-radius:14px;background:#0b1824;overflow:hidden}.bag-explainer summary{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer;list-style:none;color:var(--cream)}.bag-explainer summary::-webkit-details-marker{display:none}.bag-explainer summary>i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#17332e;color:#ffe77b;font-size:22px;font-style:normal}.bag-explainer.is-rp summary>i{font:16px 'gorave-display',sans-serif}.bag-explainer summary>span{padding:0;border:0;color:inherit;font-size:12px}.bag-explainer summary>b{margin-left:auto;color:var(--green);font-size:18px;font-weight:400}.bag-explainer[open] summary>b{transform:rotate(45deg)}.bag-explainer:hover,.bag-explainer[open]{border-color:#60ffbe99}.bag-item-description{padding:0 14px 16px}.bag-item-description>strong{font-size:12px;color:var(--green)}.bag-item-description p{font-size:11px;margin-top:8px;line-height:1.7}.about-board{background:#111923}.board-art{background:none}.board-mini{width:100%;max-width:230px;transform:rotate(-2deg);padding:14px;border:2px solid #657a79;border-radius:8px;background:#12232b}.board-mini>span{display:block;border-bottom:1px solid #657a7966;padding-bottom:10px;font:17px 'gorave-display',sans-serif;color:var(--cream)}.board-mini>div{display:grid;gap:12px;padding:18px 4px 8px}.board-mini i{color:#baf5ff;font-size:12px;transform:rotate(2deg)}.board-mini i:nth-child(2){color:#ff8ac7;text-align:right;transform:rotate(-3deg)}.board-mini i:nth-child(3){color:var(--green);font-size:11px}.board-note{display:block;margin-top:20px;font-size:10px;letter-spacing:.12em;color:var(--green)}
@media(max-width:650px){.bag-mini{max-width:250px}.board-mini{max-width:250px}.bag-explainer summary{padding:10px;gap:8px}}
.bag-explainers{align-items:start}

.floor-visual-top{justify-content:center;text-align:center;border:0}.floor-visual figcaption{text-align:center;border:0}.board-section{margin:-22px 0 44px}.bag-mini-rp{width:100%;text-align:center;justify-items:center;cursor:pointer;background:none;border-inline:0;font:inherit}.bag-mini-items>button{display:grid;justify-items:center;gap:7px;min-width:0;padding:10px 3px;border:1px solid transparent;border-radius:10px;background:none;color:var(--cream);cursor:pointer}.bag-mini-items>button i{font-size:22px;font-style:normal}.bag-item-controls button:hover{background:#60ffbe0b}.bag-item-controls button[aria-pressed=true]{background:#60ffbe10;border-color:#60ffbe77}.bag-mini-rp:focus-visible,.bag-mini-items>button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.bag-mini-rp small{color:#ffe77b}.bag-preview-info{border-top:1px solid #34465d80;margin-top:16px;padding-top:16px;min-height:155px}.bag-preview-info>strong{color:var(--green);font-size:12px}.bag-preview-info p{color:var(--muted);font-size:11px;line-height:1.7;margin:8px 0 0}.bag-mini{max-width:260px}.bag-mini-items small{font-family:ui-monospace,'Courier New',monospace}.bag-mini-rp{border-radius:10px}.about-bag{grid-template-columns:260px minmax(0,1fr)}
@media(max-width:650px){.about-bag{grid-template-columns:1fr}.bag-mini{max-width:280px}.board-section{margin-top:-18px}.floor-visual-top{border:0}.floor-visual figcaption{border:0}}

.board-art{min-height:0}.board-photo{position:relative;width:100%;aspect-ratio:548/165;overflow:hidden;border-radius:8px}.board-photo img{position:absolute;display:block;width:118.25%;max-width:none;height:auto;left:-9.12%;top:-48.48%}.about-bag .feature-copy{align-self:start}.about-bag .feature-copy h2{margin-top:0}

/* Full-width About shell, with shared gutters and balanced lower sections. */
:root{--page-gutter:clamp(24px,3.3vw,64px)}
body>main,body>.intro-nav{width:calc(100% - var(--page-gutter)*2);max-width:none}
.intro-footer{width:100%;max-width:none;margin:0;border-radius:0;padding:28px var(--page-gutter);min-height:100px}
.closing{margin:0;padding:32px 0 44px}
.about-extras{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px;align-items:stretch}
.about-extras .about-feature{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;padding:32px;min-width:0}
.about-bag .feature-copy{order:-1;align-self:stretch}.about-bag .feature-copy h2{margin:0}
.about-bag .bag-art{width:100%;flex:1}.about-bag .bag-mini{max-width:340px}
.about-rankings .rankings-art{min-height:210px;flex:1}.about-rankings .feature-copy h2{margin-top:0}.about-rankings .feature-copy p{max-width:600px}
.questions{width:100%;max-width:none;display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);column-gap:60px;align-items:start;margin:64px 0 24px}
.questions h2{grid-column:1;grid-row:1/4;margin:0;font-size:44px}.questions details{grid-column:2;width:100%;min-width:0}.questions summary{padding:24px 0}.questions p{max-width:720px}
@media(min-width:1600px){.hero{gap:64px}.hero h1{font-size:96px}.floor-visual{height:460px}.about-extras .about-feature{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1fr);gap:30px;align-items:center}.about-bag .feature-copy{order:0;align-self:start}.about-rankings .rankings-art{min-height:260px}}
@media(max-width:999px){.about-extras{grid-template-columns:1fr}.about-extras .about-feature{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1fr);align-items:center;padding:26px}.about-bag .feature-copy{order:0}.questions{column-gap:30px;grid-template-columns:minmax(120px,.4fr) minmax(0,1fr)}}
@media(max-width:650px){:root{--page-gutter:16px}.about-extras .about-feature{display:flex;gap:20px;padding:22px}.about-bag .feature-copy{order:-1}.about-bag .bag-mini{max-width:300px}.questions{display:block;margin:44px 0 12px}.questions h2{font-size:34px;margin-bottom:22px}.questions summary{padding:20px 0}.intro-footer{padding:24px 16px;min-height:86px}.closing{padding:28px 0 36px}.about-extras{gap:18px}}

/* Keep the RP tile outline continuous on every side. */
.bag-mini-rp{border:1px solid #34465d80;box-sizing:border-box;max-width:100%;min-width:0;overflow:visible}
.bag-mini-rp[aria-pressed=true]{border:1px solid #60ffbe77}

/* A readable 50/50 guide on desktop, sized to fit one viewport. */
@media(min-width:1000px){
 .how{scroll-margin-top:24px}
 .how .section-heading{margin-bottom:20px}
 .how-slide{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:32px 68px;min-height:360px}
 .how-art{display:grid;place-items:center;align-self:stretch;padding:24px 40px 24px 0;border-right:1px solid #34465d80}
 .how-art svg{width:min(100%,300px);max-height:240px}
 .how-copy{min-width:0;padding-left:40px;max-width:none}.how-copy p,.how-copy ul{max-width:600px}
 .how-copy h3{font-size:clamp(26px,2.4vw,38px);line-height:1.15;margin:12px 0 16px}
 .how-copy p,.how-copy li{font-size:13px;line-height:1.75}
 .how-copy p{margin:0}.how-copy ul{margin-top:16px}
 .how-controls{padding-block:2px;min-height:28px}.how-hint{padding-bottom:18px}
 .how-controls button{top:calc(50% - 20px)}
}
@media(min-width:1000px) and (max-height:750px){
 .how-slide{min-height:300px;padding-block:22px}
 .how-art svg{max-height:180px;width:min(100%,250px)}
 .how-copy h3{font-size:27px;margin:8px 0 12px}
 .how-copy p,.how-copy li{font-size:12px;line-height:1.6}
 .how-copy ul{margin-top:12px}.how .section-heading{font-size:36px;margin-bottom:16px}
}

.social-lobby-scroll-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:36;display:grid;place-items:center;width:58px;height:58px;border:2px solid #60ffbe;border-radius:50%;background:radial-gradient(circle at 50% 40%,#22354b,#071321 72%);box-shadow:0 0 0 5px #071321dd,0 0 22px #60ffbe55,inset 0 2px 7px #ffffff25;color:#60ffbe;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.social-lobby-scroll-top span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #7e9ab0;border-radius:9px;background:#132235;box-shadow:0 4px 0 #050b13;font:22px/1 sans-serif;transform:translateY(-2px)}
.social-lobby-scroll-top:hover,.social-lobby-scroll-top:focus-visible{transform:translateY(-4px);box-shadow:0 0 0 5px #071321dd,0 0 28px #60ffbe99}
@media(max-width:600px){.social-lobby-scroll-top{width:50px;height:50px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom))}.social-lobby-scroll-top span{width:30px;height:30px;font-size:18px}}
.social-lobby-scroll-top span,.social-lobby-scroll-top:hover span{width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;transform:translateY(-1px)}
.social-lobby-scroll-top{width:44px;height:44px;right:max(16px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));border-width:1.5px}
.social-lobby-scroll-top span{font-size:17px}
@media(max-width:600px){.social-lobby-scroll-top{width:40px;height:40px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom))}.social-lobby-scroll-top span{font-size:16px}}