@font-face{font-family:PremadeFallback;src:local('Arial');font-display:swap} :root{--ink:#1c231e;--paper:#f3f6f0;--lime:#ccf56a;--muted:#a8b1a6;--line:#d5dacf;--purple:#b9a7ec;--orange:#eea477}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Arial',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #778bfb;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.svg-bank{position:absolute;width:0;height:0;overflow:hidden}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;top:10px;left:10px;background:var(--lime);color:var(--ink);padding:15px;z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;min-height:44px;flex-shrink:0}.brand img{width:170px;height:auto}.nav nav{display:flex;gap:28px;font-size:14px}.nav nav a{padding:15px 0;color:#ced5ca}.nav nav a:hover{color:var(--lime)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--lime);color:var(--ink);padding:19px 24px;border:1px solid var(--lime);border-radius:8px;font-weight:700;font-size:15px;min-height:54px;transition:transform .2s,background .2s}.button:hover{background:#dcff96;transform:translateY(-3px)}.button svg{width:20px}.button.small{font-size:13px;padding:13px 18px;min-height:46px;gap:18px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:20px;align-items:center;padding-top:72px;padding-bottom:76px}.eyebrow{font:11px/1.6 'Courier New',monospace;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin:0 0 26px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #ccf56a12}.hero h1{font-size:clamp(64px,6.9vw,104px);font-weight:800;letter-spacing:-6px;line-height:.95;margin:0}em{font-style:normal;color:var(--lime)}.intro{font-size:17px;line-height:1.7;color:#c2cbbf;max-width:420px;margin:28px 0}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.text-link{font-size:13px;border-bottom:1px solid #ffffff60;padding:10px 0}.text-link:hover{border-color:var(--lime)}.under-cta{font-size:11px;color:#a8b2a5;margin:18px 0 0;line-height:1.6}.playground{height:580px;position:relative;isolation:isolate;background-image:radial-gradient(#b6d68d24 1px,transparent 1px);background-size:24px 24px;border-radius:20px}.scene-top,.scene-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font:10px 'Courier New',monospace;letter-spacing:1.4px;color:#b5c4ac}.scene-top{top:22px}.scene-top #team-count{color:var(--lime);font-size:14px;letter-spacing:3px}.scene-bottom{bottom:20px;font-size:10px;letter-spacing:.4px}.scene-bottom button{border:0;border-bottom:1px solid var(--lime);color:var(--lime);background:none;padding:12px 0}.orbit{position:absolute;width:420px;height:420px;border:1px solid #ccf56a28;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-two{width:280px;height:280px;border-style:dashed;border-color:#ccf56a45}.orbit-axis{position:absolute;left:50%;top:70px;bottom:60px;width:1px;background:linear-gradient(transparent,#ccf56a22,transparent);transform:rotate(45deg);z-index:-1}.scene-caption{position:absolute;top:230px;left:0;width:100%;text-align:center}.tiny{font:9px/1.5 'Courier New',monospace;letter-spacing:1.8px;font-weight:bold}.scene-caption .tiny{color:#b6c5a9;font-size:9px}.scene-caption strong{display:block;font-size:46px;line-height:1.05;letter-spacing:-2px;margin-top:8px}.scene-caption p{font-size:12px;color:#acb9a5;margin:10px 0}.player{position:absolute;text-align:center;transition:transform .6s cubic-bezier(.2,.8,.2,1);width:155px}.player>svg{width:145px;height:135px;filter:drop-shadow(0 12px 0 #10160f77);transition:transform .25s}.player:hover>svg{transform:translateY(-8px) rotate(-6deg)}.player-label{display:block;font:8px 'Courier New',monospace;letter-spacing:1.3px;color:#d6dece}.player-one{left:9%;top:63px;transform:rotate(-9deg);color:var(--purple)}.player-two{right:1%;top:145px;transform:rotate(12deg);color:var(--orange)}.player-three{left:10%;bottom:72px;transform:rotate(-7deg);color:#e5edda}.speech{position:absolute;font:10px 'Courier New',monospace;white-space:nowrap;top:8px;left:103px;background:var(--paper);color:var(--ink);padding:10px 13px;border-radius:8px 8px 8px 0;transform:rotate(8deg)}.player-three .speech{top:4px;left:-18px;transform:rotate(-5deg)}.empty-seat{width:147px;height:147px;position:absolute;right:7%;bottom:63px;transform:rotate(8deg);border:1px dashed var(--lime);border-radius:28px;background:#ccf56a0a;color:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:background .3s,transform .3s,box-shadow .3s}.empty-seat:hover{background:#ccf56a1a;transform:rotate(0) scale(1.05);box-shadow:0 0 70px #ccf56a14}.seat-icon>svg{height:38px;width:38px}.seat-text{font-size:19px;font-weight:bold;letter-spacing:1px}.seat-invite{font:9px 'Courier New',monospace}.playground.joined .empty-seat{background:var(--lime);color:var(--ink);border-style:solid;transform:rotate(-4deg);box-shadow:0 0 90px #ccf56a30}.playground.joined .player-one{transform:translate(9px,10px) rotate(-3deg)}.playground.joined .player-two{transform:translate(-9px,4px) rotate(4deg)}.playground.joined .player-three{transform:translate(10px,-7px) rotate(3deg)}.playground.joined .scene-caption strong{color:var(--lime)}.live-bars{display:flex;gap:3px;align-items:end;height:14px}.live-bars i{width:3px;height:6px;background:var(--lime)}.live-bars i:nth-child(2){height:12px}.live-bars i:nth-child(3){height:9px}.hero-base{display:flex;align-items:center;gap:22px;padding-bottom:32px;font:9px 'Courier New',monospace;letter-spacing:1.6px;color:#b9c4b3}.base-line{height:1px;flex:1;background:#ffffff25}.hero-base a{border:1px solid #ffffff30;border-radius:50%;height:44px;width:44px;display:grid;place-items:center}.hero-base a svg{transform:rotate(90deg);width:18px}.light{background:var(--paper);color:var(--ink)}h2{font-size:clamp(44px,4.7vw,70px);line-height:1.04;letter-spacing:-3px;font-weight:800;margin:0}.muted{color:#818a7c}.dark-label{color:#53604d}.problem{padding:110px 0 90px}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.problem-right{padding-top:15px}.problem-right>p{font-size:19px;line-height:1.65;max-width:480px}.problem-answer{font-weight:700}.excuses{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:36px}.excuses span{font-size:12px;border:1px solid #c5cdbe;border-radius:20px;padding:12px 15px;transform:rotate(-4deg);color:#52614a}.excuses span:nth-child(2){transform:rotate(5deg);background:#e0e6d9}.excuses span:nth-child(3){transform:rotate(-2deg)}.inline-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:bold;padding:12px 0;border-bottom:1px solid #aab69e}.games{padding:30px 0 95px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.section-head>p{font-size:15px;line-height:1.7;color:#56624f;max-width:300px;margin-bottom:4px}.game-picker{display:flex;border-bottom:1px solid #c4ceba;gap:9px;margin-bottom:26px;padding-bottom:14px;flex-wrap:wrap}.game{border:1px solid #c4ceba;border-radius:30px;background:transparent;padding:14px 22px;min-height:48px;font-size:11px;font-weight:bold;letter-spacing:1px;transition:background .2s,color .2s}.game.active{background:var(--ink);color:var(--lime);border-color:var(--ink)}.game:hover:not(.active){background:#e2e9d9}.game-stage{display:grid;grid-template-columns:1.1fr 1fr;min-height:360px;overflow:hidden;border:1px solid #c4ceba;border-radius:12px}.game-art{position:relative;overflow:hidden;display:grid;place-items:center;min-height:360px;background:var(--lime);border-right:1px solid #b1c78a;color:var(--ink);transition:background .3s}.art-word{position:absolute;font-weight:900;font-size:106px;letter-spacing:-6px;transform:rotate(-13deg);opacity:.15;white-space:nowrap}.big-player{width:250px;height:230px;color:var(--paper);transform:rotate(-17deg);filter:drop-shadow(20px 22px 0 #1c231e20);transition:transform .4s,color .3s}.game-stage:hover .big-player{transform:rotate(-10deg) translateY(-7px)}.crosshair{width:280px;height:280px;border:1px solid #1c231e40;border-radius:50%;position:absolute}.crosshair:before,.crosshair:after{content:'';position:absolute;background:#1c231e30}.crosshair:before{top:50%;left:-100px;width:480px;height:1px}.crosshair:after{top:-100px;left:50%;width:1px;height:480px}.art-tag{position:absolute;bottom:23px;left:25px;border:1px solid #1c231e60;border-radius:4px;font:9px 'Courier New',monospace;letter-spacing:2px;padding:10px}.game-story{padding:46px 48px;display:flex;flex-direction:column;justify-content:center}.game-story>.tiny{color:#56624f}.game-story h3{font-size:34px;line-height:1.15;letter-spacing:-1.3px;margin:18px 0}.game-story>p{font-size:15px;line-height:1.7;color:#52614a;margin:0 0 25px}.example-line{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:bold}.example-line svg{width:17px}.example-label{font-size:10px;color:#697560;margin-top:12px;line-height:1.5}.game-stage[data-current=lol] .game-art{background:var(--purple)}.game-stage[data-current=warzone] .game-art{background:var(--orange)}.game-stage[data-current=fortnite] .game-art{background:#9ed7d7}.game-stage[data-current=lol] .big-player{color:#e8f2bd}.game-stage[data-current=warzone] .big-player{color:#ded7c4}.game-stage[data-current=fortnite] .big-player{color:var(--purple)}.steps{padding:25px 0 110px}.step-list{border-top:1px solid #c4ceba}.step-list article{border-bottom:1px solid #c4ceba;padding:30px 0;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:25px}.step-num{font:14px 'Courier New',monospace;color:#5e7051}.step-list h3{font-size:25px;letter-spacing:-.7px;margin:0 0 9px}.step-list p{font-size:14px;line-height:1.6;color:#56624f;max-width:530px;margin:0}.step-stamp{font:9px 'Courier New',monospace;letter-spacing:2px;border:1px solid #c4ceba;padding:10px 12px;border-radius:4px}.community{padding:100px 0;background-image:radial-gradient(#c4e1a51c 1px,transparent 1px);background-size:28px 28px;overflow:hidden}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.community h2{font-size:clamp(50px,5.6vw,82px);letter-spacing:-4px}.community p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:430px;color:#c2cbbf;margin:30px 0}.community .cta-note{font-size:11px!important;margin:16px 0 0!important}.community-art{position:relative;min-height:470px}.sticker{position:absolute;top:24px;left:8%;border-radius:50%;width:150px;height:150px;border:1px solid #ccf56a70;color:var(--lime);display:grid;place-content:center;text-align:center;font:13px/1.6 'Courier New',monospace;transform:rotate(-17deg)}.friend{position:absolute;width:250px;height:240px;filter:drop-shadow(0 17px 0 #10171066)}.f-one{left:3%;bottom:60px;transform:rotate(-16deg);color:var(--purple)}.f-two{right:0;top:60px;transform:rotate(20deg);color:var(--lime)}.chat-bubble{position:absolute;bottom:70px;right:11%;background:var(--paper);color:var(--ink);padding:18px 25px;border-radius:17px 17px 17px 0;font-size:22px;font-weight:bold;transform:rotate(8deg)}.community-coordinate{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:9px 'Courier New',monospace;letter-spacing:2px;white-space:nowrap;color:#aebca5}.faq{padding:95px 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq h2{font-size:49px}.faq-list{border-top:1px solid #c4ceba}.faq details{border-bottom:1px solid #c4ceba}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:24px 0;font-size:16px;font-weight:bold}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:18px;transition:transform .2s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{margin:0 35px 24px 0;font-size:15px;line-height:1.7;color:#52614a}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 0}.footer-top>span{font-size:13px;color:#b2bfa9}.footer-top>a:last-child{display:flex;align-items:center;gap:15px;font-size:12px}.footer-top>a:last-child svg{width:17px}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;padding:24px 0 30px;font:9px 'Courier New',monospace;letter-spacing:1px;color:#b2bfa9}body.js-ready .reveal{transition:opacity .65s,transform .65s}.reveal.pending{opacity:0;transform:translateY(22px)}
@media(min-width:1500px){.hero-grid{padding-top:85px}.hero h1{font-size:108px}.playground{height:620px}.scene-caption{top:250px}.player-one{top:85px}.player-two{top:165px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav nav{gap:18px}.nav .brand img{width:140px}.hero-grid{gap:0;padding-top:52px}.hero h1{font-size:76px;letter-spacing:-4.5px}.playground{height:550px}.player{width:120px}.player>svg{width:120px;height:115px}.player-one{left:5%;top:67px}.player-two{right:0;top:140px}.player-three{left:3%;bottom:75px}.empty-seat{width:123px;height:123px;right:5%;bottom:65px}.orbit-one{width:340px;height:340px}.orbit-two{width:235px;height:235px}.scene-caption strong{font-size:38px}.scene-caption .tiny{font-size:8px}.speech{left:90px}.hero-actions{gap:18px}.hero-actions .button{font-size:13px;padding:17px}.problem-grid{gap:45px}.game-story{padding:30px}.game-story h3{font-size:30px}.community-grid{gap:10px}.friend{width:200px}.faq-grid{gap:40px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:82px;gap:14px}.nav .button{margin-left:auto;font-size:11px;padding:10px 13px;gap:7px}.nav nav{position:absolute;top:81px;left:0;right:0;background:var(--ink);z-index:20;padding:18px 24px;display:none;border-bottom:1px solid #ffffff30}.nav nav.open{display:flex;flex-direction:column;gap:0}.menu-toggle{display:flex;align-items:center;gap:10px;background:none;color:var(--paper);border:0;font-size:12px;min-height:44px;padding:8px;margin-left:auto}.menu-toggle span{font-size:21px}.nav .button{display:none}.hero-grid{grid-template-columns:1fr;padding-top:46px;padding-bottom:20px}.hero h1{font-size:clamp(62px,12vw,90px);letter-spacing:-4px}.hero h1 br:nth-child(1){display:initial}.hero h1 em br{display:initial}.hero h1 em{display:block}.hero-copy{max-width:650px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:23px}.intro{font-size:16px;line-height:1.7;max-width:480px;margin:23px 0}.playground{height:480px;width:min(540px,100%);margin:22px auto 0}.scene-caption{top:190px}.player-one{top:50px;left:12%}.player-two{right:4%;top:112px}.player-three{left:10%;bottom:70px}.empty-seat{right:10%;bottom:60px}.orbit-one{width:360px;height:360px}.hero-base{font-size:7px;letter-spacing:.7px;gap:12px;padding-bottom:24px}.hero-base a{width:34px;height:34px;flex-shrink:0}.problem{padding:70px 0 55px}.problem-grid{grid-template-columns:1fr;gap:35px}.problem h2 br:nth-child(2){display:none}h2{font-size:48px;letter-spacing:-2.5px}.problem-right{padding:0}.problem-right p{font-size:17px;max-width:100%}.excuses{margin-bottom:25px}.section-head{align-items:start;flex-direction:column;gap:18px;margin-bottom:27px}.section-head>p{margin:0;max-width:100%}.section-head>p br{display:none}.game{font-size:9px;padding:12px 15px}.game-picker{gap:7px}.game-stage{grid-template-columns:1fr}.game-art{min-height:280px;border-right:0;border-bottom:1px solid #c4ceba}.big-player{width:210px;height:200px}.crosshair{width:220px;height:220px}.game-story{padding:28px}.game-story h3{font-size:30px}.games{padding-bottom:65px}.steps{padding:0 0 70px}.step-list article{grid-template-columns:30px 1fr;gap:15px;padding:25px 0}.step-list h3{font-size:22px;line-height:1.2}.step-stamp{display:none}.community{padding:65px 0}.community-grid{grid-template-columns:1fr;gap:25px}.community h2{font-size:61px;letter-spacing:-3px}.community p:not(.eyebrow){max-width:100%}.community-art{min-height:350px;max-width:480px;width:100%;margin:auto}.sticker{width:125px;height:125px;top:0;font-size:11px}.f-one{bottom:25px;left:7%}.f-two{top:25px;right:7%}.friend{height:190px}.chat-bubble{bottom:47px;font-size:18px}.faq{padding:65px 0}.faq-grid{grid-template-columns:1fr;gap:30px}.faq h2{font-size:42px}.faq h2 br{display:none}.faq summary{font-size:15px}.footer-top{align-items:start;flex-direction:column;gap:22px;padding:35px 0}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:16px}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:380px){.hero h1{font-size:58px;letter-spacing:-3.5px}.hero-actions{gap:15px}.hero-actions .button{padding:16px 13px}.text-link{font-size:12px}.hero-base{font-size:6px}.player-one{left:5%}.player-two{right:-3%}.player-three{left:2%}.empty-seat{right:4%}.scene-caption strong{font-size:34px}.playground{height:460px}.scene-caption{top:181px}.scene-top{left:3px;right:3px}.scene-bottom{left:3px;right:3px}.community h2{font-size:54px}.f-one{left:0}.f-two{right:0}.excuses{gap:6px}.excuses span{font-size:10px;padding:11px}.game{font-size:8px;padding:12px}.game-story{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}
@media(max-width:380px){.section-head>div{min-width:0}h2{font-size:40px;letter-spacing:-2px}.faq h2{font-size:39px}}

.hero h1.loot-headline{font-size:clamp(62px,6.7vw,96px);letter-spacing:-.06em}@media(max-width:1100px) and (min-width:801px){.hero h1.loot-headline{font-size:clamp(48px,6.5vw,72px)}}@media(max-width:800px){.hero h1.loot-headline{font-size:clamp(43px,11.2vw,80px);letter-spacing:-.055em}}

/* The app supports the existing steps, using the landing's flat illustration style. */
.steps-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:90px;align-items:center}
.steps-layout .step-list article{grid-template-columns:36px minmax(0,1fr);gap:18px;padding:28px 0}
.steps-layout .step-stamp{display:none}
.app-preview{margin:0;display:flex;flex-direction:column;align-items:center;gap:28px;padding:12px 20px}
.app-phone{position:relative;width:260px;max-width:100%;padding:7px;background:var(--ink);border:2px solid var(--ink);border-radius:32px;box-shadow:12px 12px 0 #dce3d4;transform:rotate(3deg)}
.app-phone:before{content:"";position:absolute;right:-5px;top:112px;height:42px;width:3px;background:var(--ink);border-radius:0 2px 2px 0}
.app-phone-screen{position:relative;overflow:hidden;border-radius:23px;background:#10150f}
.app-phone-screen img{display:block;width:100%;height:auto;aspect-ratio:390/844}
.app-phone-speaker{position:absolute;z-index:1;top:8px;left:50%;transform:translateX(-50%);width:50px;height:6px;border-radius:6px;background:#070b07}
.app-preview figcaption{font:10px/1.6 'Courier New',monospace;color:#53604d}
@media(max-width:1100px){.steps-layout{grid-template-columns:minmax(0,1fr) 290px;gap:45px}.app-phone{width:246px}.steps-layout .step-list h3{font-size:23px}}
@media(max-width:800px){.steps-layout{grid-template-columns:1fr;gap:30px}.steps-layout .step-list article{grid-template-columns:30px minmax(0,1fr);gap:15px;padding:25px 0}.steps-layout .step-list h3{font-size:22px}.app-preview{padding:10px 20px 0;gap:25px}.app-phone{width:236px;box-shadow:9px 9px 0 #dce3d4}}