.fh-app{--acid:#b8ff1e;--ink:#080d0a;--panel:#101712;--line:#303b33;position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);min-height:650px;padding:78px max(28px,calc((100vw - 990px)/2));box-sizing:border-box;overflow:hidden;background:radial-gradient(circle at 22% 40%,#16251b 0,#0b120e 34%,#070b09 72%);color:#f5f7f2;font-family:Arial,Helvetica,sans-serif}.fh-app:before{content:"";position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:repeating-linear-gradient(105deg,transparent 0 3px,#203326 4px 5px)}.fh-app *{box-sizing:border-box}.fh-app>*{position:relative}.fh-topline{position:absolute;left:0;right:0;top:22px;height:1px;background:#263129}.fh-topline i{display:block;width:12px;height:12px;margin-left:55px;border-left:2px solid var(--acid);border-bottom:2px solid var(--acid);transform:rotate(-45deg) translateY(-8px)}.fh-landing{display:grid;grid-template-columns:1.45fr .92fr;gap:72px;align-items:center}.fh-kicker{color:var(--acid);font-size:10px;font-weight:900;letter-spacing:3px}.fh-pitch h1{margin:28px 0 18px;font-size:64px;line-height:.84;letter-spacing:-4px;font-weight:950}.fh-pitch h1 em{color:var(--acid);font-style:normal}.fh-pitch>p{max-width:560px;color:#bac3bd;font-size:14px;line-height:1.65}.fh-stats{display:flex;gap:50px;margin-top:42px}.fh-stats b{font-size:22px}.fh-stats small{display:block;margin-top:8px;color:#76817a;font-size:7px;letter-spacing:2px}.fh-panel{position:relative;padding:38px 30px 32px;border:1px solid var(--line);border-top:2px solid var(--acid);background:rgba(15,22,17,.96);box-shadow:16px 16px 0 rgba(0,0,0,.36)}.fh-panelnum{position:absolute;left:28px;top:35px;color:#202a22;font-size:46px;font-weight:900}.fh-panel>.fh-kicker,.fh-panel>h2{margin-left:70px}.fh-panel>h2{margin-top:9px;margin-bottom:32px;font-size:24px}.fh-app label{display:block;margin:0 0 16px;color:#7d8880;font-size:8px;font-weight:900;letter-spacing:1.4px}.fh-app input,.fh-app select{width:100%;height:51px;margin-top:8px;padding:0 14px;border:1px solid #334036;border-radius:0;outline:0;background:#080d0a;color:#f6f7f4;font-size:14px;font-weight:800}.fh-app select{appearance:auto}.fh-app label small{display:block;margin-top:7px;color:#5d675f;font-size:7px;letter-spacing:0}.fh-app button{width:100%;height:44px;border:0;border-radius:0;background:var(--acid);color:#071008;font-size:10px;font-weight:950;letter-spacing:1px;cursor:pointer}.fh-app button span{float:right;font-size:18px}.fh-or{display:flex;align-items:center;gap:12px;margin:20px 0;color:#5f6962;font-size:7px}.fh-or:before,.fh-or:after{content:"";height:1px;flex:1;background:#2b352e}.fh-join{display:grid;grid-template-columns:1fr 90px}.fh-join input{height:52px;margin:0;text-align:center;letter-spacing:4px;font-size:16px}.fh-join button{height:52px;background:#39443d;color:white}.fh-error{margin-top:13px;padding:10px;border:1px solid #763b3b;background:#2b1111;color:#ffb4b4;font-size:12px}.fh-roomhead,.fh-card{position:relative;max-width:760px;margin:0 auto 18px;padding:25px;border:1px solid var(--line);background:rgba(15,22,17,.97)}.fh-roomhead{display:flex;justify-content:space-between;align-items:center}.fh-roomhead small{color:#7e8981;font-size:9px;letter-spacing:2px}.fh-roomcode{color:var(--acid);font-size:38px;font-weight:950;letter-spacing:9px}.fh-pill{display:inline-block;padding:8px 12px;border:1px solid #415044;color:var(--acid);font-size:11px}.fh-titleline,.fh-player{display:flex;align-items:center}.fh-titleline{justify-content:space-between}.fh-titleline h3{margin:0}.fh-players{margin-top:15px}.fh-player{gap:12px;padding:13px 0;border-top:1px solid #29332c}.fh-player i{display:grid;place-items:center;width:32px;height:32px;background:#1f2a22;color:var(--acid);font-style:normal}.fh-player div{flex:1}.fh-player b,.fh-player small{display:block}.fh-player small{color:#7e8981}.fh-player>span{font-size:10px;color:#9da69f}.fh-player>span.ready{color:var(--acid)}.fh-card label{font-size:9px}.fh-card button{margin-top:10px}.fh-card button.secondary,.fh-card button.ghost{background:#27322a;color:white}.fh-center{text-align:center}.fh-loading{text-align:center;color:var(--acid)}@media(max-width:800px){.fh-app{padding:60px 18px}.fh-landing{grid-template-columns:1fr;gap:38px}.fh-pitch h1{font-size:46px}.fh-panel{box-shadow:none}.fh-stats{gap:25px}}