html{overflow-x:clip}body{user-select:auto;-webkit-user-select:auto;overflow-x:hidden}.landing{max-width:1240px;margin:0 auto;padding:0 32px}.landing a:focus-visible{outline:4px solid var(--sky);outline-offset:4px}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:max(28px,env(safe-area-inset-top)) 0 0}.landing-links{display:flex;gap:28px;font-size:18px;font-weight:800}.landing-links a{color:var(--ink);text-decoration:none}.landing-links a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 470px;align-items:center;gap:32px;padding:44px 0 80px}.hero h1{margin:0;font-size:76px;line-height:.98;letter-spacing:-.045em}.hl{display:inline-block;padding:0 14px 6px;border:var(--line);border-radius:18px}.hl-sun{background:var(--sun);transform:rotate(-2deg)}.hl-bubble{background:var(--bubble);transform:rotate(1.5deg)}.hero-sub{margin:28px 0 0;max-width:560px;font-size:23px;font-weight:600;line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px}.action{display:flex;flex-direction:column;padding:20px 30px;border:var(--line);border-radius:24px;color:var(--ink);text-decoration:none;transition:transform .08s ease,box-shadow .08s ease}.action:hover{transform:translate(-2px,-2px)}.action:active{transform:translate(4px,4px);box-shadow:none}.action-create{background:var(--ink);color:var(--cream);box-shadow:7px 7px 0 var(--tomato)}.action-create:hover{box-shadow:9px 9px 0 var(--tomato)}.action-join{background:var(--paper);box-shadow:7px 7px 0 var(--ink)}.action-join:hover{box-shadow:9px 9px 0 var(--ink)}.action-title{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em}.action-sub{font-size:15px;font-weight:700;opacity:.8}.hero-fan{position:relative;height:470px}.hero-fan .game-tile{position:absolute;width:270px;height:350px;box-shadow:8px 8px 0 var(--ink)}.hero-fan .game-tile:nth-child(1){left:0;top:70px;transform:rotate(-10deg)}.hero-fan .game-tile:nth-child(2){left:110px;top:10px;transform:rotate(3deg)}.hero-fan .game-tile:nth-child(3){left:200px;top:110px;transform:rotate(13deg)}.hero-fan .game-tile-tagline{-webkit-line-clamp:4}.marquee{margin:0 -40px;padding:18px 0;background:var(--ink);color:var(--cream);transform:rotate(-2deg);overflow:hidden;white-space:nowrap}.marquee-track{display:inline-flex;align-items:center;gap:28px;animation:marquee 40s linear infinite}.marquee-item{font-size:30px}.marquee-star{color:var(--sun);font-size:24px}@keyframes marquee{to{transform:translate(-50%)}}.block{padding-top:88px}.block h2{margin:0 0 28px;font-size:56px;line-height:1}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.step-card{display:flex;flex-direction:column;gap:8px;padding:26px;border:var(--line);border-radius:28px;box-shadow:var(--shadow);font-size:18px;font-weight:600;line-height:1.4}.step-1{background:var(--sun);transform:rotate(-1deg)}.step-2{background:var(--paper)}.step-3{background:var(--mint);transform:rotate(1deg)}.step-card strong{margin-top:10px;font-size:26px;line-height:1.05}.step-num{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:var(--line);border-radius:50%;background:var(--paper);font-size:26px}.step-2 .step-num{background:var(--tomato)}.landing-games{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.game-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;border:var(--line);border-radius:28px;box-shadow:var(--shadow);color:var(--ink)}.game-tile-dev{position:absolute;top:-14px;right:18px;padding:3px 11px;border:2.5px solid var(--ink);border-radius:999px;background:repeating-linear-gradient(-45deg,var(--sun) 0 10px,#ffe78a 10px 20px);font-size:13px;font-weight:800;box-shadow:2px 2px 0 var(--ink);transform:rotate(4deg);white-space:nowrap}.game-tile-name{font-size:30px;line-height:1.05}.game-tile-tagline{font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.game-tile-meta{margin-top:auto;padding:5px 12px;border:2.5px solid var(--ink);border-radius:999px;background:var(--paper);font-size:14px;font-weight:800}.landing-cta{text-align:center}.landing-cta p{margin:0;font-size:48px;line-height:1.05}.landing-cta .hero-actions{justify-content:center}.landing-footer{padding:72px 0 max(40px,env(safe-area-inset-bottom));text-align:center;font-size:15px;font-weight:700;color:var(--ink-soft)}.hero-promise{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}.hero-promise li{display:inline-flex;align-items:center;gap:7px;padding:5px 14px 5px 10px;border:2.5px solid var(--ink);border-radius:999px;background:var(--paper);font-size:16px;font-weight:800}.hero-promise li:before{content:"";width:14px;height:8px;margin-top:-4px;border-left:3px solid var(--mint);border-bottom:3px solid var(--mint);transform:rotate(-45deg)}.promise-card{padding:48px 52px 44px;border:var(--line);border-radius:36px;background:var(--ink);color:var(--cream);box-shadow:10px 10px 0 var(--tomato);transform:rotate(-.6deg)}.promise-kicker{margin:0 0 12px;color:var(--sun);font-size:15px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.promise-card h2{margin:0 0 34px;font-size:76px;line-height:.98}.promise-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.promise-list li{display:flex;flex-direction:column;gap:8px;padding:20px 20px 18px;border:3px solid var(--cream);border-radius:22px;font-size:17px;font-weight:600;line-height:1.35}.promise-list li:nth-child(odd){transform:rotate(.8deg)}.promise-list li:nth-child(2n){transform:rotate(-.8deg)}.promise-zero{color:var(--sun);font-size:44px;line-height:1;white-space:nowrap}.promise-foot{margin:34px 0 0;font-size:32px;line-height:1.2}.promise-foot .hl{color:var(--ink)}@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1fr);padding-bottom:40px}.hero-fan{width:520px;max-width:100%;margin:0 auto}}@media(max-width:860px){.steps{grid-template-columns:1fr}.promise-list{grid-template-columns:repeat(2,minmax(0,1fr))}.step-1,.step-3{transform:none}}@media(max-width:600px){.landing{padding:0 20px}.landing-links{display:none}.hero{padding-top:32px;gap:16px}.hero h1{font-size:48px}.hl{padding:0 8px 3px;border-radius:12px}.hero-sub{font-size:19px;margin-top:20px}.action{flex:1 1 100%;padding:18px 22px}.action-title{font-size:24px}.hero-fan{height:330px}.hero-fan .game-tile{width:200px;height:250px;padding:16px}.hero-fan .game-tile:nth-child(2){left:80px}.hero-fan .game-tile:nth-child(3){left:140px;top:80px}.hero-fan .game-tile-name{font-size:22px}.hero-fan .game-tile-tagline{-webkit-line-clamp:2;font-size:14px}.marquee-item{font-size:22px}.block{padding-top:60px}.block h2{font-size:40px}.landing-cta p{font-size:34px}.promise-card{padding:30px 22px 28px;border-radius:28px;box-shadow:6px 6px 0 var(--tomato);transform:none}.promise-card h2{font-size:46px;margin-bottom:24px}.promise-list{grid-template-columns:minmax(0,1fr);gap:12px}.promise-list li,.promise-list li:nth-child(odd),.promise-list li:nth-child(2n){transform:none;padding:14px 16px}.promise-zero{font-size:34px}.promise-foot{font-size:24px}.hero-promise li{font-size:14px}}