@font-face{font-family:Fortune Display;src:url('/assets/fonts/fraunces-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Fortune Display;src:url('/assets/fonts/fraunces-italic-variable.ttf') format('truetype');font-style:italic;font-weight:100 900;font-display:swap}

.ff-public-site{--public-mint:#7fe3cf;--public-paper:#fafafa;--public-ink:#0b0b0c;--public-graphite:#1f2328;--public-sand:#c9c3b8;position:relative;background:var(--public-paper);color:var(--public-ink);font-family:var(--sans,Arial,sans-serif);overflow:hidden}
.ff-public-site *{box-sizing:border-box}
.ff-public-site>main{padding:0!important;max-width:none!important;margin:0!important;width:100%;scroll-behavior:smooth}
.ff-public-site a{color:inherit;text-decoration:none}
.ff-public-site a:focus-visible,.ff-public-site button:focus-visible{outline:3px solid var(--public-mint);outline-offset:5px}
.ff-public-nav{position:absolute;inset:0 0 auto;z-index:10;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;color:#fff;gap:30px;border-bottom:1px solid #ffffff23}
.ff-public-nav>a>img{display:block;width:245px;filter:invert(1)}
.ff-public-nav>nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500}
.ff-public-nav>nav>a{transition:color .2s}
.ff-public-nav>nav>a:hover{color:var(--public-mint)}
.ff-public-login{background:#fafafa10;backdrop-filter:blur(20px);border:1px solid #fafafa55;border-radius:30px;padding:13px 22px;display:flex;gap:30px}
.ff-public-hero{position:relative;min-height:760px;height:100svh;isolation:isolate;color:#fafafa}
.ff-public-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;z-index:-3}
.ff-public-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0cb8,transparent 90%),linear-gradient(#0b0b0c66,transparent 30%,#0b0b0c25 65%,#0b0b0c8c);z-index:-2}
.ff-public-hero-copy{padding:210px 7% 150px;max-width:1100px}
.ff-public-hero-copy>span,.ff-public-intro>span,.ff-public-afterhours>div>span,.ff-public-final>span{font-size:10px;letter-spacing:.18em;font-weight:600;line-height:1.5}
.ff-public-hero-copy>span{color:#eff5f1}
.ff-public-hero h1{font-family:Fortune Display,Georgia,serif;font-size:clamp(100px,12.2vw,182px);font-weight:600;font-variation-settings:'SOFT' 25,'WONK' 0,'opsz' 100;line-height:.88;letter-spacing:-.025em;margin:32px 0 35px;color:#fafafa;max-width:950px}
.ff-public-hero h1>em{font-style:italic;font-weight:600;color:var(--public-mint);letter-spacing:-.025em}
.ff-public-hero-copy>p{font-size:17px;line-height:1.7;max-width:385px;color:#e7e9e7;margin:30px 0 0}
.ff-public-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:45px;width:max-content;max-width:100%;min-height:55px;padding:17px 23px;border-radius:5px;font-size:15px;font-weight:600;background:var(--public-mint);color:var(--public-ink)!important;margin-top:31px;border:1px solid #c4f4e8;box-shadow:inset 0 1px 0 #ffffff80,0 5px 15px #00000018;transition:transform .2s,box-shadow .2s}
.ff-public-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff80,0 9px 20px #00000025}
.ff-public-scroll{position:absolute;left:7%;bottom:45px;display:flex;gap:40px;font-size:10px;letter-spacing:.13em;color:#fafafa}
.ff-public-film-control{position:absolute;bottom:34px;right:5%;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff65;background:#1f232855;backdrop-filter:blur(20px);color:#fafafa;display:grid;place-items:center;font-size:18px;cursor:pointer}
.ff-public-intro{padding:110px 7% 100px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px 8%}
.ff-public-intro>span{grid-column:1/-1;color:#66716c}
.ff-public-intro>h2,.ff-public-afterhours h2,.ff-public-final h2{font-family:Fortune Display,Georgia,serif;font-weight:550;font-variation-settings:'SOFT' 15,'WONK' 0,'opsz' 72;font-size:clamp(46px,5.4vw,78px);letter-spacing:-.02em;line-height:1.01;margin:0;color:inherit}
.ff-public-intro>p{font-size:18px;line-height:1.75;margin:0;max-width:460px;align-self:end;color:#5f6664}
.ff-public-features{display:block;padding:0}
.ff-public-features>article{position:relative;min-height:730px;height:88svh;max-height:1000px;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;color:#fff}
.ff-public-features>article:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0b0cbd,transparent 85%),linear-gradient(0deg,#0b0b0c66,transparent 70%)}
.ff-public-features>article>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2;transition:transform .8s}
.ff-public-features>article:hover>img{transform:scale(1.025)}
.ff-public-features>article>div{padding:90px 8%;max-width:850px}
.ff-public-features>article:nth-child(2)>div{margin-left:auto;text-align:right}
.ff-public-features>article:nth-child(2):after{background:linear-gradient(270deg,#0b0b0cc9,transparent 85%)}
.ff-public-features span{font-size:11px;letter-spacing:.18em;color:var(--public-mint);font-weight:600}
.ff-public-features h3{font-family:Fortune Display,Georgia,serif;font-variation-settings:'SOFT' 15,'WONK' 0,'opsz' 90;font-size:clamp(54px,6.3vw,92px);letter-spacing:-.02em;font-weight:550;line-height:.99;margin:22px 0 25px;color:#fff;max-width:710px}
.ff-public-features p{font-size:18px;line-height:1.7;max-width:400px;color:#e7e9e7;margin:0}
.ff-public-features>article:nth-child(2) p{margin-left:auto}

/* A considered product stage keeps the real gameplay at its native proportions. */
.ff-public-afterhours{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,480px);gap:50px 9%;align-items:center;padding:100px 9%;min-height:760px;background:var(--public-graphite);color:#fafafa}
.ff-public-afterhours:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#0b0b0cf5,#1f2328c9 65%,#1f2328d9);z-index:-1}
.ff-public-afterhours>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;z-index:-2}
.ff-public-afterhours>div:not(.ff-public-gameplay){grid-column:1;grid-row:1;align-self:center;max-width:520px;padding:0}
.ff-public-afterhours>div>span{color:var(--public-mint)}
.ff-public-afterhours h2{font-size:clamp(48px,5.2vw,73px);margin-top:25px;color:#fafafa}
.ff-public-afterhours p{font-size:17px;line-height:1.75;color:#c9ceca;margin:25px 0;max-width:400px}
.ff-public-afterhours>div:not(.ff-public-gameplay)>a{display:flex;justify-content:space-between;gap:30px;max-width:285px;min-height:51px;padding:15px 0;border-bottom:1px solid #7fe3cf75;font-size:15px;color:#fafafa}
.ff-public-afterhours>div:not(.ff-public-gameplay)>a:hover{color:var(--public-mint)}
.ff-public-gameplay{position:relative;grid-column:2;grid-row:1;width:100%;max-width:480px;aspect-ratio:480/520;padding:0!important;align-self:center;justify-self:center;border:9px solid #353b3c;border-radius:28px;background:#101715;box-shadow:0 0 0 1px #ffffff36,inset 0 0 0 1px #fafafa33,0 35px 70px #0008,0 2px 3px #0009;transform:rotate(2deg)}
.ff-public-gameplay:before{content:'';position:absolute;inset:-36px;border-radius:60px;background:radial-gradient(ellipse at 75% 20%,#7fe3cf20,transparent 63%);filter:blur(25px);z-index:-1;pointer-events:none}
.ff-public-gameplay>.lobby-game-showcase{height:100%;min-height:0;border-radius:19px;background:#101715;overflow:hidden;isolation:isolate}
.ff-public-gameplay .home-game-slide>canvas{object-fit:cover}
.ff-public-gameplay .home-game-shade{background:linear-gradient(0deg,#0b0b0cfa 0%,#0b0b0caa 25%,transparent 61%,#0b0b0c33 90%)}
.ff-public-gameplay .home-game-title{bottom:66px;left:25px;right:25px;width:auto;max-width:none}
.ff-public-gameplay .home-game-title .ff-game-mark{width:210px;max-width:75%;height:auto;filter:drop-shadow(0 6px 7px #0009)}
.ff-public-gameplay .home-game-title p{font:400 14px/1.5 var(--sans,Arial,sans-serif)!important;color:#e7e9e7!important;margin:6px 0 14px!important;max-width:none}
.ff-public-gameplay .home-game-play{min-height:43px;padding:11px 17px;border:1px solid #baf0e3;border-radius:5px;background:var(--public-mint);box-shadow:inset 0 1px 0 #ffffff75,0 3px 10px #0003;color:#0b0b0c;font:600 13px var(--sans,Arial,sans-serif)}
.ff-public-gameplay .home-game-demo-label{top:20px;left:22px;padding:7px 10px;border:1px solid #ffffff3b;border-radius:20px;background:#1f232899;color:#fafafa;font-size:8px;letter-spacing:.12em;backdrop-filter:blur(12px)}
.ff-public-gameplay .home-game-reel-controls{left:18px;right:18px;bottom:10px;align-items:center}
.ff-public-gameplay .home-game-reel-controls>div{gap:2px}
.ff-public-gameplay .home-game-reel-controls button{min-height:44px;min-width:44px}
.ff-public-gameplay .home-game-reel-controls>div>button:after{width:20px;height:4px;background:#fafafa66}
.ff-public-gameplay .home-game-reel-controls>div>button[aria-pressed=true]:after{width:34px;background:var(--public-mint)}
.ff-public-gameplay .home-game-reel-controls>button{width:38px;height:38px;border:1px solid #ffffff40;background:#1f232899;color:#fafafa;font-size:14px}

.ff-public-final{padding:110px 7%;text-align:center;display:flex;align-items:center;flex-direction:column;background:#fafafa}
.ff-public-final>img{width:58px;height:58px;margin-bottom:33px;opacity:.95}
.ff-public-final>span{color:#68726c}
.ff-public-final>h2{margin-top:24px;font-size:clamp(60px,7vw,105px)}
.ff-public-footer{padding:36px 5%;background:#0b0b0c;display:flex;gap:28px;align-items:center;color:#c9c3b8;font-size:12px;flex-wrap:wrap}
.ff-public-footer>img{width:200px;filter:invert(1)}
.ff-public-footer>span{flex:1}
.ff-public-footer>a:hover{color:var(--public-mint)}

@media(max-width:1000px){.ff-public-afterhours{gap:45px;padding:90px 6%;grid-template-columns:minmax(0,1fr) minmax(310px,420px)}.ff-public-afterhours h2{font-size:57px}.ff-public-gameplay .home-game-title .ff-game-mark{width:185px}}
@media(max-width:800px){.ff-public-nav{padding:22px 6%;gap:20px}.ff-public-nav>a>img{width:190px}.ff-public-nav>nav{gap:20px;font-size:13px}.ff-public-login{padding:11px 15px;gap:17px}.ff-public-hero-copy{padding:200px 7% 130px}.ff-public-hero h1{font-size:120px}.ff-public-intro{padding:80px 7%;grid-template-columns:1fr 1fr;gap:25px 7%}.ff-public-intro>p{font-size:16px}.ff-public-features>article{min-height:620px;height:82svh}.ff-public-features>article>div{padding:65px 7%}.ff-public-features h3{font-size:66px}.ff-public-afterhours{grid-template-columns:1fr;padding:80px 7% 90px;gap:48px;min-height:0}.ff-public-afterhours>div:not(.ff-public-gameplay){grid-column:1;grid-row:1;max-width:550px;justify-self:start}.ff-public-afterhours h2{font-size:65px}.ff-public-gameplay{grid-column:1;grid-row:2;max-width:430px;transform:rotate(1.5deg)}.ff-public-gameplay .home-game-title .ff-game-mark{width:200px}}
@media(max-width:550px){.ff-public-nav>a>img{width:165px}.ff-public-nav>nav{gap:14px}.ff-public-nav>nav>a:first-child{font-size:12px}.ff-public-login{font-size:12px;padding:10px 13px;gap:13px}.ff-public-hero{min-height:740px;height:100svh}.ff-public-hero-copy{padding:190px 7% 120px}.ff-public-hero h1{font-size:clamp(74px,21vw,102px);margin-top:28px;letter-spacing:-.025em}.ff-public-hero-copy>span{font-size:8px;letter-spacing:.14em}.ff-public-hero-copy>p{font-size:16px;max-width:300px;margin-top:28px}.ff-public-hero-photo{object-position:53% center}.ff-public-film-control{right:7%;bottom:27px;width:43px;height:43px}.ff-public-scroll{bottom:40px;font-size:8px;gap:23px}.ff-public-cta{font-size:14px;min-height:51px}.ff-public-intro{padding:70px 7% 65px;grid-template-columns:1fr;gap:22px}.ff-public-intro>h2{font-size:49px}.ff-public-intro>p{font-size:16px}.ff-public-features>article{min-height:610px;max-height:none;height:80svh}.ff-public-features>article>div{padding:47px 7%;max-width:100%}.ff-public-features>article:nth-child(2)>div{text-align:left;margin:0}.ff-public-features>article:nth-child(2):after{background:linear-gradient(90deg,#0b0b0cc4,transparent 100%)}.ff-public-features h3{font-size:54px}.ff-public-features p{font-size:16px}.ff-public-features>article:nth-child(2) p{margin:0}.ff-public-afterhours{padding:68px 7% 77px;gap:40px}.ff-public-afterhours h2{font-size:51px}.ff-public-afterhours p{font-size:16px;margin:22px 0}.ff-public-gameplay{width:calc(100% - 8px);border-width:7px;border-radius:24px;transform:none}.ff-public-gameplay>.lobby-game-showcase{border-radius:17px}.ff-public-gameplay .home-game-title{left:20px;right:20px;bottom:58px}.ff-public-gameplay .home-game-title .ff-game-mark{width:170px;max-width:70%}.ff-public-gameplay .home-game-title p{font-size:12px!important;margin:5px 0 11px!important}.ff-public-gameplay .home-game-play{min-height:40px;font-size:12px;padding:10px 14px}.ff-public-gameplay .home-game-demo-label{top:15px;left:17px;font-size:7px;padding:6px 9px}.ff-public-gameplay .home-game-reel-controls{bottom:6px;left:12px;right:12px}.ff-public-final{padding:80px 7%}.ff-public-final>h2{font-size:62px}.ff-public-footer{padding:30px 7%;gap:23px;font-size:11px}.ff-public-footer>span{flex-basis:100%}.ff-public-footer>img{width:185px}}
@media(prefers-reduced-motion:reduce){.ff-public-features>article>img,.ff-public-cta,.ff-public-nav>nav>a{transition:none}.ff-public-cta:hover{transform:none}}
@media(min-width:801px) and (max-height:820px){.ff-public-hero-copy{padding-top:175px}.ff-public-hero h1{font-size:clamp(100px,17.5svh,145px)}.ff-public-hero-copy>p{margin-top:27px}.ff-public-hero .ff-public-cta{margin-top:24px}}

/* Compact, tactile membership actions keep their arrows with the label. */
.ff-public-cta{display:inline-flex;justify-content:center;gap:16px;min-height:56px;padding:17px 25px;border-radius:999px;line-height:1.15;white-space:nowrap;background:linear-gradient(135deg,#b0f1e1,#7fe3cf 65%,#73d2bd);border:1px solid #c7f8ec;box-shadow:inset 0 1px 0 #ffffffa1,0 3px 0 #397b6b80,0 10px 24px #00000025}.ff-public-button-arrow{width:20px;height:20px;flex:0 0 20px;display:block}.ff-public-afterhours>div:not(.ff-public-gameplay)>a{display:inline-flex;justify-content:flex-start;width:max-content;max-width:100%;gap:14px}.ff-public-login{gap:12px}@media(max-width:550px){.ff-public-cta{min-height:53px;padding:16px 23px;font-size:14px;gap:14px}.ff-public-button-arrow{width:18px;height:18px;flex-basis:18px}}

.ff-public-site h1,.ff-public-site h2,.ff-public-site h3{word-spacing:.09em;font-kerning:normal}.ff-public-features h3,.ff-public-intro>h2,.ff-public-afterhours h2,.ff-public-final h2{line-height:1.06}

.ff-public-nav nav>a,.ff-public-footer>a{display:inline-flex;align-items:center;gap:10px}.ff-public-nav nav>a>.ff-public-button-arrow,.ff-public-footer>a>.ff-public-button-arrow{width:16px;height:16px;flex-basis:16px}