@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4f5fb;background:#090b12;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#090b12;--panel:#111522;--panel2:#151a2a;--line:#252b3d;--muted:#9299ad;--purple:#9b7bff;--cyan:#65d8ef;--pink:#ff729f;--green:#6de0b1}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% -20%,#202044,#0c0f19 38%,#090b12 72%);min-height:100vh}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}.app-shell{min-height:100vh}.topbar{height:76px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);gap:56px}.brand{display:flex;align-items:center;gap:10px;background:none;padding:0;color:#fff;font:700 18px Space Grotesk;letter-spacing:2px;cursor:pointer}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#9878ff,#5f9bff);display:grid;place-items:center;color:#fff;box-shadow:0 6px 22px #846bff35}.brand-dot{color:#a88dff}.nav-links{display:flex;gap:28px;height:100%;align-items:center;flex:1}.nav-links button{height:100%;background:none;color:#9299ad;font-size:13px;position:relative}.nav-links button:hover,.nav-links .nav-active{color:#fff}.nav-links .nav-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#a58aff;border-radius:3px}.soon{font-size:8px;color:#a58aff;border:1px solid #6958a6;padding:2px 4px;border-radius:4px;margin-left:4px}.top-actions{display:flex;align-items:center;gap:13px}.btn-ghost,.btn-outline,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:12px 17px;font-weight:700;font-size:13px;transition:.2s}.btn-ghost{background:none;color:#c2c6d3}.btn-outline{background:#ffffff08;border:1px solid #343a50;color:#fff}.btn-outline:hover{background:#ffffff12;border-color:#7770aa}.btn-primary{background:linear-gradient(110deg,#9878ff,#7562e9);box-shadow:0 8px 25px #8269ff30;color:#fff}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary.small{padding:9px 13px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ffffff08;color:#aeb4c6}.icon-btn:hover{background:#ffffff13}.user-chip{display:flex;align-items:center;gap:8px;font-size:12px;color:#e3e5ef}.avatar-small{width:27px;height:27px;border-radius:9px;background:#25243b;display:grid;place-items:center}.guest-tag{font-size:8px;letter-spacing:1px;color:#b39aff;background:#9b7bff19;padding:4px 5px;border-radius:4px}.mobile-menu{display:none}.main-content{max-width:1184px;margin:auto;padding:0 28px}.hero{min-height:490px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px 24px 46px;gap:35px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#b9a6ff;display:flex;align-items:center;gap:9px}.eyebrow.muted{color:#8e94a9}.pulse{width:7px;height:7px;border-radius:50%;background:#69e2b2;box-shadow:0 0 0 5px #69e2b21a}.hero h1{font:700 clamp(44px,5vw,65px)/1.03 "Space Grotesk";letter-spacing:-2.5px;margin:20px 0 16px}.hero h1 span{background:linear-gradient(90deg,#a88aff,#69d5ec);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:15px;line-height:1.8;color:#a3a9bb;max-width:440px;margin:0 0 25px}.hero-buttons{display:flex;gap:12px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:27px;color:#81899e;font-size:11px}.avatar-stack{display:flex;padding-left:5px}.avatar-stack span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#29253f;border:2px solid #0d101b;margin-left:-5px;font-size:12px}.hero-art{height:360px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:330px;height:300px;background:#7754ff2b;filter:blur(80px);border-radius:50%}.game-tile{position:relative;width:min(350px,80%);height:270px;border-radius:20px;border:1px solid #ffffff20;background:linear-gradient(145deg,#28234c,#171a31 62%,#1a2031);box-shadow:0 25px 70px #0008;transform:rotate(-3deg);padding:19px;overflow:hidden}.game-tile:before{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff12;border-radius:50%;right:-65px;top:20px;box-shadow:0 0 0 24px #ffffff05,0 0 0 48px #ffffff04}.tile-top{display:flex;justify-content:space-between;color:#aaa5d2;font-size:8px;font-weight:800;letter-spacing:1.4px}.tile-live{color:#6de0b1}.tile-live i,.status i,.lobby-status i,.person-row i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6de0b1;margin-right:5px}.feud-graphic{height:170px;display:flex;align-items:center;justify-content:center;position:relative}.feud-title{font:800 43px/.82 Space Grotesk;letter-spacing:-2px;text-align:center;color:#fff;text-shadow:0 4px 0 #5741a4}.feud-title em{font-style:normal;color:#ffcf6c}.feud-star{position:absolute;top:28px;left:50px;color:#ffcf6c;font-size:25px}.feud-lines{position:absolute;right:25px;bottom:28px;display:grid;gap:5px}.feud-lines span{height:4px;width:50px;background:#a58aff;border-radius:3px}.feud-lines span:nth-child(2){width:38px;background:#68d9e8}.feud-lines span:nth-child(3){width:25px;background:#ff729f}.tile-bottom{border-top:1px solid #ffffff19;padding-top:13px;display:flex;justify-content:space-between;align-items:center}.tile-bottom b,.tile-bottom small{display:block}.tile-bottom b{font-size:12px}.tile-bottom small{color:#9da2b8;font-size:10px;margin-top:4px}.tile-arrow{width:34px;height:34px;display:grid;place-items:center;background:#9b7bff;border-radius:10px}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 13px;background:#171b2a;border:1px solid #ffffff19;border-radius:12px;box-shadow:0 14px 30px #0006}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:10px}.floating-card small{font-size:9px;color:#8e96aa;margin-top:3px}.card-one{top:37px;right:0;transform:rotate(4deg)}.card-two{bottom:30px;left:3px;transform:rotate(3deg)}.mini-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.mini-icon.purple{background:#9b7bff24;color:#b59cff}.mini-icon.green{background:#6de0b122;color:#6de0b1}.online-dot{width:6px;height:6px;background:#6de0b1;border-radius:50%;margin-left:5px}.sparkle{position:absolute;color:#b5a1ff}.s1{top:65px;left:30px;font-size:23px}.s2{bottom:64px;right:28px;font-size:29px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e;padding:23px 15px;margin-bottom:75px}.stats-row div{display:flex;flex-direction:column;gap:4px;padding-left:25px;border-right:1px solid #ffffff12}.stats-row div:last-child{border:0}.stats-row strong{font:700 21px Space Grotesk;color:#f4f1ff}.stats-row span{font-size:9px;letter-spacing:1.4px;color:#81899e}.section{margin-bottom:82px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-heading h2{font:700 29px Space Grotesk;letter-spacing:-.8px;margin:9px 0 5px}.section-heading p{margin:0;color:#8e96aa;font-size:12px}.section-count{font-size:9px;letter-spacing:1.5px;color:#969db0;border:1px solid #30364a;border-radius:6px;padding:7px 9px}.game-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.game-card,.coming-card{border:1px solid #282e41;background:#111522;border-radius:17px;overflow:hidden}.game-card-art{height:205px;position:relative;background:radial-gradient(ellipse at 50% 70%,#54418f,#272448 43%,#171a2a);display:flex;align-items:center;justify-content:center;overflow:hidden}.game-card-art:before,.game-card-art:after{content:"";position:absolute;border:1px solid #ffffff12;border-radius:50%;width:340px;height:340px}.game-card-art:after{width:260px;height:260px}.game-badge{position:absolute;top:17px;left:18px;font-size:8px;letter-spacing:1.4px;background:#ffffff13;padding:6px 8px;border-radius:5px;color:#d6ccff}.big-feud{font:800 48px/.82 Space Grotesk;letter-spacing:-3px;text-align:center;z-index:1;text-shadow:0 5px 0 #4c3c86}.big-feud i{font-style:normal;color:#ffce73}.answer-bars{position:absolute;right:16%;bottom:26px;display:grid;gap:5px}.answer-bars span{height:5px;width:43px;border-radius:5px;background:#a98bff}.answer-bars span:nth-child(2){width:35px;background:#75d9e7}.answer-bars span:nth-child(3){width:28px;background:#ff8eae}.answer-bars span:nth-child(4){width:19px;background:#ffce73}.game-card-spark{position:absolute;top:50px;right:25%;color:#ffce73;font-size:25px}.game-card-info{padding:19px;display:flex;justify-content:space-between;align-items:center}.game-card-info h3{margin:0 0 5px;font:700 17px Space Grotesk}.game-card-info p{font-size:11px;color:#969db0;margin:0 0 13px}.game-meta{display:flex;gap:16px;color:#81899e;font-size:10px}.game-meta span{display:flex;align-items:center;gap:5px}.round-arrow{width:39px;height:39px;border-radius:12px;background:#8e72f5;color:#fff;display:grid;place-items:center}.coming-card{padding:25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:300px;background:radial-gradient(ellipse at 90% 5%,#302750,#141827 65%)}.coming-icon{width:43px;height:43px;display:grid;place-items:center;background:#a78aff1c;color:#b9a4ff;border-radius:13px;margin-bottom:23px}.coming-card h3{font:700 23px/1.2 Space Grotesk;margin:12px 0}.coming-card p{font-size:11px;line-height:1.7;color:#9299ad;max-width:245px}.coming-label{font-size:8px;letter-spacing:1.5px;color:#b6a4f7;margin-top:15px}.coming-label span{font-size:14px;margin-left:4px}.rooms-section{margin-top:10px}.room-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:13px}.search-box{height:42px;max-width:390px;flex:1;display:flex;align-items:center;gap:9px;background:#111522;border:1px solid #292f42;border-radius:9px;padding:0 12px;color:#81899e}.search-box input{background:none;border:0;outline:0;color:#fff;width:100%;font-size:11px}.filter-pills{display:flex;gap:5px;background:#111522;border:1px solid #272d40;border-radius:9px;padding:4px}.filter-pills button{background:none;color:#8991a6;font-size:10px;padding:0 11px;border-radius:6px}.filter-pills button.selected{background:#282342;color:#c8baff}.room-list{border:1px solid #262c3e;border-radius:13px;overflow:hidden;background:#101420}.room-row{display:flex;align-items:center;gap:15px;padding:13px 17px;border-bottom:1px solid #22283a}.room-row:last-child{border:0}.room-game-icon{width:37px;height:37px;display:grid;place-items:center;background:#25213e;border-radius:10px;font-size:17px}.room-main{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.room-main b{font-size:12px}.room-main span{font-size:9px;color:#828ba0}.room-mode{font-size:10px;background:#24213b;color:#c5b7ff;border-radius:5px;padding:5px 7px}.room-occupancy{display:flex;align-items:center;gap:5px;font-size:10px;color:#a1a8ba;min-width:52px}.status{font-size:9px;min-width:80px;color:#74dcb1}.status.playing{color:#e9bf72}.status.playing i{background:#e9bf72}.join-btn{display:flex;align-items:center;gap:4px;background:#27223f;color:#c9baff;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:700}.empty-rooms{display:flex;align-items:center;flex-direction:column;padding:35px 15px;gap:9px}.empty-icon{width:42px;height:42px;border-radius:12px;background:#25213f;color:#a992ff;display:grid;place-items:center}.empty-rooms b{font-size:12px}.empty-rooms span{font-size:10px;color:#858da2}.empty-rooms .btn-outline{margin-top:8px}.footer{border-top:1px solid #ffffff0e;padding:25px 0 35px;display:flex;align-items:center;justify-content:space-between;color:#777f93;font-size:10px}.footer .brand{font-size:14px}.footer .brand-mark{width:28px;height:28px}.setup-banner{position:fixed;bottom:14px;left:50%;transform:translate(-50%);max-width:calc(100% - 30px);display:flex;align-items:center;gap:10px;background:#24203a;border:1px solid #6958a6;border-radius:10px;padding:10px 15px;color:#c8c0e7;font-size:10px;box-shadow:0 10px 30px #0008;z-index:5}.setup-banner svg{flex-shrink:0}.toast{position:fixed;top:88px;left:50%;transform:translate(-50%);background:#1b2e2a;border:1px solid #3b8069;color:#b5f4d8;padding:11px 15px;border-radius:9px;display:flex;align-items:center;gap:8px;font-size:12px;z-index:30;box-shadow:0 10px 30px #0008}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060bbd;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(460px,100%);max-height:90vh;overflow:auto;background:#151a29;border:1px solid #343b53;border-radius:18px;padding:27px;box-shadow:0 25px 80px #000b;position:relative}.modal-close{position:absolute;right:17px;top:17px;width:31px;height:31px;border-radius:9px;background:#ffffff0b;color:#aab1c3;display:grid;place-items:center}.modal-kicker{font-size:8px;letter-spacing:1.8px;color:#ad99ff;font-weight:800}.modal-kicker span{padding:0 5px;color:#65708b}.modal h2{font:700 25px Space Grotesk;margin:13px 0 5px}.modal>p{font-size:11px;color:#959db1;margin:0 0 22px}.field-label{display:block;font-size:9px;letter-spacing:1.3px;color:#a4abc0;font-weight:800;margin:17px 0}.field-label input{display:block;width:100%;height:42px;border-radius:8px;border:1px solid #343b50;background:#0e1220;color:#fff;padding:0 12px;margin-top:8px;outline:none;font-size:12px;letter-spacing:0}.field-label input:focus{border-color:#9b7bff}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.choice{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid #343b50;border-radius:8px;background:#101522;color:#a4abc0;font-size:11px}.choice.active,.mode-option.active,.length-option.active{border-color:#9b7bff;background:#332c50;color:#fff}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.mode-option,.length-option{border:1px solid #343b50;border-radius:8px;background:#101522;padding:10px 5px;color:#e8e9f2;font-weight:700;font-size:12px}.mode-option small,.length-option small{display:block;color:#8d96aa;font-size:8px;font-weight:400;margin-top:4px}.length-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.length-option{padding:11px 5px}.length-option b{font-size:11px}.modal-submit{width:100%;margin-top:12px}.or-divider{display:flex;align-items:center;gap:12px;color:#707990;font-size:9px;margin:19px 0}.or-divider:before,.or-divider:after{content:"";height:1px;background:#343b50;flex:1}.google-btn{width:100%;height:42px;background:#f5f5f7;color:#252631;border-radius:8px;font-size:11px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px}.google-btn b{font:800 16px Arial;color:#4285f4}.auth-switch{text-align:center;color:#939bad;font-size:10px;margin-top:17px}.text-link{background:none;color:#b9a4ff;font-size:10px;padding:0}.forgot{display:block;margin:-6px 0 12px auto}.guest-link{display:flex;align-items:center;justify-content:center;gap:7px;background:none;color:#aeb4c6;font-size:11px;margin:17px auto 0}.room-page{min-height:100vh;background:#0b0e17}.room-top{height:68px;border-bottom:1px solid #252b3d;padding:0 max(25px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:30px}.room-breadcrumb{display:flex;align-items:center;gap:8px;font-size:10px;color:#788198}.room-breadcrumb b{color:#dce0ec;font-weight:600}.room-top-right{margin-left:auto;display:flex;align-items:center;gap:10px}.room-code-label{font-size:8px;letter-spacing:1.2px;color:#7e879c}.code-copy{display:flex;align-items:center;gap:8px;background:#211d37;border:1px solid #514474;border-radius:7px;color:#c9baff;padding:7px 9px;font-size:11px;font-weight:700;letter-spacing:1px}.room-layout{max-width:1320px;margin:auto;padding:26px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.room-center{min-width:0}.room-sidebar{min-height:600px;max-height:calc(100vh - 120px);background:#111624;border:1px solid #282e42;border-radius:13px;display:flex;flex-direction:column;overflow:hidden}.lobby-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 5px 24px}.lobby-heading h1{font:700 29px Space Grotesk;margin:8px 0 5px}.lobby-heading p{font-size:11px;color:#8e96aa;margin:0}.lobby-status{font-size:8px;letter-spacing:1px;color:#6de0b1;background:#18332e;padding:8px 10px;border-radius:6px}.lobby-settings{display:grid;grid-template-columns:repeat(4,1fr);background:#121725;border:1px solid #252c40;border-radius:10px;padding:16px;margin-bottom:25px}.lobby-settings div{display:flex;flex-direction:column;gap:6px;border-right:1px solid #2a3041;padding-left:15px}.lobby-settings div:first-child{padding-left:0}.lobby-settings div:last-child{border:0}.lobby-settings span{font-size:8px;letter-spacing:1px;color:#7f899e}.lobby-settings b{font-size:11px;text-transform:capitalize}.teams-grid{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:10px}.team-panel{min-height:230px;background:#121a2a;border:1px solid #2b4c72;border-radius:12px;padding:15px}.team-panel.pink{background:#201622;border-color:#5c304b}.team-panel-head{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #ffffff12;margin-bottom:10px}.team-panel-head b{font-size:10px;letter-spacing:1px;color:#80bfff}.pink .team-panel-head b{color:#ff9cbd}.team-panel-head span{font-size:8px;color:#8892a8}.versus{text-align:center;font:700 17px Space Grotesk;color:#707b96}.player-slot{height:42px;display:flex;align-items:center;gap:9px;font-size:11px;color:#e4e7f1}.player-avatar{width:27px;height:27px;border-radius:8px;background:#253a55;display:grid;place-items:center}.pink .player-avatar{background:#48283d}.empty-slot{font-size:10px;color:#6e7890;padding:18px 0}.switch-team{margin-top:12px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;color:#a9b4c8;font-size:9px;padding:7px 10px}.lobby-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.lobby-tip{display:flex;align-items:center;gap:8px;color:#929bb0;font-size:10px}.lobby-tip svg{color:#ad96ff}.waiting-host{font-size:10px;color:#8e96aa}.sidebar-tabs{height:53px;display:flex;border-bottom:1px solid #282e42}.sidebar-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:none;color:#7f899e;font-size:10px;border-bottom:2px solid transparent}.sidebar-tabs button.active{color:#d4c9ff;border-color:#9b7bff}.chat-notice{padding:10px 12px;background:#1d1a30;color:#aa9ed4;font-size:9px;display:flex;align-items:center;gap:6px}.chat-messages{flex:1;overflow:auto;padding:12px}.chat-message{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.chat-message b{font-size:9px;color:#b5a4f4}.chat-message span{font-size:10px;line-height:1.5;color:#d1d5e2;overflow-wrap:anywhere}.chat-empty{font-size:10px;color:#788298;text-align:center;margin-top:40px}.chat-input{padding:11px;border-top:1px solid #282e42;display:flex;gap:7px}.chat-input input{flex:1;min-width:0;background:#0b0f1a;border:1px solid #30374b;border-radius:7px;padding:9px;color:#fff;font-size:10px;outline:0}.chat-input button{width:34px;border-radius:7px;background:#765fe0;display:grid;place-items:center}.chat-input button:disabled{opacity:.4}.people-list{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:8px}.people-list>b{font-size:8px;letter-spacing:1.2px;color:#828ca3;margin-top:9px}.person-row{display:flex;align-items:center;gap:9px}.person-row>span{font-size:17px}.person-row div{display:flex;flex-direction:column;gap:2px;flex:1}.person-row b{font-size:10px}.person-row small{font-size:7px;color:#b39cff;letter-spacing:1px}.person-row i{background:#6de0b1;width:5px;height:5px}.game-board-wrap{padding:8px 5px}.score-strip{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;background:#121725;border:1px solid #2b3044;border-radius:11px;padding:12px 18px}.score-team{display:flex;align-items:center;gap:12px}.score-team span,.score-center span{font-size:8px;letter-spacing:1.2px;color:#a0a9bc}.score-team b{font:700 22px Space Grotesk}.pink-score{justify-content:flex-end}.blue-score b{color:#80bfff}.pink-score b{color:#ff9cbd}.score-center{text-align:center;display:flex;flex-direction:column;gap:2px;border-left:1px solid #333a4e;border-right:1px solid #333a4e}.score-center b{font:700 17px Space Grotesk}.question-card{text-align:center;padding:26px 15px 19px}.question-card .eyebrow{justify-content:center}.question-card h2{font:700 24px Space Grotesk;margin:10px auto 6px;max-width:600px}.question-card p{font-size:10px;color:#929bb0;margin:0}.answer-board{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:680px;margin:0 auto}.answer-slot{height:48px;border-radius:8px;border:1px solid #343b53;background:linear-gradient(100deg,#1c2235,#171d2d);display:flex;align-items:center;padding:0 12px;gap:11px}.answer-number{font-size:9px;color:#858da4;width:17px}.answer-slot b{font-size:11px;flex:1}.answer-slot strong{font:700 13px Space Grotesk;color:#b8a4ff}.answer-slot.revealed{background:#282244;border-color:#7661bb}.faceoff-status{display:flex;justify-content:center;gap:20px;align-items:center;margin:17px 0}.faceoff-status>div:not(.winner-callout){display:flex;flex-direction:column;gap:4px;text-align:center}.faceoff-status span{font-size:8px;color:#929bb0}.faceoff-status b{font-size:9px}.winner-callout{color:#ffcf73;font-size:11px;display:flex;align-items:center;gap:8px}.winner-callout button{background:#40345f;color:#e0d6ff;padding:7px 10px;border-radius:6px;font-size:9px}.answer-form{display:flex;gap:8px;max-width:560px;margin:15px auto}.answer-form input{flex:1;min-width:0;background:#121725;border:1px solid #343b53;border-radius:8px;padding:11px 13px;color:#fff;outline:none;font-size:11px}.turn-banner{text-align:center;margin:16px auto;color:#c7b9ff;font-size:10px;display:flex;justify-content:center;align-items:center;gap:7px}.question-end{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;color:#d9d5ef}.question-end b{font:700 19px Space Grotesk}.question-end span{font-size:10px;color:#929bb0}.question-end button{margin-top:8px}@media(max-width:850px){.topbar{gap:22px}.nav-links{gap:15px}.hero{padding-left:5px;padding-right:5px}.room-layout{grid-template-columns:1fr}.room-sidebar{min-height:380px;max-height:480px}.game-grid{grid-template-columns:1fr 1fr}.room-row{gap:9px}.room-mode{display:none}}@media(max-width:620px){.topbar{height:64px;padding:0 16px;justify-content:space-between}.mobile-menu{display:grid}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;height:auto;padding:12px 18px;background:#111624;z-index:10;border-bottom:1px solid #30364a}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links button{height:40px;text-align:left}.nav-links .nav-active:after{display:none}.top-actions{gap:7px}.user-chip span:not(.avatar-small):not(.guest-tag){display:none}.main-content{padding:0 16px}.hero{grid-template-columns:1fr;padding:48px 3px 22px;gap:0}.hero h1{font-size:51px}.hero-art{height:300px}.game-tile{width:290px;height:245px}.feud-graphic{height:145px}.feud-title{font-size:38px}.card-one{right:0;top:12px}.card-two{left:0;bottom:5px}.stats-row{grid-template-columns:1fr 1fr;gap:18px;margin:25px 0 55px;padding:20px 5px}.stats-row div{padding-left:12px}.stats-row div:nth-child(2){border:0}.stats-row strong{font-size:18px}.stats-row span{font-size:8px}.section{margin-bottom:58px}.section-heading h2{font-size:25px}.game-grid{grid-template-columns:1fr}.coming-card{min-height:230px}.room-toolbar{flex-direction:column}.search-box{max-width:none;min-height:42px}.filter-pills{align-self:flex-start}.room-row{padding:11px;gap:8px}.room-game-icon{width:32px;height:32px}.room-main b{font-size:10px}.room-main span{font-size:8px}.room-occupancy{display:none}.status{min-width:58px;font-size:8px}.join-btn{padding:7px}.footer{flex-wrap:wrap;gap:15px}.footer>span:nth-child(2){display:none}.setup-banner{width:calc(100% - 24px);font-size:9px}.room-top{padding:0 13px;gap:10px}.room-top .brand>span,.room-breadcrumb,.room-code-label{display:none}.room-top-right{gap:6px}.room-layout{padding:13px;gap:13px}.lobby-heading{padding:10px 0 18px;align-items:flex-start;gap:10px}.lobby-heading h1{font-size:23px}.lobby-status{font-size:7px;white-space:nowrap;margin-top:15px}.lobby-settings{grid-template-columns:1fr 1fr;gap:14px;padding:13px}.lobby-settings div{padding-left:0;border:0}.teams-grid{grid-template-columns:1fr 30px 1fr;gap:5px}.team-panel{padding:10px;min-height:190px}.team-panel-head b{font-size:8px}.team-panel-head span{font-size:7px}.player-slot{font-size:9px;gap:5px}.player-avatar{width:23px;height:23px}.versus{font-size:12px}.lobby-bottom{align-items:flex-start;gap:12px;flex-direction:column}.lobby-bottom .btn-primary{width:100%}.room-sidebar{min-height:350px}.score-strip{grid-template-columns:1fr 55px 1fr;padding:10px}.score-team{gap:6px}.score-team b{font-size:19px}.score-team span,.score-center span{font-size:7px}.question-card h2{font-size:20px}.answer-board{gap:6px}.answer-slot{height:43px;padding:0 7px;gap:5px}.answer-slot b{font-size:9px}.answer-slot strong{font-size:11px}.answer-number{font-size:8px}.faceoff-status{gap:9px;flex-wrap:wrap}.winner-callout{flex-wrap:wrap;justify-content:center}.answer-form{flex-direction:column}.answer-form .btn-primary{width:100%}.modal{padding:23px 19px}.mode-grid{gap:5px}.mode-option,.length-option b{font-size:10px}}.clickable-tile{cursor:pointer;text-align:left;color:inherit;font:inherit}.clickable-tile:hover{transform:rotate(-1deg) translateY(-4px)}.profile-button{background:transparent;cursor:pointer;border:0;padding:4px 7px;border-radius:9px}.profile-button:hover{background:#ffffff0d}.profile-card{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.profile-avatar{width:48px;height:48px;border-radius:15px;background:#282440;display:grid;place-items:center;font-size:25px}.profile-card div{display:flex;flex-direction:column;gap:5px}.profile-card b{font-size:14px}.profile-card small{font-size:11px;color:var(--muted)}.game-landing{padding-top:30px}.game-landing-hero{min-height:360px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding:26px 28px 34px;border:1px solid #ffffff10;border-radius:22px;background:radial-gradient(ellipse at 82% 48%,#604c9d45,transparent 38%),linear-gradient(130deg,#17192a,#10131e 65%,#1b1830);overflow:hidden}.game-landing-hero h1{font:700 clamp(40px,5vw,60px)/1.1 "Space Grotesk";margin:18px 0 10px;letter-spacing:-2px}.game-landing-hero p{max-width:510px;color:#a7adbd;line-height:1.7;font-size:14px}.back-link{display:block;background:none;color:#a88aff;padding:5px 0 24px;font-size:12px}.game-landing-actions{display:flex;gap:12px;margin-top:23px}.game-mode-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.game-mode-chips span{border:1px solid #ffffff16;background:#ffffff08;color:#b9bfd0;padding:7px 10px;border-radius:999px;font-size:10px}.game-landing-art{position:relative;display:grid;place-items:center;min-height:260px;border-radius:20px;background:radial-gradient(circle,#423569 0,#241f3b 45%,transparent 70%)}.game-landing-art .big-feud{font-size:clamp(45px,6vw,75px);text-align:center;z-index:1}.game-landing-art .answer-bars{position:absolute;bottom:32px;left:18%;right:18%;opacity:.7}.game-rooms{margin-top:46px}.game-room-tabs{border-bottom:1px solid #2b3041;margin:8px 0 18px}.game-room-tabs [role=tab]{background:none;color:#d3c7ff;border-bottom:2px solid #9b7bff;padding:11px 16px;font-size:12px}.room-password-mark{display:flex;align-items:center;gap:4px;border:1px solid #5f506f;border-radius:20px;padding:5px 8px;color:#ccbafa;font-size:9px;white-space:nowrap}.game-rooms .empty-rooms .hero-buttons{margin-top:16px}.host-password-actions{display:flex;align-items:center;gap:8px}.host-password-actions .btn-outline.small{padding:8px 10px;font-size:10px}.host-password-actions .btn-ghost{padding:8px;font-size:10px}@media(max-width:700px){.game-landing{padding-top:18px}.game-landing-hero{grid-template-columns:1fr;gap:8px;padding:20px 18px 22px}.game-landing-art{min-height:170px;order:-1}.game-landing-art .big-feud{font-size:48px}.game-landing-hero h1{font-size:40px}.game-landing-hero p{font-size:12px}.game-landing-actions{flex-direction:column}.game-landing-actions button{width:100%}.game-mode-chips{margin-top:17px}.game-rooms .section-heading{align-items:flex-start;gap:12px}.game-rooms .section-heading>.btn-primary{padding:10px;font-size:10px;white-space:nowrap}.room-password-mark{display:none}.profile-button span:not(.avatar-small):not(.guest-tag){display:none}}:root{--brand-violet:#8b5cf6;--brand-blue:#5576f5;--brand-cyan:#22d3ee;--brand-text:#f7f7fb;--brand-muted:#9ba5bd;--brand-radius:12px}.brand{gap:10px;letter-spacing:0;text-transform:none;font:700 18px Space Grotesk,sans-serif;white-space:nowrap}.brand-mark-svg{flex:0 0 auto;display:block;filter:drop-shadow(0 5px 13px #6e56fa55)}.brand-wordmark{font-size:20px;letter-spacing:-.8px;line-height:1;display:flex;align-items:center}.brand-wordmark>span{color:#f7f7fb}.brand-wordmark>b{font-weight:700;background:linear-gradient(100deg,#a77aff,#7e9aff 54%,#36d4ed);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-wordmark>i{font-style:normal;color:#24d3ed;margin-left:1px}.btn-primary,.btn-outline,.btn-ghost,.icon-btn,.modal,.game-card,.coming-card,.room-sidebar,.team-panel{border-radius:var(--brand-radius)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #72d9f5;outline-offset:3px}@media(max-width:620px){.topbar>.brand .brand-wordmark{font-size:18px}.room-top>.brand .brand-wordmark{font-size:18px}.brand-mark-svg{width:34px;height:34px}}@media(max-width:430px){.room-top>.brand .brand-wordmark{display:none}}.account-flow-backdrop{z-index:35;background:#050712d1}.account-flow{width:min(475px,100%);padding:31px 31px 27px;background:radial-gradient(ellipse at 90% 0%,#684cbb28,transparent 40%),linear-gradient(155deg,#171b2d,#101421 74%);border-color:#393654;box-shadow:0 30px 90px #000c,0 0 45px #755cff16;animation:account-rise .24s ease-out}.account-flow-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#9a70ff,#4679ed);color:#fff;box-shadow:0 9px 27px #8065ff42;margin-bottom:17px}.account-flow .modal-kicker{font-size:9px}.account-flow h2{font-size:clamp(24px,5vw,30px);letter-spacing:-.7px;margin:12px 0 8px}.account-flow>p{font-size:13px;line-height:1.65;color:#a5aec2;margin:0 0 19px}.account-flow>p b{color:#eee9ff}.account-field{font-size:10px;margin:18px 0 13px}.account-field input{height:48px;border-radius:11px;background:#0b1020;border-color:#353d55;padding:0 14px;font-size:14px;transition:border-color .18s,box-shadow .18s}.account-field input:focus{border-color:#9b7bff;box-shadow:0 0 0 3px #9979ff20}.account-submit{min-height:47px;border-radius:11px;font-size:13px;margin-top:18px}.account-note{display:flex;align-items:center;gap:8px;padding:11px 12px;margin-top:16px;border:1px solid #3a3553;border-radius:10px;background:#a184ff0c;color:#c9c0e6;font-size:11px;line-height:1.5}.account-note svg{flex:0 0 auto;color:#b7a1ff}.account-flow .or-divider{margin:19px 0}.account-flow .google-btn{height:47px;border-radius:10px;font-size:12px}.account-flow .auth-switch{font-size:12px;margin-top:19px}.account-flow .text-link{font-size:12px}.account-flow .guest-link{font-size:12px;margin-top:16px}.account-flow .forgot{font-size:11px;margin:0 1px 7px auto}.account-error,.account-success{font-size:12px;line-height:1.5;margin:10px 0;padding:10px 12px;border-radius:9px}.account-error{color:#ffc0d0;background:#f5527920;border:1px solid #d24d6e68}.account-success{color:#9ce6c7;background:#4ac08c18;border:1px solid #4ac08c55}.resend-block{margin-top:14px}.account-secondary{width:100%;min-height:43px;border-radius:10px;font-size:12px}.account-secondary:disabled{opacity:.55;cursor:not-allowed}.email-highlight{color:#e7ddff;overflow-wrap:anywhere}.account-step-art{display:flex;align-items:center;gap:12px;padding:14px;margin:18px 0 5px;border:1px solid #373451;border-radius:12px;background:linear-gradient(110deg,#8c6bff12,#27cce910);color:#cbbaff;font-size:12px}.warning-backdrop{background:#140410c7}.account-flow-warning{border-color:#8a3f59;background:radial-gradient(ellipse at 90% 0%,#eb527c26,transparent 43%),linear-gradient(155deg,#211722,#111421 75%);box-shadow:0 30px 90px #000d,0 0 55px #e34b7924}.account-flow-warning .account-flow-icon{background:linear-gradient(145deg,#fb6488,#b63468);box-shadow:0 9px 27px #d33f6d45}.warning-email{overflow-wrap:anywhere;color:#ffd6e0;border:1px solid #a13f606b;border-radius:9px;background:#e9507614;padding:11px 13px;font-size:12px}.account-flow-warning .account-secondary{border-color:#885065;color:#ffcedb;background:#4c20331c}.account-flow-warning .account-submit{background:linear-gradient(110deg,#e6537a,#a34ec7);box-shadow:0 8px 24px #d4406f32}.reminder-later{display:block;margin:15px auto 0!important;color:#c7b4be!important}.username-input-wrap{display:flex;align-items:center;height:50px;margin-top:8px;border:1px solid #353d55;background:#0b1020;border-radius:11px;transition:border-color .18s,box-shadow .18s}.username-input-wrap:focus-within{border-color:#9b7bff;box-shadow:0 0 0 3px #9979ff20}.username-input-wrap>span{padding-left:14px;color:#af9bff;font:700 18px Space Grotesk}.username-input-wrap input{height:100%;margin:0;border:0;background:transparent;box-shadow:none!important;font-size:16px}.username-status{min-height:19px;margin:7px 2px 0;font-size:11px;color:#8893aa}.username-status.checking{color:#b4a3ed}.username-status.available{color:#81dfb5}.username-status.taken,.username-status.invalid{color:#ff91ac}.account-footnote{font-size:10px!important;margin:14px 0 0!important}.identity-preview{display:flex;align-items:center;gap:13px;padding:14px;margin:16px 0 3px;border:1px solid #3e3a5c;border-radius:13px;background:linear-gradient(110deg,#9a78ff12,#29c9e80a)}.preview-avatar{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#a887ff22;color:#d9ceff;font-size:22px}.identity-preview>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.identity-preview small{font-size:8px;letter-spacing:1.3px;color:#918da9}.identity-preview b{font-size:13px;overflow-wrap:anywhere}.identity-preview span{font-size:11px;color:#ac9bdf}.success-preview{margin:22px 0 4px}.success-preview .preview-avatar{color:#91e5bb;background:#4fc78e20}.account-actions-row{display:flex;justify-content:space-between;gap:12px;margin-top:19px}.profile-username{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:12px 14px;border:1px solid #353450;border-radius:10px;background:#ffffff05}.profile-username span{font-size:9px;letter-spacing:1px;color:#9299ad}.profile-username b{color:#c7b4ff;font-size:13px}.profile-verification{display:flex;align-items:center;gap:8px;margin-top:13px;padding:11px 12px;border-radius:10px;background:#f0527416;color:#ffb0c2;font-size:11px}.profile-verification span{flex:1}.profile-verification.verified{background:#5bd39a14;color:#9ce6c7}.profile-verification .text-link{font-size:11px}.account-flow .profile-card{margin-top:15px;background:#ffffff07;border-radius:12px}.account-flow .profile-card b{font-size:14px}.account-flow .profile-card small{font-size:11px}@keyframes account-rise{0%{opacity:0;transform:translateY(9px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.account-flow-backdrop{padding:13px}.account-flow{padding:25px 20px 21px;border-radius:18px}.account-flow h2{font-size:25px}.account-flow>p{font-size:12px}.account-flow-icon{width:43px;height:43px;border-radius:13px;margin-bottom:14px}.account-field input{height:46px}.account-actions-row{flex-wrap:wrap;justify-content:center}.account-actions-row button{padding:5px}}@media(prefers-reduced-motion:reduce){.account-flow{animation:none}.account-field input,.username-input-wrap{transition:none}}.player-slot .player-label{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.player-slot .player-label b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-slot .player-label small{font-size:8px;color:#9e8bd3}.player-slot .player-label+svg{flex:0 0 auto}.account-flow .modal-close{width:34px;height:34px}.account-logout{display:block;margin:16px auto 0!important;color:#8d95aa!important;font-size:11px!important}.host-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;padding:14px;margin:-8px 0 22px;background:linear-gradient(145deg,#111624,#10131e);border:1px solid #252c40;border-radius:12px}.host-settings>label{display:flex;min-width:0;flex-direction:column;gap:7px;color:#9da5bb;font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.host-settings>label:first-child{grid-column:span 2}.host-settings>label:nth-child(5){grid-column:span 2}.host-settings input,.host-settings select{width:100%;height:38px;min-width:0;padding:0 11px;border:1px solid #30374b;border-radius:8px;background:#0b0f1a;color:#f4f5fb;font:500 12px DM Sans,sans-serif;letter-spacing:0;text-transform:none;outline:none;transition:border-color .18s,box-shadow .18s}.host-settings select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%239299ad' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.host-settings input::placeholder{color:#687187}.host-settings input:focus,.host-settings select:focus{border-color:#8e73f0;box-shadow:0 0 0 3px #9b7bff20}.host-settings .host-password-actions{min-width:0;min-height:38px;flex-wrap:wrap;justify-content:flex-start}.host-settings .host-password-actions .btn-outline.small{min-height:36px;padding:8px 12px;font-size:10px;white-space:nowrap}.host-settings .host-password-actions .btn-ghost{min-height:36px;padding:8px 10px;font-size:10px;white-space:nowrap}.host-settings button:disabled{opacity:.45;cursor:not-allowed}.connection-label{display:flex;align-items:center;gap:7px;min-height:32px;padding:7px 12px;border-top:1px solid #282e42;color:#9299ad;font-size:9px}.connection-label i{width:6px;height:6px;flex:none;border-radius:50%;background:#e4b45a}.connection-label.online{color:#aeb4c6}.connection-label.online i{background:#6de0b1;box-shadow:0 0 0 3px #6de0b120}@media(max-width:850px){.host-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.host-settings>label:first-child,.host-settings>label:nth-child(5){grid-column:span 2}.host-settings .host-password-actions{grid-column:span 2}}@media(max-width:620px){.host-settings{grid-template-columns:minmax(0,1fr);gap:11px;padding:12px}.host-settings>label:first-child,.host-settings>label:nth-child(5),.host-settings .host-password-actions{grid-column:auto}.host-settings .host-password-actions{gap:6px}}.game-board-wrap.answer-feedback-correct .answer-board{animation:answer-correct .55s ease-out}.game-board-wrap.answer-feedback-incorrect .answer-board{animation:answer-shake .38s ease-in-out}@keyframes answer-correct{0%,to{filter:none;box-shadow:none}35%{filter:brightness(1.18);box-shadow:0 0 22px #6de0b14c}}@keyframes answer-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.sound-toggle[aria-pressed=false]{color:var(--muted)}@media(prefers-reduced-motion:reduce){.game-board-wrap.answer-feedback-correct .answer-board,.game-board-wrap.answer-feedback-incorrect .answer-board{animation:none}}@media(max-width:375px){.topbar{padding-left:12px;padding-right:12px;gap:0}.top-actions{gap:4px}.top-actions .btn-ghost{min-height:40px;padding:0 6px;font-size:11px;white-space:nowrap}.top-actions .btn-primary.small{min-height:40px;padding:0 9px;font-size:11px;white-space:nowrap}.hero h1{font-size:clamp(38px,12.2vw,46px);letter-spacing:-2px}}.player-slot .kick-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border:1px solid #645185;border-radius:6px;background:#352a4a;color:#e5dcff;font:600 10px DM Sans,sans-serif;white-space:nowrap;transition:background .16s,border-color .16s}.player-slot .kick-button:hover{background:#4b3866;border-color:#9174ce}@media(max-width:480px){.player-slot{height:auto;min-height:42px;flex-wrap:wrap;gap:7px}.player-slot .player-label{flex:1 1 75px}.player-slot .kick-button{flex:1 1 40%;min-height:34px}}.answer-popup-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;pointer-events:none;animation:popup-pop .35s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes popup-pop{0%{opacity:0;transform:translate(-50%,-40%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.answer-popup-content{display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:16px;background:#0d111cf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 45px #000000b3;min-width:260px;max-width:90vw}.popup-correct .answer-popup-content{border:2px solid #6de0b1;box-shadow:0 16px 45px #000000b3,0 0 35px #6de0b159}.popup-incorrect .answer-popup-content{border:2px solid #ff729f;box-shadow:0 16px 45px #000000b3,0 0 35px #ff729f59}.popup-repeated .answer-popup-content{border:2px solid #f59e0b;box-shadow:0 16px 45px #000000b3,0 0 35px #f59e0b59}.popup-symbol-circle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.popup-correct .popup-symbol-circle{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 0 20px #10b98180}.popup-incorrect .popup-symbol-circle{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 0 20px #ef444480}.popup-repeated .popup-symbol-circle{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 0 20px #f59e0b80}.popup-info{display:flex;flex-direction:column;gap:3px}.popup-result-heading{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:20px;letter-spacing:.5px}.popup-correct .popup-result-heading{color:#6de0b1}.popup-incorrect .popup-result-heading{color:#ff729f}.popup-repeated .popup-result-heading{color:#fbbf24}.popup-user-answer{font-size:13px;font-weight:600;color:#fff;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-points-badge{display:inline-flex;align-items:center;gap:5px;background:#6de0b12e;border:1px solid rgba(109,224,177,.4);color:#6de0b1;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;width:fit-content;margin-top:2px}.popup-author-tag{font-size:10px;color:#9299ad}.answer-slot{position:relative;overflow:hidden;transition:border-color .25s,background .25s,transform .25s}.answer-slot.revealed{background:linear-gradient(105deg,#221d42,#161b32)!important;border-color:#8b5cf6!important;box-shadow:0 4px 18px #8b5cf638}.answer-slot.revealed .answer-text{color:#f7f8fc;font-weight:700;letter-spacing:.3px}.answer-points-badge{min-width:48px;height:24px;padding:0 7px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;letter-spacing:.5px;background:#171c2c;border:1px solid #2b334a;color:#79829e;transition:all .25s ease}.answer-points-badge.has-points{background:linear-gradient(135deg,#8b5cf6,#5576f5);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 2px 10px #5576f566;font-weight:800}.join-requests-card{margin:12px 0 18px;background:linear-gradient(145deg,#16192e,#111422);border:1px solid #323956;border-radius:14px;padding:16px 18px;box-shadow:0 8px 30px #00000059}.join-requests-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}.join-requests-title{display:flex;align-items:center;gap:9px;font-size:13px;color:#e5e8f5}.join-requests-count{background:#8b5cf6;color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px}.join-requests-head small{font-size:11px;color:#9299ad}.join-requests-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.join-request-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.join-request-user{display:flex;align-items:center;gap:10px}.join-request-info{display:flex;flex-direction:column;gap:2px}.join-request-info b{font-size:13px;color:#f7f7fb}.request-team-pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;width:fit-content}.request-team-pill.team-a{background:#5f9bff29;color:#79abff;border:1px solid rgba(95,155,255,.35)}.request-team-pill.team-b{background:#ff729f29;color:#ff91b5;border:1px solid rgba(255,114,159,.35)}.join-request-actions{display:flex;align-items:center;gap:8px}.rejoin-waiting-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 8px 10px}.rejoin-pulse-icon{width:64px;height:64px;border-radius:50%;background:#8b5cf626;border:2px solid rgba(139,92,246,.4);color:#a88dff;display:grid;place-items:center;margin-bottom:18px;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 16px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.rejoin-waiting-box h3{font-size:19px;margin:0 0 8px;color:#fff}.rejoin-waiting-box p{font-size:13px;color:#9ea5ba;line-height:1.6;max-width:360px;margin:0 0 22px}.rejoin-progress-bar{width:100%;height:4px;background:#1e2436;border-radius:999px;overflow:hidden;margin-bottom:24px}.rejoin-progress-bar span{display:block;height:100%;width:35%;background:linear-gradient(90deg,#8b5cf6,#22d3ee);border-radius:999px;animation:progress-slide 1.5s infinite ease-in-out}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.match-end-panel{display:flex;flex-direction:column;gap:24px;max-width:760px;margin:0 auto;animation:match-fade-in .5s ease-out forwards}@keyframes match-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.match-winner-hero{text-align:center;padding:36px 20px 30px;border-radius:20px;position:relative;overflow:hidden}.team-a-winner{background:radial-gradient(circle at 50% 25%,#5f9bff47,#111526f2 75%);border:1px solid rgba(95,155,255,.4)}.team-b-winner{background:radial-gradient(circle at 50% 25%,#ff729f47,#111526f2 75%);border:1px solid rgba(255,114,159,.4)}.tie-hero{background:radial-gradient(circle at 50% 25%,#8b5cf647,#111526f2 75%);border:1px solid rgba(139,92,246,.4)}.winner-trophy-ring{width:80px;height:80px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;background:#ffffff14;border:2px solid rgba(255,255,255,.2);color:#ffdd59;box-shadow:0 0 35px #ffdd5959}.trophy-pulse{animation:trophy-wobble 2.5s infinite ease-in-out}@keyframes trophy-wobble{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.08) rotate(-4deg)}75%{transform:scale(1.08) rotate(4deg)}}.winner-tag{font-size:11px;letter-spacing:2px;font-weight:800;color:#bfa9ff;margin-bottom:8px}.winner-headline{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(32px,5vw,48px);margin:0 0 10px;letter-spacing:-1px}.team-a-winner .winner-headline{color:#8cb6ff}.team-b-winner .winner-headline{color:#ffa0be}.tie-hero .winner-headline{color:#fff}.winner-subtext{font-size:14px;color:#a4adc5;margin:0}.match-score-comparison{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:12px}.match-team-card{background:#111625;border:1px solid #252d43;border-radius:16px;padding:20px 16px;text-align:center;transition:all .2s ease}.match-team-card.team-a.is-winner{border-color:#5f9bff;box-shadow:0 6px 25px #5f9bff33}.match-team-card.team-b.is-winner{border-color:#ff729f;box-shadow:0 6px 25px #ff729f33}.match-team-header{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;font-weight:800}.match-team-card.team-a .match-team-header b{color:#79abff}.match-team-card.team-b .match-team-header b{color:#ff91b5}.winner-badge{display:inline-flex;align-items:center;gap:4px;background:#ffdd59;color:#1a1600;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px}.match-team-score{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(38px,6vw,56px);margin:8px 0 14px;color:#fff}.match-team-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.roster-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:#ffffff0d;font-size:11px;color:#d1d6e6}.roster-chip i{font-style:normal}.match-vs-divider{display:grid;place-items:center;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:13px;color:#636d89}.match-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.match-stat-box{background:#111522;border:1px solid #232a3f;border-radius:12px;padding:14px 12px;text-align:center;display:flex;flex-direction:column;gap:4px}.match-stat-box small{font-size:9px;font-weight:800;letter-spacing:.8px;color:#818a9f}.match-stat-box b{font-family:Space Grotesk,sans-serif;font-size:22px;color:#fff}.match-stat-box.mvp-box b{color:#ffdd59;font-size:15px}.match-stat-box.mvp-box span{font-size:11px;font-weight:700;color:#6de0b1}.match-rounds-breakdown{background:#111522;border:1px solid #232a3f;border-radius:14px;padding:16px 18px}.match-rounds-breakdown h3{margin:0 0 12px;font-size:13px;letter-spacing:.8px;color:#9ca6bd;text-transform:uppercase;font-weight:700}.match-rounds-list{display:flex;flex-direction:column;gap:8px}.match-round-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:#ffffff05}.round-num{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:11px;color:#8b5cf6;width:26px}.round-prompt-text{font-size:12px;color:#d8dded;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-scores-pill{font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px}.round-scores-pill .pill-a{color:#79abff}.round-scores-pill .pill-b{color:#ff91b5}.round-scores-pill .pill-sep{color:#555d73}.match-actions-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:10px}.match-waiting-indicator{display:flex;align-items:center;gap:8px;color:#9299ad;font-size:13px}@media(max-width:620px){.join-requests-head{flex-direction:column;align-items:flex-start}.join-request-row{flex-direction:column;align-items:flex-start;gap:8px}.join-request-actions{width:100%;justify-content:flex-end}.match-score-comparison{grid-template-columns:1fr;gap:10px}.match-vs-divider{display:none}.match-actions-bar{flex-direction:column;width:100%}.match-actions-bar button{width:100%}.answer-popup-content{min-width:220px;padding:12px 16px;gap:12px}.popup-symbol-circle{width:44px;height:44px}.popup-result-heading{font-size:16px}}@media(max-width:480px){.teams-grid{grid-template-columns:1fr;gap:12px}.versus{margin:4px 0}}@media(max-width:420px){.answer-board{grid-template-columns:1fr}.answer-slot{height:44px;padding:0 10px}.answer-points-badge{min-width:42px;font-size:10px}}.wordchain-card .wc-art{background:radial-gradient(circle at 50% 30%,rgba(249,115,22,.2),transparent 70%),linear-gradient(135deg,#1c102b,#0e0a1a)}.wc-badge{background:#f9731626;border-color:#f9731666;color:#fb923c}.wc-title i{background:linear-gradient(135deg,#fb923c,#f43f5e,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wc-chain-preview{display:flex;align-items:center;gap:6px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;color:#cbd5e1;background:#00000059;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.wc-chain-preview span{color:#f97316}.wc-modal-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.cat-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#131828;border:1px solid #242c44;color:#cbd5e1;cursor:pointer;text-align:left;transition:all .15s}.cat-card:hover{background:#1a2138;border-color:#3b476b}.cat-card.active{background:#f973161f;border-color:#f97316;color:#fff}.cat-icon{font-size:20px}.cat-text b{display:block;font-size:13px;color:#fff}.cat-text small{display:block;font-size:10px;color:#94a3b8}.wordchain-roster-box{background:#101423;border:1px solid #1e263d;border-radius:14px;padding:16px 18px;margin:16px 0}.roster-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:#94a3b8;letter-spacing:.8px}.wordchain-roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.roster-player-card{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#151b2e;border:1px solid #242c44;position:relative}.roster-slot-empty{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:10px;border:1px dashed #28334f;color:#64748b;font-size:12px}.wordchain-gameplay-wrap{display:flex;flex-direction:column;gap:16px;width:100%;max-width:820px;margin:0 auto}.wc-top-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#101423;border:1px solid #1e263d;border-radius:14px;padding:12px 18px}.wc-category-tag{display:flex;align-items:center;gap:10px}.wc-category-tag b{display:block;font-size:14px;color:#fff}.wc-category-tag small{display:block;font-size:10px;color:#94a3b8;text-transform:uppercase}.wc-timer-block{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:240px}.wc-timer-text{display:flex;align-items:center;gap:6px;font-family:Space Grotesk,sans-serif;font-size:16px;color:#fff}.wc-timer-text small{font-size:11px;color:#94a3b8}.wc-timer-bar{width:100%;height:6px;background:#20283e;border-radius:4px;overflow:hidden}.wc-timer-bar span{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#06b6d4);transition:width .25s}.wc-timer-bar span.timer-urgent{background:linear-gradient(90deg,#f43f5e,#fb923c);animation:pulse-timer 1s infinite}.wc-chain-counter{text-align:right}.wc-chain-counter b{display:block;font-family:Space Grotesk,sans-serif;font-size:20px;color:#38bdf8}.wc-chain-counter small{display:block;font-size:10px;color:#94a3b8}.wc-letter-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.15),transparent 75%),#0f1422;border:1px solid #232b42;border-radius:18px;padding:28px 20px;text-align:center;box-shadow:0 8px 32px #0006}.wc-hero-sub{font-size:12px;letter-spacing:1px;color:#94a3b8;margin-bottom:8px}.wc-prev-word{color:#38bdf8;font-size:16px;letter-spacing:2px}.wc-letter-target{display:flex;flex-direction:column;align-items:center;gap:6px}.wc-letter-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#a78bfa;text-transform:uppercase}.wc-big-letter{font-family:Space Grotesk,sans-serif;font-size:72px;font-weight:900;line-height:1;background:linear-gradient(135deg,#fff,#c084fc,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(192,132,252,.5);animation:letter-glow 2s infinite alternate}@keyframes letter-glow{0%{transform:scale(1)}to{transform:scale(1.04)}}.wc-first-turn-hero h2{font-family:Space Grotesk,sans-serif;font-size:26px;color:#fff;margin:8px 0 4px}.wc-first-turn-hero p{font-size:13px;color:#94a3b8;margin:0}.wc-sparkle-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.wc-turn-banner{display:flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;background:#141a2c;border:1px solid #242f4d;font-size:13px;color:#cbd5e1;text-align:center}.wc-turn-banner.my-turn{background:#8b5cf626;border-color:#8b5cf6;color:#fff;box-shadow:0 0 20px #8b5cf633}.wc-input-form{display:flex;gap:10px;width:100%}.wc-input-form input{flex:1;height:50px;padding:0 18px;border-radius:12px;background:#0d111d;border:2px solid #2b3552;color:#fff;font-size:16px;outline:none;transition:border-color .15s}.wc-input-form input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.wc-players-ring{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.wc-player-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;border-radius:12px;background:#101524;border:1px solid #1e263d;text-align:center;position:relative}.wc-player-card.active-turn{border-color:#8b5cf6;background:#8b5cf614;box-shadow:0 0 16px #8b5cf640}.wc-player-card.eliminated{opacity:.45;filter:grayscale(.8)}.wc-player-head{position:relative}.wc-player-card .active-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#8b5cf6;border:2px solid #101524;box-shadow:0 0 8px #8b5cf6}.wc-lives-row{display:flex;gap:4px;font-size:13px}.eliminated-badge{font-size:10px;font-weight:700;color:#f43f5e;letter-spacing:.5px}.wc-chain-timeline{background:#0e1220;border:1px solid #1c243a;border-radius:12px;padding:12px 16px}.timeline-title{font-size:10px;font-weight:700;letter-spacing:1px;color:#64748b;margin-bottom:8px}.timeline-pills{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px}.chain-pill{display:flex;flex-direction:column;align-items:center;background:#171e33;border:1px solid #263150;border-radius:8px;padding:4px 10px;white-space:nowrap}.chain-pill b{font-size:12px;color:#fff}.chain-pill small{font-size:9px;color:#94a3b8}.chain-arrow{color:#64748b;font-size:12px}.wc-match-end{max-width:680px;margin:0 auto}.wc-end-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.wc-end-stats div{background:#111627;border:1px solid #212a42;border-radius:12px;padding:14px;text-align:center}.wc-end-stats b{display:block;font-family:Space Grotesk,sans-serif;font-size:22px;color:#fff}.wc-end-stats span{display:block;font-size:11px;color:#94a3b8;text-transform:uppercase}.wc-podium-card{background:#101524;border:1px solid #1e263d;border-radius:14px;padding:16px 20px;margin-bottom:16px}.wc-podium-card h3{margin:0 0 12px;font-size:13px;letter-spacing:.8px;color:#94a3b8;text-transform:uppercase}.wc-standings-list{display:flex;flex-direction:column;gap:8px}.wc-standing-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:#141a2e;border:1px solid #222b46}.wc-standing-row.rank-winner{background:linear-gradient(90deg,#ffdd591f,#ffdd5905);border-color:#ffdd59}.standing-rank{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:800;color:#a78bfa;width:30px}.standing-status{font-size:12px;color:#94a3b8}.wc-standing-row.rank-winner .standing-status{color:#ffdd59;font-weight:700}.wc-full-recap-card{background:#101524;border:1px solid #1e263d;border-radius:14px;padding:16px 20px;margin-bottom:16px}.wc-full-recap-card h3{margin:0 0 10px;font-size:13px;letter-spacing:.8px;color:#94a3b8;text-transform:uppercase}.full-chain-pills{display:flex;flex-wrap:wrap;gap:8px}.player-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.player-meta b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta small{font-size:8px;color:#9e8bd3}.host-crown{color:#ffcf73;margin-left:auto;flex-shrink:0}.heart-full{font-size:14px}.heart-empty{font-size:14px;opacity:.35;filter:grayscale(1)}.popup-reason-text{font-size:11px;color:#fca5a5;font-weight:600;margin-top:2px}.standing-avatar{font-size:18px}.standing-name{flex:1;min-width:0}.standing-name b{font-size:12px;color:#fff}.match-end-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.match-winner-banner{text-align:center;padding:24px 16px;background:radial-gradient(circle at 50% 30%,rgba(255,221,89,.15),transparent 70%),#101524;border:1px solid #28334e;border-radius:16px;margin-bottom:18px}.winner-trophy-icon{font-size:42px;margin-bottom:8px}.winner-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#facc15}.winner-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:800;color:#fff;margin:6px 0}.winner-subtitle{font-size:13px;color:#94a3b8;margin:0}@media(max-width:620px){.wc-modal-cat-grid,.wc-end-stats{grid-template-columns:1fr}.wc-big-letter{font-size:54px}.wc-top-strip{flex-direction:column;align-items:flex-start;gap:10px}.wc-timer-block{width:100%;max-width:none}}