@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17142c;background:#f8f7f5;--purple: #7657f6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}svg{width:18px;height:18px}.home{background:#0b0920;color:#fff;min-height:100vh}nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);position:relative;z-index:3}.logo{border:0;background:none;color:inherit;display:flex;align-items:center;gap:9px;font:800 19px Manrope}.logo>span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--purple);color:#fff;transform:rotate(-5deg)}.logo b em{color:#8b70ff;font-style:normal}.links{display:flex;gap:35px}.links a{color:#aaa4ba;text-decoration:none;font-size:14px}.ghost,.text{border:1px solid #ffffff22;background:#ffffff0b;color:inherit;padding:10px 15px;border-radius:11px;display:flex;gap:8px;align-items:center}.hero{min-height:675px;position:relative;overflow:hidden;padding:112px max(5vw,22px) 70px}.art{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b0920 0,#0b0920f0 31%,#0b092055 65%),url(/assets/hero-studio-BPk5O_AQ.png) center/cover}.heroCopy{position:relative;max-width:680px}.hero label,.themes header label,.setup header label,.lobby>header label{font:700 11px Manrope;letter-spacing:2px;color:#ac9bff}.hero label{color:#a997f8}.hero h1{font:800 clamp(45px,6vw,82px)/.98 Manrope;margin:22px 0}.hero h1 em{color:#ff7956;font-style:normal}.heroCopy>p{color:#bbb6cb;font-size:18px;line-height:1.65;max-width:560px}.actions{display:flex;align-items:center;gap:18px;margin-top:32px}.primary{border:0;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#6243df);color:#fff;padding:15px 20px;font-weight:700;display:flex;gap:9px;align-items:center;justify-content:center;box-shadow:0 12px 28px #6548e43d}.primary:disabled{opacity:.4}.actions small{color:#898399}.join{position:absolute;z-index:2;right:5vw;bottom:48px;width:370px;background:#16122ddd;border:1px solid #ffffff18;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:17px;padding:15px;display:grid;grid-template-columns:auto 1fr;gap:10px}.join>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#7657f629;color:#ac9cff}.join small,.join b{display:block}.join small{color:#8d879f}.code{grid-column:1/-1;display:flex}.code input{flex:1;background:#09071a;border:1px solid #322b4b;color:#fff;padding:12px;border-radius:10px 0 0 10px;outline:none}.code button{width:48px;border:0;background:#7657f6;color:#fff;border-radius:0 10px 10px 0}.steps{background:#fff;color:#17142c;display:flex;justify-content:center;gap:70px;padding:34px 5vw}.steps>div{display:flex;align-items:center;gap:16px}.steps>div>b{font:800 28px Manrope;color:#e5e0f9}.steps strong,.steps small{display:block}.steps small{color:#8a8596;margin-top:4px}.themes{background:#f8f7f5;color:#17142c;padding:85px 5vw}.themes>header{display:flex;align-items:end;justify-content:space-between}.themes h2{font:800 34px Manrope;margin:10px 0}.themes header p{color:#827d8d;width:350px}.themeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:28px}.themeGrid>button{padding:0;border:1px solid #e4e0e7;border-radius:16px;overflow:hidden;background:#fff;text-align:left}.themeArt{height:165px;background:color-mix(in srgb,var(--t) 18%,#16132a);display:grid;place-items:center;color:var(--t);position:relative}.themeArt svg{width:54px;height:54px}.themeArt b{position:absolute;top:12px;left:12px;background:#fff;color:#383247;padding:5px 8px;border-radius:99px;font-size:9px;letter-spacing:1px}.themeGrid section{display:flex;align-items:center;justify-content:space-between;padding:16px}.themeGrid strong,.themeGrid small{display:block}.themeGrid small{color:#8b8695;margin-top:4px}.home footer{padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;color:#7f798f;font-size:12px}.light{min-height:100vh;background:#f7f6f3}.light nav{background:#fff;border-bottom:1px solid #e5e2e7}.text{border:0;background:none;color:#716c7c}.setup,.lobby{width:min(760px,calc(100% - 32px));margin:auto;padding:45px 0}.progress{display:flex;justify-content:center;align-items:center}.progress b,.progress span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e1dee5;color:#a9a4b0}.progress b{background:#7657f6;color:#fff}.progress i{width:55px;height:2px;background:#ddd9e2}.setup>header{text-align:center;margin:28px 0}.setup h1,.lobby h1{font:800 37px Manrope;margin:10px 0}.setup header p,.lobby header p{color:#837e8d}.setupThemes{display:grid;grid-template-columns:1fr 1fr;gap:11px}.setupThemes>button{background:#fff;border:1px solid #e1dde4;border-radius:13px;padding:13px;display:flex;gap:13px;align-items:center;text-align:left}.setupThemes>button.selected{border:2px solid #7657f6;padding:12px}.setupThemes i{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--t) 14%,white);color:var(--t)}.setupThemes span{flex:1}.setupThemes strong,.setupThemes small{display:block}.setupThemes small{color:#8f8998;margin-top:3px}.setupThemes>button>svg{color:#7657f6}.settings{margin:18px 0;background:#fff;border:1px solid #e1dde4;border-radius:14px;padding:19px;display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.difficulty{margin-top:18px;padding:18px;border:1px solid #e1dde4;border-radius:14px;background:#fff}.difficulty>label{color:#807a8a;font-size:10px;font-weight:700;letter-spacing:1px}.difficulty>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.difficulty button{padding:11px;border:1px solid #ddd9e2;border-radius:10px;background:#fff;color:#4c4654}.difficulty button strong,.difficulty button small{display:block}.difficulty button small{margin-top:3px;color:#918b99;font-size:10px}.difficulty button.selected{border-color:#7657f6;background:#f0ecff;color:#6248d3;box-shadow:inset 0 0 0 1px #7657f6}.difficulty button:disabled{cursor:not-allowed;opacity:.38}.difficulty>small{display:block;margin-top:9px;color:#938d99;font-size:10px}.settings>label{font-size:10px;letter-spacing:1px;font-weight:700;color:#807a8a}.settings input{display:block;width:100%;margin-top:8px;border:1px solid #ddd9e2;border-radius:9px;padding:12px;outline:none}.settings label div{display:flex;margin-top:8px}.settings label button{flex:1;border:1px solid #ddd9e2;background:#fff;padding:11px}.settings label button.selected{background:#7657f6;color:#fff}.wide{width:100%}.privacy{display:block;text-align:center;color:#9994a0;margin-top:13px}.join-screen{width:min(520px,calc(100% - 32px));margin:0 auto;padding:72px 0;text-align:center}.join-screen-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:17px;background:#ede8ff;color:#7657f6}.join-screen-icon svg{width:25px;height:25px}.join-screen>label{color:#8068e3;font:700 10px Manrope;letter-spacing:1.8px}.join-screen h1{margin:11px 0 8px;font:800 34px Manrope}.join-screen>p{margin:0 auto 28px;color:#817b89;line-height:1.55}.join-fields{display:grid;grid-template-columns:.85fr 1.4fr;gap:12px;margin-bottom:15px;text-align:left}.join-fields label{color:#807a8a;font-size:9px;font-weight:800;letter-spacing:1px}.join-fields input{width:100%;margin-top:7px;padding:13px;border:1px solid #ddd9e2;border-radius:10px;outline:none;background:#fff}.join-fields label:first-child input{color:#644bd0;font-weight:800;letter-spacing:2px;text-align:center}.join-fields input:focus{border-color:#7657f6;box-shadow:0 0 0 3px #7657f61a}.join-error{margin:0 0 13px;padding:10px 12px;border-radius:9px;background:#fff0ed;color:#bd4d3b;font-size:12px}.connecting-screen{display:grid;place-items:center;align-content:center;min-height:100dvh;background:#f7f6f3;text-align:center}.connecting-screen .logo{position:absolute;top:24px;left:24px}.connecting-spinner{width:44px;height:44px;border:4px solid #e2ddf4;border-top-color:#7657f6;border-radius:50%;animation:connecting-spin .8s linear infinite}.connecting-screen h1{margin:18px 0 4px;font:800 26px Manrope}.connecting-screen p{color:#898391}@keyframes connecting-spin{to{transform:rotate(360deg)}}.lobby{width:min(820px,calc(100% - 32px))}.lobby>header{display:flex;justify-content:space-between;align-items:end}.pill{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #e1dde4;padding:10px 13px;border-radius:11px;color:#7657f6}.pill span,.pill small{display:block;color:#17142c;font-weight:700}.pill small{font-size:8px;color:#9a95a0}.invite{margin-top:27px;background:#17132f;color:#fff;border-radius:17px;padding:22px;text-align:center}.invite>div{display:flex;text-align:left;gap:11px}.invite>div>span{width:42px;height:42px;display:grid;place-items:center;background:#7657f62b;color:#aa98ff;border-radius:11px}.invite p{margin:0}.invite p b,.invite p small{display:block}.invite p small{color:#8f89a5;margin-top:3px}.roomCode{width:100%;border:0;background:none;display:flex;justify-content:center;align-items:center;gap:8px;margin:22px 0 13px}.roomCode b{display:grid;place-items:center;width:48px;height:52px;background:#211c3e;border:1px solid #383057;border-radius:9px;color:#fff;font-size:26px}.roomCode span{color:#a996ff;margin-left:8px}.copy{border:0;background:none;color:#a797ff;text-decoration:underline}.playersTitle{display:flex;justify-content:space-between;margin:26px 0 9px;color:#87818f;font-size:10px;letter-spacing:1px}.players{display:grid;grid-template-columns:1fr 1fr;gap:13px}.players section{background:#fff;border:1px solid #e1dde4;border-radius:13px;padding:15px;display:flex;align-items:center;gap:12px}.players section>i{width:48px;height:48px;border-radius:50%;background:#eee9ff;display:grid;place-items:center;font-style:normal;font-size:25px}.players p{margin:0}.players p b,.players p small{display:block}.players p small{color:#8c8795;margin-top:4px}.players p svg{width:13px;color:#e8aa36;vertical-align:-2px}.players em{margin-left:auto;font-style:normal;font-size:10px;color:#3aa777;background:#e7f7ef;padding:5px 8px;border-radius:99px}.players em svg{width:13px;vertical-align:-3px}.waiting{border-style:dashed!important}.waiting>i{font-size:18px!important;color:#9992a3}.simulate{width:100%;margin-top:14px;padding:12px;border:1px solid #ddd7ec;background:#f0ecff;color:#6e54d5;border-radius:10px;font-weight:700}.simulate svg{vertical-align:-4px;margin-right:7px}.tip{display:flex;gap:9px;color:#807a89;font-size:13px;margin-top:23px}.tip svg{color:#8067e3;flex:none}.game{min-height:100vh;background:#f4f2f0}.gameNav{height:62px;background:#15122a;color:#fff;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 22px}.gameNav>div{display:flex;align-items:center;justify-content:center;gap:14px}.gameNav>div small{color:#9891a9}.gameNav em{font-style:normal;background:#2b2645;padding:5px 8px;border-radius:6px;margin:0 5px}.gameNav>div>i{font-style:normal;color:#827a94;font-size:10px}.gameNav>span{display:flex;justify-content:end;gap:6px}.gameNav>span button{background:#ffffff0a;border:1px solid #ffffff18;color:#bbb5c6;border-radius:8px;width:35px;height:35px}.status{height:65px;background:#fff;border-bottom:1px solid #e2dfe5;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.status p{display:flex;align-items:center;gap:10px}.status p>i{width:9px;height:9px;border-radius:50%;background:#46c684;box-shadow:0 0 0 5px #46c68425}.status span b,.status span small{display:block}.status span small{color:#918b98}.status>b{display:flex;gap:8px}.gameLayout{max-width:1500px;margin:auto;padding:19px;display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px}.boardWrap{background:#fff;border:1px solid #e1dde4;border-radius:15px;padding:18px}.boardWrap>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.target-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto}.target-tabs button{flex:none;border:1px solid #ddd9e2;border-radius:999px;background:#fff;padding:8px 12px}.target-tabs button.selected{border-color:#7657f6;background:#f0ecff;color:#6248d3}.target-tabs button:disabled{opacity:.45;text-decoration:line-through}.bracket{display:flex;gap:10px;margin-bottom:18px;padding:12px;overflow-x:auto;border-radius:12px;background:#17132f;color:#fff}.bracket section{display:grid;align-content:start;min-width:150px;gap:7px}.bracket section>b{color:#aa98ff;font-size:10px;text-transform:uppercase}.bracket span{padding:8px;border:1px solid #ffffff18;border-radius:8px;color:#aaa4ba;font-size:11px}.bracket span.active{border-color:#7657f6;background:#7657f62b;color:#fff}.boardWrap h1{font:800 23px Manrope;margin:0}.boardWrap header p{color:#8b8694;margin:4px 0 0}.boardWrap header button{border:0;background:#f1eef3;color:#746e7c;border-radius:9px;padding:9px}.boardWrap header button svg{vertical-align:-4px;margin-right:6px}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.board-25{grid-template-columns:repeat(5,1fr)}.board-50{grid-template-columns:repeat(10,1fr)}.person{position:relative;overflow:hidden;padding:0;background:#fff;border:1px solid #dedbe1;border-radius:10px;transition:.18s}.person:hover{transform:translateY(-2px);border-color:#7657f6}.person>div{height:102px;background:linear-gradient(145deg,color-mix(in srgb,var(--p) 42%,white),var(--p));display:flex;align-items:end;justify-content:center;position:relative;overflow:hidden}.person>div>i{position:absolute;right:5px;top:4px;font-style:normal;font-size:37px}.person>div>span{width:62px;height:73px;border-radius:40px 40px 15px 15px;background:#f2c9ae;border:4px solid #ffffff66;display:grid;place-items:center;font-weight:800;color:#684b43}.person>div>img{width:100%;height:100%;object-fit:cover;object-position:center top}.person>b{display:block;padding:8px;font-size:11px}.person>small{display:block;min-height:38px;padding:0 7px 8px;color:#837d8b;font-size:8px;line-height:1.35}.person.down{filter:grayscale(1);opacity:.4;transform:scale(.95)}.person>em{position:absolute;top:0;right:0;bottom:0;left:0;background:#18142f66;color:#fff;display:grid;place-items:center}.person>em svg{width:38px;height:38px}.gameLayout aside{display:flex;flex-direction:column;gap:11px}.secret,.chat{background:#fff;border:1px solid #e1dde4;border-radius:13px;padding:14px}.secret>label{font-size:9px;letter-spacing:1px;color:#8c8694}.secret>div{display:flex;gap:11px;align-items:center;margin-top:9px}.secret p{margin:0}.secret p b,.secret p small{display:block}.secret p small{color:#8b8593}.avatar{width:38px;height:38px;background:var(--a);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px;position:relative;flex:none}.avatar.big{width:55px;height:55px}.avatar i{position:absolute;top:-8px;right:-5px;font-style:normal;font-size:19px}.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:center top}.chat{padding:0;overflow:hidden;min-height:330px;display:flex;flex-direction:column}.chat>header{padding:13px;border-bottom:1px solid #ede9ef;display:flex;justify-content:space-between}.chat header b{display:flex;gap:7px}.chat header i{font-style:normal;color:#39ad76;background:#e8f7ef;border-radius:99px;padding:4px 7px;font-size:8px}.messages{padding:13px;flex:1}.messages section{margin-bottom:10px}.messages small{font-size:8px;color:#9993a0}.messages p{margin:3px 0;background:#f0edf2;width:max-content;max-width:85%;padding:8px 10px;border-radius:4px 10px 10px;font-size:12px}.messages .mine{text-align:right}.messages .mine p{margin-left:auto;background:#7657f6;color:#fff;border-radius:10px 4px 10px 10px}.quick{display:flex;gap:5px;padding:0 10px 8px}.quick button{border:1px solid #ded9e3;background:#fff;border-radius:99px;padding:5px 8px;font-size:10px}.chat>footer{border-top:1px solid #ede9ef;padding:8px;display:flex}.chat>footer input{border:0;outline:0;flex:1;font-size:12px}.chat>footer button{width:34px;height:34px;border:0;background:#7657f6;color:#fff;border-radius:8px}.guess{border:0;background:#ff7956;color:#fff;border-radius:11px;padding:13px;font-weight:700}.wager{border:1px solid #e2b849;background:#fff9e8;color:#8b6512;border-radius:11px;padding:11px;font-weight:700}.wager.selected{background:#2b2138;border-color:#ffcc4d;color:#ffdc78;box-shadow:0 0 0 3px #ffcc4d25}.wager:disabled{opacity:.4}.guess svg{vertical-align:-4px;margin-right:7px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c091bdb;z-index:10;display:grid;place-items:center;padding:20px;overflow:hidden}.modal{display:flex;flex-direction:column;background:#fff;border-radius:18px;width:min(600px,100%);max-height:calc(100dvh - 40px);padding:27px;text-align:center;position:relative;overflow:hidden}.close{position:absolute;right:15px;top:15px;border:0;background:#efecf1;border-radius:50%;width:34px;height:34px;z-index:2}.trophy{width:52px;height:52px;display:grid;place-items:center;background:#fff0d9;color:#e2a02d;border-radius:14px;flex:0 0 auto;margin:0 auto}.modal h2{font:800 25px Manrope;margin:12px 0 3px}.modal>p{color:#898390}.guessGrid{display:grid;flex:1 1 auto;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;min-height:0;padding:2px 6px 10px 2px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b9afd9 #f1eef5}.guessGrid::-webkit-scrollbar{width:7px}.guessGrid::-webkit-scrollbar-track{border-radius:99px;background:#f1eef5}.guessGrid::-webkit-scrollbar-thumb{border-radius:99px;background:#b9afd9}.guessGrid button{background:#fff;border:1px solid #ded9e3;border-radius:9px;padding:8px;display:flex;align-items:center;gap:8px}.win>span{font-size:65px}.win .primary{margin:15px auto}.win p{color:#817b89}@media(max-width:900px){.themeGrid{grid-template-columns:1fr 1fr}.steps{gap:20px}.gameLayout{grid-template-columns:1fr}.gameLayout aside{display:grid;grid-template-columns:1fr 1fr}.chat{grid-row:span 2}.board{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.links{display:none}.hero{padding:70px 20px 190px}.hero h1{font-size:46px}.art{opacity:.58}.heroCopy{z-index:1}.join{left:20px;right:20px;bottom:25px;width:auto}.steps{flex-direction:column}.themes>header,.lobby>header{display:block}.themeGrid,.setupThemes,.settings,.players{grid-template-columns:1fr}.themeGrid{gap:12px}.home footer{flex-direction:column;gap:18px}.pill{width:max-content;margin-top:15px}.roomCode b{width:37px}.gameNav{grid-template-columns:auto 1fr auto;padding:0 8px}.gameNav .logo b,.gameNav>div small{display:none}.gameNav>div{gap:4px}.gameLayout{padding:8px}.boardWrap{padding:10px}.board{grid-template-columns:repeat(3,1fr);gap:6px}.person>div{height:84px}.gameLayout aside{display:flex}.boardWrap header p{display:none}.guessGrid{grid-template-columns:1fr 1fr}.join-fields{grid-template-columns:1fr}.overlay{padding:8px}.modal{max-height:calc(100dvh - 16px);padding:22px 14px 14px}}.simulate:disabled,.guess:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.5}.toast{position:fixed;right:22px;bottom:22px;z-index:50;max-width:min(390px,calc(100vw - 44px));padding:14px 17px;border-radius:12px;background:#18142f;color:#fff;box-shadow:0 20px 50px #08061666;animation:toast-in .25s ease-out}.toast.error{border-left:4px solid #ff7956}.turn-actions{display:grid;gap:9px;padding:14px;border:1px solid #ded9e5;border-radius:13px;background:#fff}.turn-actions>span{color:#8d8796;font-size:9px;font-weight:800;letter-spacing:1.3px}.turn-actions .guess{width:100%}.end-turn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px solid #d9d3e2;border-radius:11px;background:#f6f3fa;color:#494254;font-weight:700}.end-turn:hover:not(:disabled){border-color:#7657f6;background:#f0ecff;color:#6549da}.end-turn:disabled{cursor:not-allowed;opacity:.45}.turn-actions>small{color:#8e8895;font-size:10px;line-height:1.45;text-align:center}.chat-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;border:1px solid #e1dde4;border-radius:12px;background:#fff;color:#4b4555}.chat-toggle>span{display:flex;align-items:center;gap:7px;font-weight:700}.chat-toggle small{padding:3px 6px;border-radius:99px;background:#f0edf3;color:#8d8795;font-size:8px;letter-spacing:.5px;text-transform:uppercase}.chat-toggle>b{color:#7657f6;font-size:11px}.empty-chat{color:#96909d;font-size:12px;line-height:1.5;text-align:center;padding:28px 16px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}
