@import"https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Nunito:wght@700;800;900&display=swap";.mascot.small+.playerCard{margin-top:20px}.card:has(.summaryRow)+.button{margin-top:20px}.playerCard+.button{margin-top:20px}.content>label+input+.button{margin-top:18px}.page{min-height:100dvh}.phone{min-height:100dvh;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(38px,env(safe-area-inset-bottom))}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}button,input{max-width:100%}.avatar{overflow:hidden}.avatar img{display:block;width:118%;height:118%;object-fit:contain;object-position:center 22%}.resultEmoji{text-align:center;font-size:74px;filter:drop-shadow(0 12px 18px #0008)}.confetti{text-align:center;color:var(--cyan);letter-spacing:12px;font-size:22px}.resultCard{margin:18px 0}.resultCard>div{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid #ffffff0d}.resultCard>div:last-child{border:0}.resultCard span{color:var(--muted);font-size:13px}.resultCard b{display:flex;align-items:center;gap:8px}.homeHeader{display:flex;justify-content:space-between;align-items:center}.partyPill{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #42deff38;border-radius:99px;background:#0d1737b8;color:#8deeff;font-size:11px;font-weight:900;letter-spacing:1px}.partyPill i{width:6px;height:6px;border-radius:50%;background:#51f5c3;box-shadow:0 0 9px #51f5c3}.home .hero{padding:34px 0 8px;text-align:left}.home .hero h1{position:relative;z-index:2;font-size:40px;line-height:1.12;letter-spacing:-1.8px;text-shadow:0 8px 30px #000}.home .hero .sub{position:relative;z-index:2;font-size:15px;line-height:1.55;margin-bottom:0}.characterStage{position:relative;height:270px;margin:-12px -22px -8px;overflow:hidden;filter:drop-shadow(0 24px 24px #0009)}.characterStage:after{content:"";position:absolute;left:4%;right:4%;bottom:6px;height:26px;border-radius:50%;background:#1e21a9;filter:blur(15px);opacity:.72}.character{position:absolute;z-index:2;bottom:-38px;width:69%;height:auto;object-fit:contain}.characterMale{left:-10%;transform:rotate(4deg)}.characterFemale{right:-11%;transform:rotate(-4deg)}.neonDoodle{position:absolute;z-index:1;color:#72eaff;font-size:34px;font-weight:900;text-shadow:0 0 7px currentColor,0 0 22px currentColor}.neonDoodleLeft{left:5%;top:34px;color:#d963ff;transform:rotate(-18deg)}.neonDoodleRight{right:7%;top:18px;color:#45dfff;transform:rotate(12deg)}.actionCard .button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:0 22px}.actionCard .button b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#ffffff20;font-size:17px}@media(max-width:360px){.home .hero h1{font-size:35px}.characterStage{height:235px}}:root{font-family:Nunito,Gowun Dodum,system-ui,sans-serif;color:#f7f7ff;background:#07091a;font-synthesis:none;--bg:#0b0d25;--surface:#171a3b;--surface2:#202450;--primary:#7c5cff;--primary2:#a66cff;--cyan:#3ce6e3;--pink:#ff70b7;--muted:#a5a9ca;--line:#303462;--radius:24px;--shadow:0 18px 50px #0007}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,#292064 0,transparent 42%),#07091a}button,input{font:inherit}button{color:inherit}.page{min-height:100vh;position:relative;overflow:hidden}.phone{position:relative;width:100%;max-width:430px;min-height:100vh;margin:auto;padding:24px 22px 38px;background:linear-gradient(180deg,#111431,#0b0d25 68%);box-shadow:0 0 80px #0009}.content{padding-top:18px}.ambient{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(95px);opacity:.18;pointer-events:none}.ambientOne{background:#8b5cf6;top:-130px;left:-100px}.ambientTwo{background:#21d4fd;right:-180px;bottom:5%}.brand{display:flex;align-items:center;gap:9px;font-weight:900;letter-spacing:2px;font-size:17px}.brandMark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,var(--primary2),#4e68ff);box-shadow:0 0 18px #7c5cff88;transform:rotate(-5deg)}.topbar,.roomHeader{display:flex;align-items:center;justify-content:space-between;min-height:42px}.topbar>span{width:42px}.iconButton{border:1px solid var(--line);background:#171a3b;width:42px;height:42px;border-radius:14px;font-size:22px;cursor:pointer}.hero{padding:74px 0 32px;text-align:center}.mascot{display:flex;justify-content:center;align-items:flex-end;margin-bottom:28px}.mascot span{display:grid;place-items:center;width:76px;height:76px;border:3px solid #ffffff22;border-radius:26px;background:linear-gradient(145deg,#2a2e62,#171936);font-size:40px;box-shadow:var(--shadow);transform:rotate(-8deg)}.mascot span:nth-child(2){z-index:2;width:94px;height:94px;font-size:54px;transform:translateY(-10px);border-color:#aa86ff88;background:linear-gradient(145deg,#7656e8,#29275d)}.mascot span:nth-child(3){transform:rotate(8deg)}.mascot.small{margin:24px 0 12px}.mascot.small span{width:62px;height:62px;font-size:34px}.mascot.small span:nth-child(2){width:70px;height:70px}.eyebrow{margin:0 0 9px;color:var(--cyan);font-size:13px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.hero h1,h1{font-size:34px;line-height:1.18;margin:0 0 15px;letter-spacing:-1.2px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#a881ff,var(--cyan));-webkit-background-clip:text;color:transparent}.sub{color:var(--muted);line-height:1.65;margin:0 0 24px}.card{background:linear-gradient(145deg,#1b1f45,#141735);border:1px solid #ffffff12;border-radius:var(--radius);padding:18px;box-shadow:0 15px 35px #0003}.actionCard{display:grid;gap:12px;padding:14px}.button{width:100%;min-height:58px;border:0;border-radius:18px;background:linear-gradient(135deg,#8e62ff,#5867f5);box-shadow:0 10px 25px #6d55ee44;color:#fff;font-weight:900;font-size:16px;cursor:pointer;padding:13px 18px}.button:hover:not(:disabled){filter:brightness(1.09);transform:translateY(-1px)}.button:focus-visible,.candidateList button:focus-visible,.categoryGrid button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.button:disabled{opacity:.48;cursor:not-allowed}.button.secondary{margin-top:10px;background:#202449;border:1px solid #424879;box-shadow:none}.footnote,.privacyLine{text-align:center;color:#777c9e;font-size:12px;margin:20px 0 0}.form{padding-top:54px}.stepIcon,.gameIcon,.successIcon{display:grid;place-items:center;width:66px;height:66px;margin:0 0 22px;border-radius:22px;background:#242853;border:1px solid #ffffff1a;font-size:35px}.successIcon{color:#0e1631;background:var(--cyan);font-size:37px;font-weight:900;box-shadow:0 0 30px #3ce6e355}.form h1{margin-bottom:38px}.form label,.form legend,.content>label{display:block;margin:18px 0 9px;color:#d8daf1;font-size:14px;font-weight:800}.form input,.content>input{width:100%;height:58px;border:1px solid var(--line);border-radius:17px;background:#141735;color:#fff;padding:0 18px;font-size:17px;outline:none}.form input:focus,.content>input:focus{border-color:var(--primary2);box-shadow:0 0 0 4px #8c66ff22}.codeInput{text-align:center;letter-spacing:7px;text-transform:uppercase;font-size:23px!important;font-weight:900}.hint{color:var(--muted);font-size:12px;margin:8px 2px}.form fieldset{border:0;padding:0;margin:18px 0 28px}.gender{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gender button{min-height:90px;border:1px solid var(--line);border-radius:18px;background:#171a3b;font-weight:800;cursor:pointer}.gender button span{display:block;font-size:30px}.gender button.selected,.candidateList button.selected,.categoryGrid button.selected{border-color:#9f7aff;background:#2e2864;box-shadow:inset 0 0 0 1px #9f7aff}.privacy{margin-top:18px;padding:13px;text-align:center;color:var(--muted);font-size:12px}.error{color:#ff91b8;background:#ff4f8817;border:1px solid #ff6da244;padding:11px 13px;border-radius:12px}.roomPill{font-size:11px;color:var(--muted);background:#191d3e;border:1px solid var(--line);padding:8px 11px;border-radius:99px}.roomPill span{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.live{background:#47e6a2;box-shadow:0 0 8px #47e6a2}.offline{background:#ff638b}.network,.toast{margin:14px 0 -4px;padding:11px 13px;border-radius:12px;background:#ffb64818;border:1px solid #ffb64855;color:#ffd38e;font-size:12px}.toast{background:#795cff20;border-color:#795cff66;color:#d5caff}.invite{text-align:center;padding:24px 0 2px}.invite p{color:var(--muted);font-size:12px;margin:0}.invite button{border:0;background:transparent;color:#fff;font-size:32px;letter-spacing:6px;font-weight:900;padding:8px;cursor:pointer}.invite button span{font-size:18px;color:var(--cyan)}.invite small{display:block;color:#777c9e}.content>h1{text-align:left}.content>.gameIcon+.eyebrow,.content>.gameIcon~h1,.content>.successIcon~h1,.content>.successIcon~.sub{text-align:center}.content>.gameIcon,.content>.successIcon{margin:18px auto}.sectionHead,.summaryRow{display:flex;justify-content:space-between;align-items:center}.sectionHead{margin-bottom:10px}.sectionHead span{color:var(--cyan);font-size:13px}.player{display:flex;align-items:center;gap:10px;min-height:55px;border-top:1px solid #ffffff0b}.player:first-child{border-top:0}.player>span:nth-child(2){flex:1}.player small{color:var(--cyan)}.player i{font-style:normal;color:#ffdc80;font-size:11px}.player em{font-style:normal;color:#ff8eaa;font-size:10px}.online{width:8px;height:8px!important;border-radius:50%;background:#47e6a2}.online.disconnected{background:#ff638b}.avatar{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#3a3970;font-size:22px}.avatar.pink{background:#633457}.waiting{text-align:center;padding:25px 8px;color:var(--muted)}.dots{letter-spacing:5px;color:var(--primary2);animation:pulse 1.2s infinite}.progress{height:10px;margin:25px 0;border-radius:99px;overflow:hidden;background:#252949}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--cyan));transition:width .4s}.summaryRow{min-height:54px;border-bottom:1px solid #ffffff0d}.summaryRow:last-child{border:0}.summaryRow span{color:var(--muted)}.roleCard{text-align:center;padding:26px;margin-bottom:18px;border-color:#55dbd655;background:radial-gradient(circle at top,#165b6688,#171a3b 55%)}.roleCard.liar{border-color:#ad65ff88;background:radial-gradient(circle at top,#6e2f8c88,#171a3b 58%)}.roleEmoji{font-size:70px;text-align:center;filter:drop-shadow(0 10px 16px #0007);animation:pop .45s ease-out}.roleCard h2{font-size:29px;margin:8px 0 28px}.roleCard p{color:var(--muted);margin:0}.roleCard small{display:block;color:var(--muted);margin-top:24px}.keyword{display:block;color:var(--cyan);font-size:28px;margin:8px}.secret{display:block;font-size:20px;line-height:1.5}.checkRow{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid #ffffff0c}.checkRow:first-of-type{border-top:0}.checkRow>span{display:flex;gap:9px;align-items:center}.checkRow b{font-size:12px;color:var(--cyan)}.speaker{text-align:center;margin:20px 0}.speaker .avatar{display:grid;width:74px;height:74px;margin:14px auto 8px;font-size:40px;border-radius:24px}.speaker h2{font-size:25px;margin:0}.speaker p,.speaker small{color:var(--muted)}.candidateList{display:grid;gap:10px;margin:20px 0}.candidateList button{display:flex;align-items:center;gap:13px;min-height:67px;padding:10px 14px;border:1px solid var(--line);border-radius:18px;background:#171a3b;text-align:left;cursor:pointer}.candidateList button b{flex:1}.candidateList button>span:last-child{color:var(--cyan);font-size:20px}.voteBars{margin:20px 0}.voteBars>div{display:grid;grid-template-columns:62px 1fr 34px;align-items:center;gap:10px;margin:13px 0}.voteBars span,.voteBars b{font-size:12px}.voteBars>div>div{height:9px;border-radius:99px;background:#292d56;overflow:hidden}.voteBars i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--pink));border-radius:99px}.accused{text-align:center}.accused .avatar{width:70px;height:70px;font-size:38px}.accused h2{font-size:27px;margin:10px 0 4px}.accused p{color:var(--muted)}.gameChoice{display:flex;align-items:center;width:100%;margin:20px 0;padding:20px;border:1px solid #694fbd;background:linear-gradient(145deg,#29235d,#171a3b);border-radius:26px;text-align:left;cursor:pointer;box-shadow:0 15px 35px #0004}.gameChoice>span{font-size:48px;margin-right:16px}.gameChoice div{flex:1}.gameChoice small{color:var(--cyan)}.gameChoice h2{margin:3px 0}.gameChoice p{color:var(--muted);font-size:12px;margin:0}.gameChoice>b{font-size:22px}.categoryGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.categoryGrid button{position:relative;display:grid;place-items:center;min-height:112px;border:1px solid var(--line);border-radius:22px;background:#171a3b;cursor:pointer}.categoryGrid button>span{font-size:34px}.categoryGrid button i{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--cyan);color:#10132d;font-style:normal}.rule{display:flex;justify-content:space-around;color:var(--muted);font-size:12px;margin-bottom:18px}.centerState{display:grid;place-items:center;min-height:70vh;text-align:center}.loader{width:42px;height:42px;border:4px solid #ffffff22;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes pop{0%{transform:scale(.65);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:360px){.phone{padding-left:16px;padding-right:16px}.hero h1,h1{font-size:29px}.categoryGrid{gap:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.form .codeInput{margin-bottom:24px}.gameChoice:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.mockToggle{position:fixed;z-index:100;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid #ffffff2d;border-radius:99px;background:#151735e8;box-shadow:0 8px 24px #0008;color:#b6b8d8;font-size:12px;font-weight:900;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mockToggle span{width:8px;height:8px;border-radius:50%;background:#777c9e}.mockToggle.enabled{border-color:#49edbd70;color:#86f8d5}.mockToggle.enabled span{background:#49edbd;box-shadow:0 0 10px #49edbd}.mockToggle:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.gameNotice{position:fixed;z-index:110;left:50%;bottom:max(64px,calc(env(safe-area-inset-bottom) + 64px));width:calc(100% - 32px);max-width:398px;padding:14px 18px;border:1px solid #ff7189a8;border-radius:16px;background:linear-gradient(135deg,#6c1f39f2,#3d1528f2);box-shadow:0 14px 36px #16000dbf,0 0 24px #ff4f7450;color:#ffdce4;text-align:center;font-size:14px;font-weight:900;line-height:1.45;transform:translate(-50%);animation:toastIn .22s ease-out;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.leaveRoomButton{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #9b7ce080;border-radius:13px;background:linear-gradient(145deg,#302a60,#181a3a);box-shadow:inset 0 1px #fff2,0 9px 22px #0006,0 0 18px #8253ff20;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.leaveRoomButton svg{width:21px;height:21px;fill:none;stroke:#c2aaff;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #8f5cffaa)}.leaveRoomButton:hover:not(:disabled){transform:translateY(-1px);border-color:#c3a5ffc0;box-shadow:inset 0 1px #ffffff2c,0 11px 25px #0007,0 0 21px #8758ff38}.leaveRoomButton:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.leaveRoomButton:disabled{opacity:.55;cursor:not-allowed}.leaveRoomButton.pending svg{animation:leavePulse .8s ease-in-out infinite}.dialogBackdrop{position:fixed;z-index:160;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:#03040dcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dialogFade .18s ease-out}.leaveDialog{width:100%;max-width:386px;padding:27px 22px 22px;border:1px solid #a981ff55;border-radius:30px;background:radial-gradient(circle at 50% 0,#7435bb52 0,transparent 42%),linear-gradient(155deg,#242856,#11142f 72%);box-shadow:inset 0 1px #ffffff25,0 28px 80px #000d,0 0 42px #8b4dff35;text-align:center;animation:dialogPop .24s ease-out}.leaveDialog h2{margin:0 0 12px;font-size:27px}.leaveDialog>p{margin:0;color:#c8c9e2;line-height:1.65}.leaveDialogActions{display:grid;grid-template-columns:.82fr 1.18fr;gap:10px;margin-top:24px}.leaveDialogActions .button{min-height:54px;margin:0;padding:11px 12px;font-size:14px}.button.danger{border:1px solid #ff819955;background:linear-gradient(135deg,#f15375,#a73570);box-shadow:inset 0 1px #ffffff35,0 10px 25px #df3e6940}@keyframes leavePulse{50%{opacity:.35;transform:translate(2px)}}@keyframes dialogFade{0%{opacity:0}}@keyframes dialogPop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.displayAd{position:relative;min-height:92px;margin:18px 0;padding-top:12px;overflow:hidden;border:1px solid #ffffff12;border-radius:18px;background:#0d1028}.displayAdLabel{position:absolute;top:5px;right:9px;color:#777c9e;font:700 9px/1 system-ui,sans-serif;letter-spacing:.5px}.displayAdTest{display:flex;align-items:center;gap:12px;min-height:78px;padding:12px 16px;background:linear-gradient(120deg,#151a3a,#202858)}.displayAdTest>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#f2f5ff;color:#4352a8;font-size:13px;font-weight:900}.displayAdTest>div{display:grid;flex:1;min-width:0;gap:2px}.displayAdTest b{font-size:13px}.displayAdTest small{color:#aeb4d5;font-size:11px}.displayAdTest em{padding:4px 7px;border:1px solid #7781bd;border-radius:6px;color:#c8cdf0;font-size:9px;font-style:normal}.displayAd .adsbygoogle{min-height:80px}.roleRecall{margin:18px 0}.roleRecall>button{width:100%;min-height:48px;border:1px solid var(--line);border-radius:15px;background:#171a3b;color:#d8daf1;font-weight:900;cursor:pointer}.roleRecall>button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.roleRecall .roleCard{margin:10px 0 0}.roleCard.compact{padding:18px}.roleCard.compact .roleEmoji{font-size:44px}.roleCard.compact h2{margin:4px 0 16px;font-size:22px}.roleCard.compact small{margin-top:14px}:root{--bg:#060719;--surface:#151735;--surface2:#202455;--primary:#934cff;--primary2:#c05cff;--cyan:#39dcff;--pink:#ff5fc8;--muted:#b6b8d8;--line:#ffffff1c;--radius:26px;--shadow:0 24px 60px #01020dcc}body{background:radial-gradient(circle at 50% -5%,#28208a 0,transparent 36%),linear-gradient(135deg,#050615,#0b1030 55%,#08081e)}.phone{isolation:isolate;padding:22px 22px 36px;background:radial-gradient(circle at 90% 12%,#1474dd30 0,transparent 27%),radial-gradient(circle at 8% 26%,#a02bf22b 0,transparent 32%),linear-gradient(180deg,#111439,#090b25 64%,#07081b);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 100px #000c}.phone:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#0003,transparent 54%);mask-image:linear-gradient(to bottom,#0003,transparent 54%);pointer-events:none}.ambient{opacity:.3;filter:blur(100px)}.ambientOne{background:#b13cff}.ambientTwo{background:#078dff}.brand{gap:10px;font-size:19px;letter-spacing:1.5px;text-shadow:0 0 22px #9e6cff80}.brandMark{width:35px;height:35px;border-radius:11px;font-size:21px;background:linear-gradient(145deg,#cf63ff,#6727ef 62%,#3854ff);border:1px solid #ffffff66;box-shadow:inset 0 2px 4px #fff5,0 0 24px #933cffaa,0 8px 18px #0008;transform:rotate(-4deg)}.homeHeader{display:flex;align-items:center}.home .hero{padding:25px 0 6px;text-align:left}.home .hero h1{position:relative;z-index:2;font-size:36px;line-height:1.1;letter-spacing:-1.6px;text-shadow:0 8px 30px #000;margin-bottom:11px}.home .hero h1 em{background:linear-gradient(90deg,#fff 2%,#c986ff 52%,#56e3ff);-webkit-background-clip:text;color:transparent}.home .hero .sub{position:relative;z-index:2;font-size:14px;line-height:1.48;margin-bottom:0}.eyebrow{color:#6ce8ff;text-shadow:0 0 14px #23c7ff80}.characterStage{position:relative;height:218px;margin:-4px -16px -10px;overflow:hidden;filter:drop-shadow(0 20px 22px #0009)}.characterStage:after{content:"";position:absolute;left:7%;right:7%;bottom:5px;height:22px;border-radius:50%;background:#1e21a9;filter:blur(14px);opacity:.72}.animalDuo{position:absolute;z-index:2;left:0;right:0;bottom:-2px;width:100%;height:100%;object-fit:contain;object-position:center bottom}.neonDoodle{position:absolute;z-index:1;color:#72eaff;font-size:30px;font-weight:900;text-shadow:0 0 7px currentColor,0 0 22px currentColor}.neonDoodleLeft{left:4%;top:38px;color:#d963ff;transform:rotate(-18deg)}.neonDoodleRight{right:5%;top:22px;color:#45dfff;transform:rotate(12deg)}.card{background:linear-gradient(145deg,#202453e8,#11142fe8);border:1px solid #ffffff20;box-shadow:inset 0 1px #ffffff18,0 22px 50px #02030c80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.actionCard{position:relative;z-index:3;gap:10px;padding:12px;border-radius:28px;background:linear-gradient(145deg,#202553f2,#12152ff2)}.actionCard .button{display:flex;justify-content:center;align-items:center;text-align:center;padding:0 22px}.button{min-height:62px;border:1px solid #ffffff30;border-radius:20px;background:linear-gradient(135deg,#b34fff,#6652ff 58%,#397cff);box-shadow:inset 0 2px 2px #ffffff40,0 12px 30px #763cff55;font-size:17px;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:inset 0 2px 2px #ffffff45,0 17px 36px #763cff70}.button.secondary{background:linear-gradient(145deg,#292d5e,#171a3b);border-color:#ffffff20}.footnote{margin-top:17px;color:#9094bd;font-size:13px}.iconButton{background:linear-gradient(145deg,#282c5a,#141731);border-color:#fff2;box-shadow:inset 0 1px #ffffff1a,0 8px 20px #0005}.form input,.content>input{height:62px;background:#0f122dbf;border-color:#fff2;box-shadow:inset 0 2px 12px #0005}.gender button,.candidateList button,.categoryGrid button,.roleRecall>button{background:linear-gradient(145deg,#20244b,#11142f);border-color:#ffffff1b;box-shadow:inset 0 1px #ffffff12}.gender button.selected,.candidateList button.selected,.categoryGrid button.selected{background:linear-gradient(145deg,#4d3189,#24255b);border-color:#b47aff;box-shadow:inset 0 0 0 1px #b47aff,0 0 22px #873cff38}.gameIcon,.stepIcon,.successIcon{background:linear-gradient(145deg,#352562,#1b1d45);border-color:#c280ff55;box-shadow:inset 0 1px #ffffff25,0 12px 28px #0006,0 0 28px #8f43ff38}.gameChoice{background:radial-gradient(circle at 12% 20%,#873cff44,transparent 35%),linear-gradient(145deg,#29255f,#12152f);border-color:#9e66ff80;box-shadow:inset 0 1px #ffffff20,0 20px 42px #0007}.avatar{background:radial-gradient(circle at 50% 10%,#426aff,#27275d);box-shadow:inset 0 1px #ffffff30,0 7px 15px #0006}.avatar.pink{background:radial-gradient(circle at 50% 10%,#b848dd,#4c285b)}.topbar,.roomHeader{position:relative;z-index:3}.content{position:relative;z-index:2}.form{padding-top:40px}.form h1{font-size:38px;line-height:1.12;text-shadow:0 10px 28px #0008}.form label,.form legend,.content>label{font-size:14px;color:#e2e3f5}.privacy{border-radius:18px;color:#afb4d4;background:#11142fc7}.gender{gap:14px}.gender button{position:relative;min-height:180px;padding:12px 12px 17px;border-radius:24px;overflow:hidden}.genderPortrait{display:block!important;width:126px;height:126px!important;margin:0 auto 8px;font-size:0!important}.genderPortrait img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 13px #0008)}.gender button b{position:relative;z-index:2;display:block;line-height:1.4}.gender button i{position:absolute;z-index:3;right:10px;top:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#5ce8ff;color:#12132e;font-style:normal;box-shadow:0 0 16px #43dbff}.characterStage.compact{height:148px;margin:0 2px -8px}.characterStage.compact .animalDuo{bottom:-5px}.characterStage.compact .neonDoodle{font-size:22px}.invite{position:relative;padding:22px 0 4px}.invite:before{content:"";position:absolute;top:4px;right:12%;bottom:-6px;left:12%;border-radius:40px;background:radial-gradient(circle,#713cff2b,transparent 70%);filter:blur(12px)}.invite>*{position:relative}.invite button{font-size:36px;color:#fff;text-shadow:0 0 18px #8e6cff80}.invite small{font-size:12px;color:#9fa4c9}.playerCard{border-radius:28px}.player{min-height:61px}.sectionHead strong{font-size:17px}.online{box-shadow:0 0 10px #47e6a2}.invite .inviteLink{display:block;margin:14px auto 5px;padding:10px 16px;border:1px solid var(--line);border-radius:14px;background:#202450;color:var(--cyan);font-size:13px;letter-spacing:0;text-shadow:none;font-weight:900}.invite .inviteLink:hover{filter:brightness(1.1)}.liarCharacter,.citizenCharacter{display:grid;place-items:center;overflow:hidden}.liarCharacter img,.citizenCharacter img{display:block;width:100%;height:100%;object-fit:contain}.heroCharacter{width:104px;height:104px;margin:4px auto 18px;filter:drop-shadow(0 12px 22px #7c3cff55)}.roleCharacter{width:132px;height:132px;margin:-8px auto 0;filter:drop-shadow(0 12px 22px #7c3cff66)}.citizenCharacter.roleCharacter{filter:drop-shadow(0 12px 22px #3ce6e366)}.gameChoice{position:relative;isolation:isolate;overflow:hidden;padding-right:104px}.gameChoice>div{position:relative;z-index:2}.gameChoiceCharacter{position:absolute;z-index:1;right:-9px;bottom:-15px;display:block!important;width:126px;height:126px;margin:0!important;opacity:.58;pointer-events:none;filter:drop-shadow(0 0 18px #a74cff88);-webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent 96%);mask-image:linear-gradient(to bottom,#000 58%,transparent 96%)}.gameChoiceCharacter img{width:100%;height:100%;object-fit:contain}.gameIntro,.gameIntro h1{text-align:center}.revealCharacter{width:132px;height:132px;margin:4px auto 14px;filter:drop-shadow(0 12px 24px #a74cff77);animation:pop .45s ease-out}.victoryCharacter{width:156px;height:156px;margin:0 auto 8px;filter:drop-shadow(0 14px 28px #a74cff88);animation:pop .45s ease-out}.citizenCharacter.victoryCharacter{filter:drop-shadow(0 14px 28px #3ce6e388)}.gameChoiceCharacter{filter:none}.citizenCharacter.revealCharacter{filter:drop-shadow(0 12px 24px #3ce6e377)}.voteSuccessIcon{color:#67ffb1;background:#102d2a;border:1px solid #67ffb188;box-shadow:0 0 28px #38ff9d66;text-shadow:0 0 12px #67ffb1}.guessIntro{position:relative;isolation:isolate;min-height:190px;display:flex;flex-direction:column;justify-content:center}.guessIntro>*:not(.guessBackdrop){position:relative;z-index:2}.guessBackdrop{position:absolute;z-index:1;top:-48px;right:-58px;width:300px;height:300px;opacity:.16;pointer-events:none;filter:saturate(1.25) drop-shadow(0 0 28px #ff2b9d66);-webkit-mask-image:linear-gradient(to bottom,#000 42%,transparent 94%);mask-image:linear-gradient(to bottom,#000 42%,transparent 94%)}.setupScreen,.readyScreen{position:relative;isolation:isolate;padding-top:28px}.setupScreen>*:not(.setupBackdrop),.readyScreen>*:not(.readyBackdrop){position:relative;z-index:2}.setupIntro,.readyIntro{min-height:150px;display:flex;flex-direction:column;justify-content:center}.setupBackdrop,.readyBackdrop{position:absolute;z-index:1;top:-42px;right:-58px;width:300px;height:300px;opacity:.16;pointer-events:none;filter:saturate(1.25) drop-shadow(0 0 28px #ff2b9d66);-webkit-mask-image:linear-gradient(to bottom,#000 42%,transparent 94%);mask-image:linear-gradient(to bottom,#000 42%,transparent 94%)}.content>h1{font-size:36px;line-height:1.14;text-shadow:0 10px 28px #0008}.gameIcon,.stepIcon,.successIcon{width:72px;height:72px;border-radius:25px;font-size:38px}.roleCard{border-radius:30px;background:radial-gradient(circle at 50% 0,#16758b99 0,transparent 45%),linear-gradient(160deg,#202652,#11142f 70%);box-shadow:inset 0 1px #ffffff20,0 22px 52px #0008,0 0 32px #27d9ff20}.roleCard.liar{background:radial-gradient(circle at 50% 0,#922fb099 0,transparent 48%),linear-gradient(160deg,#292051,#11142f 70%);box-shadow:inset 0 1px #ffffff20,0 22px 52px #0008,0 0 34px #a747ff35}.keyword{font-size:34px;text-shadow:0 0 18px #3ce6e366}.roleEmoji,.resultEmoji{filter:drop-shadow(0 12px 20px #0009) drop-shadow(0 0 20px #9e4cff44)}.candidateList button{border-radius:21px;min-height:72px}.progress{height:12px;background:#171a38;box-shadow:inset 0 2px 5px #0007}.progress i{box-shadow:0 0 14px #3ce6e3}.voteBars i{box-shadow:0 0 12px #9d55ff}.speaker,.accused,.resultCard{border-radius:28px}.gameChoice{border-radius:29px;min-height:128px}.categoryGrid button{border-radius:25px;min-height:120px}.network,.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(min-width:431px){.phone{border-left:1px solid #ffffff0b;border-right:1px solid #ffffff0b}}@media(max-width:360px){.home .hero{padding-top:18px}.home .hero h1{font-size:32px}.characterStage{height:188px}.form h1,.content>h1{font-size:32px}.gender button{min-height:168px;padding-inline:8px}.genderPortrait{width:108px;height:116px!important;margin-bottom:7px}}