:root{color:#f4f4e9;font-synthesis:none;--lime:#d2f66b;--muted:#a5aa9d;--line:#363c31;--surface:#20251d;background:#11140f;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #e9b95e}h1,h2,h3,p{margin:0}h1,h2,h3,strong,.logo{font-family:system-ui,-apple-system,sans-serif}h1,h2{letter-spacing:-.055em;line-height:.99}h1 em,h2 em{color:var(--lime);font-style:normal}p{color:var(--muted);line-height:1.55}.wrap{width:min(1400px,100% - 112px);margin:auto}.topbar{border-bottom:1px solid #30352d;justify-content:space-between;align-items:center;gap:16px;width:min(1400px,100% - 112px);height:100px;margin:auto;display:flex}.logo{letter-spacing:-.07em;flex-shrink:0;align-items:center;gap:11px;font-size:25px;font-weight:700;display:inline-flex}.logo-mark{background:var(--lime);color:#151a12;border-radius:9px;place-items:center;width:32px;height:32px;font-size:24px;line-height:1;display:grid;transform:rotate(-8deg)}.logo-mark span{position:absolute;bottom:4px;right:5px}.logo-copy{flex-direction:column;gap:4px;display:flex}.logo-name{line-height:1}.logo-tagline{color:var(--muted);letter-spacing:.01em;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.25}.logo-dot,.accent{color:var(--lime)}.top-actions{align-items:center;gap:36px;font-size:13px;font-weight:700;display:flex}.button{border:1px solid var(--lime);background:var(--lime);color:#151a10;border-radius:5px;justify-content:space-between;align-items:center;gap:36px;min-height:54px;padding:0 23px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.button:hover:not(:disabled){background:#e0ff92;transform:translateY(-2px)}.button.secondary{color:#f4f4e9;background:0 0;border-color:#5c6555}.button.secondary:hover:not(:disabled){background:#293025}.button span{font-size:18px}.eyebrow,.panel-kicker{letter-spacing:.15em;color:var(--lime);font-size:11px;font-weight:700}.live-dot,.connection i{background:var(--lime);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:650px;padding-top:30px;padding-bottom:50px;display:grid}.hero h1{margin:27px 0;font-size:clamp(64px,7.3vw,108px)}.hero-copy>p{max-width:480px;font-size:18px}.hero-actions{gap:12px;margin-top:36px;display:flex}.hero-foot{color:#b4baab;letter-spacing:.1em;align-items:center;gap:15px;margin-top:65px;font-size:10px;font-weight:700;display:flex}.avatar-stack{padding-left:5px;display:flex}.avatar-stack i{color:#28301b;background:#d2f66b;border:2px solid #11140f;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-5px;font-style:normal;display:grid}.avatar-stack i:nth-child(2){background:#dcaa6d}.avatar-stack i:nth-child(3){background:#b6a4df}.hero-art{place-items:center;height:520px;display:grid;position:relative;overflow:hidden}.art-orbit{border:1px solid #414d35;border-radius:50%;width:440px;height:440px;position:absolute}.orbit-two{border-color:#2c3529;width:520px;height:520px}.art-card{z-index:1;color:#1b2416;background:#cbea78;border-radius:12px;width:330px;height:400px;padding:24px;position:relative;transform:rotate(8deg);box-shadow:0 30px 80px #0008}.art-card-top,.art-card-bottom{justify-content:space-between;align-items:center;display:flex}.art-card-top{letter-spacing:.12em;font-size:10px;font-weight:700}.art-card-top span:last-child{font-size:28px}.art-dice{justify-content:center;align-items:center;gap:14px;height:230px;display:flex;transform:rotate(-8deg)}.art-dice .die:first-child{transform:rotate(-16deg)}.art-dice .die:last-child{background:#f2ae6b;transform:rotate(17deg)}.art-card-bottom small,.art-card-bottom strong{display:block}.art-card-bottom small{letter-spacing:.12em;font-size:10px}.art-card-bottom strong{letter-spacing:-.05em;margin-top:7px;font-size:30px}.art-arrow{border:1px solid #25321e;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.art-spark{color:#eeb96f;font-size:43px;position:absolute}.spark-one{top:65px;left:35px}.spark-two{color:var(--lime);bottom:60px;right:20px}.floating-note{z-index:2;color:#1e261a;letter-spacing:.12em;background:#f3eadb;padding:15px 20px;font-size:10px;font-weight:700;position:absolute;bottom:40px;left:25px;transform:rotate(-5deg)}.floating-note span{color:#7f9d48}.die{background:#f8f3df;border-radius:21px;flex:none;place-items:center;width:106px;height:106px;display:inline-grid;box-shadow:inset -5px -7px #00000012,0 14px 24px #0002}.pips{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:62%;height:62%;display:grid}.pips i{visibility:hidden;background:#20291c;border-radius:50%;width:12px;height:12px}.face-1 i:nth-child(5),.face-2 i:first-child,.face-2 i:nth-child(9),.face-3 i:first-child,.face-3 i:nth-child(5),.face-3 i:nth-child(9),.face-4 i:first-child,.face-4 i:nth-child(3),.face-4 i:nth-child(7),.face-4 i:nth-child(9),.face-5 i:first-child,.face-5 i:nth-child(3),.face-5 i:nth-child(5),.face-5 i:nth-child(7),.face-5 i:nth-child(9),.face-6 i:first-child,.face-6 i:nth-child(3),.face-6 i:nth-child(4),.face-6 i:nth-child(6),.face-6 i:nth-child(7),.face-6 i:nth-child(9){visibility:visible}.how-strip{color:#192315;background:#d0ed87}.how-inner{grid-template-columns:1.4fr repeat(3,1fr);align-items:center;gap:30px;min-height:128px;display:grid}.how-inner strong{letter-spacing:-.04em;font-size:20px;line-height:1.1}.how-inner strong span{color:#62754a}.how-inner div{align-items:center;gap:18px;font-size:14px;font-weight:700;display:flex}.how-inner b{color:#62754a;font-size:11px}.library{padding-top:120px;padding-bottom:130px}.section-head{justify-content:space-between;align-items:end;margin-bottom:40px;display:flex}.section-head h2,.closing h2{margin-top:19px;font-size:clamp(42px,5vw,70px)}.section-head p{font-size:14px}.game-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.game-card{background:#1a1f18;border:1px solid #373e32;border-radius:8px;overflow:hidden}.game-visual{background:#30382b;height:230px;padding:20px;position:relative;overflow:hidden}.game-number,.game-status{z-index:1;letter-spacing:.1em;font-size:10px;font-weight:700;position:relative}.game-status{float:right}.visual-dice{color:#20291b;background:#cbea78}.visual-ludo{color:#34261e;background:#d19c70}.visual-trivia{color:#252846;background:#a8add4}.visual-lemon{color:#35341c;background:#d6c967}.visual-arena{color:#17281c;background:#819b85}.visual-racing{color:#372023;background:#c28e8b}.game-symbol{opacity:.9;justify-content:center;align-items:center;font-family:Space Grotesk;font-size:150px;font-weight:700;line-height:1;display:flex;position:absolute;inset:35px 0 0}.game-symbol .die{width:90px;height:90px;transform:rotate(-12deg)}.game-symbol .die+.die{background:#eda96b;margin-left:-5px;transform:rotate(15deg)}.game-info{padding:23px}.game-meta{letter-spacing:.1em;color:#b6c0ac;font-size:10px;font-weight:700}.game-meta span{color:#d1f469;margin:0 5px}.game-info h3{letter-spacing:-.05em;margin:14px 0 5px;font-size:26px}.game-info p{font-size:14px}.text-link,.soon{margin-top:26px;font-size:12px;font-weight:700;display:block}.text-link{color:var(--lime);background:0 0;border:0;padding:0}.text-link span{margin-left:14px}.soon{color:#8b9385}.closing{background:#252d21;border-radius:8px;justify-content:space-between;align-items:center;gap:30px;padding:60px;display:flex}.closing>span{color:#d5f675;font-size:80px}.closing h2{margin-top:14px}.footer{color:#949d8d;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:55px 0;font-size:10px;font-weight:700;display:flex}.footer .logo{color:#f4f4e9;letter-spacing:-.07em}.setup{padding-top:40px;padding-bottom:100px}.back{color:#bcc5b4;background:0 0;border:0;margin-bottom:55px;padding:0;font-size:13px}.setup-grid{grid-template-columns:1fr 480px;gap:100px;display:grid}.setup h1,.join-heading h1,.room-title h1,.results h1,.game-head h1,.phone-content h1{margin:20px 0;font-size:clamp(52px,5.8vw,78px)}.lead{max-width:550px;font-size:18px}.detail-tags{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.detail-tags span,.pill{color:#c5cebd;letter-spacing:.08em;border:1px solid #4a5543;border-radius:30px;padding:9px 12px;font-size:10px;font-weight:700}.setup-dice{color:#25321d;background:#cbe982;border-radius:8px;justify-content:center;align-items:center;gap:15px;min-height:250px;margin-top:45px;display:flex;overflow:hidden}.setup-dice .die:first-child{transform:rotate(-13deg)}.setup-dice .die:nth-child(2){background:#f2b477;transform:rotate(14deg)}.setup-dice>span:last-child{letter-spacing:-.06em;margin-left:20px;font-family:Space Grotesk;font-size:33px;font-weight:700;line-height:.9}.setup-dice em{color:#6d874d;font-style:normal}.privacy{max-width:500px;margin-top:20px;font-size:12px}.panel{background:#20251e;border:1px solid #3a4235;border-radius:8px}.config{height:fit-content;padding:35px}.config h2{margin:15px 0;font-size:39px}.config>p{font-size:14px}.mode-list{gap:10px;margin:27px 0;display:grid}.mode{color:#f3f4e9;text-align:left;background:#1a1f19;border:1px solid #485142;border-radius:5px;align-items:center;gap:14px;width:100%;padding:17px;display:flex}.mode.selected{border-color:var(--lime);background:#293322}.mode>span:nth-child(2){flex:1}.mode strong,.mode small{display:block}.mode strong{font-size:15px}.mode small{color:#abb5a3;margin-top:5px;line-height:1.4}.radio{border:1px solid #9da895;border-radius:50%;flex:none;width:18px;height:18px}.selected .radio{border:5px solid var(--lime)}.select-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px;display:grid}label{color:#d7ddcf;font-size:12px;font-weight:700;display:block}select,input{color:#f7f8f1;background:#151a14;border:1px solid #4b5546;border-radius:4px;width:100%;min-height:52px;margin-top:9px;padding:0 14px;display:block}select{appearance:auto}.wide{width:100%}.form-note{color:#a8b1a1;margin-top:15px;font-size:12px;line-height:1.5;display:block}.error{color:#ffb4a7;margin:12px 0;font-size:13px}.join-wrap{width:min(470px,100% - 40px);margin:40px auto 100px}.join-wrap .back{margin-bottom:42px}.join-heading{text-align:center}.join-heading h1{font-size:55px}.join-heading p{font-size:15px}.join-form{margin-top:30px;padding:30px}.join-form label+label{margin-top:22px}.join-form .button{margin-top:25px}.join-bottom{text-align:center;color:#a5b19b;letter-spacing:.13em;margin-top:38px;font-size:10px}.room-shell .topbar{height:75px}.room-bar{letter-spacing:.12em;color:#b8c2b0;border-bottom:1px solid #30352d;justify-content:space-between;align-items:center;width:min(1400px,100% - 112px);min-height:55px;margin:auto;font-size:10px;font-weight:700;display:flex}.room-bar>div{align-items:center;gap:20px;display:flex}.bar-sep{color:#596251;margin:0 10px}.utility{color:#b8c2b0;background:0 0;border:0;font-size:11px;font-weight:700}.connection{color:#e9bc70;white-space:nowrap}.connection i{background:#e9bc70}.connection.connected{color:#c3d4b0}.connection.connected i{background:var(--lime)}.connection-banner,.alert{color:#f9e1a4;text-align:center;background:#493e25;padding:13px;font-size:13px}.connection-banner button{color:inherit;background:0 0;border:0;text-decoration:underline}.alert{color:#ffd2c9;background:#4d302c}.room-content{width:min(1400px,100% - 112px);margin:0 auto;padding:55px 0 80px}.room-title,.game-head{justify-content:space-between;align-items:end;gap:30px;display:flex}.room-title h1,.game-head h1{margin:14px 0}.room-title p,.game-head p{font-size:16px}.lobby-count strong{font-size:52px;line-height:1;display:block}.lobby-count strong span{color:#899382;font-size:24px}.lobby-count small,.timer span{letter-spacing:.12em;color:#a9b3a1;margin-top:9px;font-size:10px;display:block}.lobby-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:35px;display:grid}.invite-panel,.roster-panel,.scoreboard,.stage{padding:30px}.invite-body{align-items:center;gap:30px;margin-top:24px;display:flex}.qr{background:#fff;border:8px solid #fff;border-radius:4px;width:180px;height:180px}.qr-fallback{color:#222;text-align:center;place-items:center;font-size:13px;display:grid}.invite-body p{letter-spacing:.13em;margin-bottom:6px;font-size:10px;font-weight:700}.invite-body p:not(:first-child){margin-top:25px}.join-url{overflow-wrap:anywhere;font-size:17px}.room-code{letter-spacing:.06em;white-space:nowrap;font-size:clamp(25px,3vw,42px);display:block}.copy-link{color:var(--lime);background:0 0;border:0;padding:10px 0 0;font-size:12px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-heading h2{margin-top:10px;font-size:30px}.roster{gap:8px;display:grid}.roster-row,.score-row{background:#181d17;border-radius:4px;align-items:center;gap:12px;min-height:60px;padding:11px;display:flex}.initial{color:#24301d;background:#c7e97d;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-family:Space Grotesk;font-weight:700;display:grid}.color-1{background:#e7aa79}.color-2{background:#c4b5df}.color-3{background:#a7cfd0}.color-4{background:#e6d37a}.color-5{background:#e3a6a8}.roster-row>div,.score-row>div{flex:1;min-width:0}.roster-row strong,.score-row strong{overflow-wrap:anywhere;font-size:14px;display:block}.roster-row small,.score-row small{color:#98a492;letter-spacing:.08em;margin-top:5px;font-size:9px;display:block}.ready-label{color:#a9b1a3;white-space:nowrap;font-size:10px;font-weight:700}.ready-label.is-ready{color:var(--lime)}.kick{color:#aab4a3;background:0 0;border:0;font-size:20px}.empty{padding:30px 0;font-size:14px}.host-bottom{justify-content:space-between;align-items:end;gap:20px;padding-top:28px;display:flex}.host-bottom strong{margin-top:10px;font-size:15px;display:block}.host-bottom strong span{color:#8e9b85;margin:0 5px}.host-bottom p{margin-top:6px;font-size:12px}.host-buttons{align-items:center;gap:25px;display:flex}.phone-content{max-width:490px;margin:auto}.phone-content h1{font-size:58px}.seat-card{margin-top:30px;padding:22px}.seat-identity{align-items:center;gap:16px;margin-top:20px;display:flex}.seat-identity .initial{width:58px;height:58px;font-size:23px}.seat-identity div{flex:1}.seat-identity strong,.seat-identity span{display:block}.seat-identity strong{font-size:20px}.seat-identity div span{letter-spacing:.1em;color:#aeb8a6;margin-top:6px;font-size:10px}.seat-identity b{color:var(--lime);font-size:25px}.phone-rules{padding:25px 0}.phone-rules span,.controller-score span{letter-spacing:.12em;color:#aeb8a6;font-size:10px;font-weight:700;display:block}.phone-rules strong{margin-top:10px;display:block}.phone-rules p{margin-top:8px;font-size:13px}.ready-button{min-height:70px}.center-note{text-align:center;margin-top:15px;font-size:12px}.phone-roster{margin-top:45px}.phone-roster .roster{margin-top:15px}.game-layout{grid-template-columns:1.3fr .7fr;gap:20px;margin-top:35px;display:grid}.stage{color:#202a19;background:#c9e77f;flex-direction:column;min-height:365px;display:flex}.stage-label{letter-spacing:.12em;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.stage-label span{font-size:25px}.stage-dice{flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.stage-dice .die{width:130px;height:130px}.stage-dice .die:nth-child(odd){transform:rotate(-8deg)}.stage-dice .die:nth-child(2n){background:#f1b274;transform:rotate(8deg)}.stage-caption{text-align:center;letter-spacing:.12em;font-size:10px}.unbanked{text-align:center;margin-top:15px;font-size:30px;font-weight:700}.unbanked span{letter-spacing:.12em;font-size:10px}.score-row{margin-top:8px}.score-row.current{border:1px solid #9cbd65}.score-row b{font-size:27px}.game-footer{justify-content:space-between;align-items:center;margin-top:25px;display:flex}.game-footer p{margin-top:8px;font-size:13px}.timer{text-align:center}.timer strong{font-variant-numeric:tabular-nums;font-size:60px;line-height:1}.controller-score{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px;display:grid}.controller-score>div{background:#20251e;border:1px solid #3a4235;border-radius:5px;padding:20px}.controller-score strong{margin-top:8px;font-size:40px;display:block}.phone-dice{justify-content:center;gap:16px;margin:35px 0 15px;display:flex}.phone-dice .die{width:85px;height:85px}.controller-actions{gap:12px;margin-top:30px;display:grid}.roll-button{min-height:88px;font-size:18px}.results{max-width:900px}.results>p{margin-bottom:30px}.result-list{gap:10px;display:grid}.result-row{background:#20251e;border:1px solid #3a4235;border-radius:5px;align-items:center;gap:18px;padding:15px;display:flex}.result-row .place{color:#aeb7a7;font-size:14px}.result-row strong{flex:1}.result-row strong small{color:#abb3a7;font-size:9px}.result-row b{font-size:30px}.result-row>span:last-child{color:#b2bdaa;font-size:10px}.result-actions{gap:10px;margin-top:30px;display:flex}.loading{text-align:center;padding:100px 20px}.loading h2{margin:20px;font-size:35px}.loading .button{margin-top:25px}.spinner{color:var(--lime);font-size:45px}.modal-backdrop{z-index:10;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{max-width:450px;padding:30px}.modal h2{font-size:34px}.modal p{margin:20px 0}.modal>div{gap:10px;display:flex}@media (width<=800px){.wrap,.topbar,.room-bar,.room-content{width:calc(100% - 40px)}.topbar{height:75px}.top-actions>a{display:none}.top-actions .button{gap:12px;min-height:44px;padding:0 13px}.hero{grid-template-columns:1fr;gap:0;padding-top:70px}.hero h1{font-size:clamp(58px,11vw,84px)}.hero-art{height:420px;margin-top:20px}.art-card{width:270px;height:330px}.art-dice{height:180px}.art-orbit{width:340px;height:340px}.orbit-two{width:410px;height:410px}.hero-foot{margin-top:35px}.how-inner{grid-template-columns:1fr 1fr;gap:25px;padding:28px 0}.library{padding:75px 0}.section-head{display:block}.section-head p{margin-top:20px}.game-grid{grid-template-columns:repeat(2,1fr)}.game-visual{height:180px}.game-symbol{font-size:110px}.closing{flex-wrap:wrap;padding:35px}.closing>span{font-size:50px}.footer{flex-wrap:wrap;gap:25px}.setup-grid{grid-template-columns:1fr;gap:35px}.setup .back{margin-bottom:35px}.lobby-grid,.game-layout{grid-template-columns:1fr}.room-content{padding-top:35px}.room-title h1,.game-head h1{font-size:52px}.lobby-count strong{font-size:36px}.invite-body{gap:20px}.room-code{font-size:28px}.game-head{align-items:start}.stage{min-height:280px}.desktop-utility{display:none}}@media (width<=500px){.logo{gap:8px;font-size:22px}.logo-mark{width:28px;height:28px;font-size:21px}.logo-tagline{font-size:10px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.game-grid{grid-template-columns:1fr 1fr;gap:10px}.game-visual{height:145px;padding:12px}.game-symbol{font-size:85px}.game-symbol .die{border-radius:12px;width:60px;height:60px}.pips i{width:8px;height:8px}.game-info{padding:15px}.game-info h3{font-size:21px}.game-info p{font-size:12px}.game-meta,.game-status,.game-number{font-size:8px}.closing>span,.footer>span:last-child{display:none}.setup-dice .die{width:75px;height:75px}.setup-dice>span:last-child{font-size:25px}.config{padding:22px}.select-grid{grid-template-columns:1fr 1fr}.room-bar{font-size:8px}.room-bar>div{gap:8px}.room-bar .utility{font-size:9px}.room-title{align-items:start}.room-title h1{font-size:42px}.room-title p{font-size:13px}.lobby-count small{font-size:8px}.invite-panel,.roster-panel,.scoreboard,.stage{padding:20px}.qr{width:125px;height:125px}.join-url{font-size:13px}.room-code{font-size:22px}.host-bottom{flex-direction:column;align-items:stretch}.host-buttons{justify-content:space-between}.phone-content h1{font-size:49px}.result-row{gap:10px}.result-row b{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.result-history{margin-top:35px}.result-history .panel-kicker{margin-bottom:12px}.history-row{border-bottom:1px solid #343c30;grid-template-columns:75px 1fr 1fr 50px 120px;align-items:center;gap:12px;padding:13px 0;font-size:13px;display:grid}.history-row span:first-child,.history-row span:last-child{color:#aab4a3;text-transform:uppercase;letter-spacing:.07em;font-size:10px}@media (width<=500px){.history-row{grid-template-columns:60px 1fr 1fr 35px;font-size:12px}.history-row span:last-child{grid-column:2/-1}}.avatar-picker{border:0;margin:22px 0 0;padding:0}.avatar-picker legend{color:#d7ddcf;margin-bottom:10px;font-size:12px;font-weight:700}.avatar-picker>div{flex-wrap:wrap;gap:8px;display:flex}.avatar-picker button{color:#d5decf;background:#151a14;border:1px solid #4b5546;border-radius:50%;width:48px;height:48px;font-size:22px}.avatar-picker button.chosen{border:2px solid var(--lime);color:var(--lime);background:#303e27}.host-match-controls{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}