@import "https://fonts.googleapis.com/css2?family=Jua&display=swap";:root{--game-font:"Jua", "Segoe UI", Tahoma, sans-serif;--accent-1:#6366f1;--accent-1-dark:#4f46e5;--accent-2:#ec4899;--gold:#f59e0b;--danger:#ef4444;--success:#22c55e;--game-shadow:0 6px 0 #11111126}body.dark-mode{--game-shadow:0 6px 0 #00000073}.game-title{font-family:var(--game-font);letter-spacing:1px}.game-fade-in{animation:.3s gameFloatIn}.badge-pop{animation:.35s gameBadgePop}@keyframes gameFloatIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gameBadgePop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes gamePulse{0%,to{opacity:1}50%{opacity:.55}}.game-alert-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#080614bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-alert-modal{text-align:center;background:linear-gradient(160deg,#1b1140 0%,#150c30 100%);border:1px solid #ffffff14;border-radius:24px;width:90%;max-width:360px;padding:32px 28px 24px;box-shadow:0 20px 50px #00000080}.game-alert-icon{margin-bottom:12px;font-size:40px;display:inline-block}.game-alert-message{color:#fff;white-space:pre-line;margin:0 0 24px;font-size:16px;line-height:1.6}.game-alert-actions{gap:10px;display:flex}.game-alert-btn{height:46px;font-family:var(--game-font,inherit);cursor:pointer;border:none;border-radius:14px;flex:1;font-size:15px;font-weight:700;transition:transform .12s,filter .12s}.game-alert-btn:hover{filter:brightness(1.08)}.game-alert-btn:active{transform:translateY(2px)}.game-alert-btn.confirm{background:linear-gradient(135deg, var(--accent-1,#6366f1), var(--accent-2,#ec4899));color:#fff}.game-alert-btn.cancel{color:#fff;background:#ffffff14;border:1px solid #ffffff1f}:root{--bg:#f9f5f0;--header-bg:#f9f5f0;--text:#f9f5f0;--text-h:#111;--border:#eee;--code-bg:#fff;--accent:#007bff;--accent-bg:#eee;--room-bg:#e0e0e0;--room-bd:#bebebe}body.dark-mode{--bg:#20232a;--header-bg:#20232a;--text:#eee;--text-h:#fff;--border:#333;--code-bg:#20232a;--accent:#4da3ff;--accent-bg:#1a2a3a;--room-bg:#1e222d;--room-bd:#2d3343}body{background-color:var(--bg);color:var(--text);margin:0;transition:background-color .3s,color .3s}body.dark-mode{background-image:radial-gradient(circle at 15% 15%,#8b5cf647,#0000 42%),radial-gradient(circle at 85% 0,#ec489938,#0000 40%),radial-gradient(circle at 50% 90%,#3b82f62e,#0000 45%),radial-gradient(1.6px 1.6px at 10% 20%,#fffc,#0000),radial-gradient(1.2px 1.2px at 30% 70%,#fff9,#0000),radial-gradient(1.8px 1.8px at 55% 15%,#ffffffb3,#0000),radial-gradient(1.2px 1.2px at 70% 55%,#ffffff80,#0000),radial-gradient(1.6px 1.6px at 90% 30%,#ffffffb3,#0000),radial-gradient(1.2px 1.2px at 40% 85%,#ffffff80,#0000),radial-gradient(1.4px 1.4px at 85% 80%,#fff9,#0000);background-size:cover;background-attachment:fixed}.header-container{background-color:#0000;justify-content:space-between;align-items:center;height:80px;padding:0 20px;transition:all .3s;display:flex;position:relative}.logo-wrapper{align-items:center;gap:10px;display:flex}.logo-mascot{background:linear-gradient(135deg, var(--accent-1,#6366f1), var(--accent-2,#ec4899));border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 12px #6366f166}.logo-sparkle{font-size:18px;animation:1.8s ease-in-out infinite gameBadgePop}.logo{letter-spacing:.5px;background:linear-gradient(135deg, var(--accent-1,#6366f1), var(--accent-2,#ec4899));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px}@media (width<=1024px){.logo{margin:20px 0;font-size:36px}}.button-group{gap:10px;display:flex}.nav-button{cursor:pointer;border:1px solid var(--border);background-color:var(--code-bg);color:var(--text-h);border-radius:6px;padding:5px 12px;font-weight:500;transition:all .2s}.nav-button:hover{background-color:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.dark-mode-btn{aspect-ratio:1;background-color:var(--code-bg);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}body.dark-mode .dark-mode-btn{background-color:#ffffff14;border-color:#ffffff26}.dark-mode-btn svg{transition:transform .4s cubic-bezier(.4,0,.2,1)}.dark-mode-btn:hover svg{color:var(--accent);transform:rotate(-15deg)scale(1.15)}.index-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:90%;max-width:900px;margin:60px auto 0;display:grid}.index-card{color:#fff;border-radius:28px;flex-direction:column;min-height:260px;padding:28px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px -12px #00000059}.index-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -12px #00000073}.index-card.create{background:linear-gradient(150deg,#ec4899 0%,#a855f7 55%,#6366f1 100%)}.index-card.enter{background:linear-gradient(150deg,#1e3a8a 0%,#172554 60%,#0c1430 100%)}.index-card.quick{background:linear-gradient(150deg,#7c3aed 0%,#4c1d95 60%,#2e1065 100%)}.index-card.disabled{opacity:.55;filter:grayscale(.4)}.index-card-decor{background:#ffffff14;border-radius:50%;width:140px;height:140px;position:absolute;top:-30px;right:-30px}.index-card-icon{filter:drop-shadow(0 6px 10px #00000040);margin-bottom:18px;font-size:46px}.index-card-text{flex:1}.index-card-text h3{font-family:var(--game-font,inherit);letter-spacing:.5px;margin:0 0 8px;font-size:22px}.index-card-text p{color:#fffc;margin:0;font-size:14px;line-height:1.5}.index-card-input{color:#fff;letter-spacing:1px;text-align:center;box-sizing:border-box;background:#ffffff1f;border:1.5px solid #ffffff4d;border-radius:12px;outline:none;width:100%;margin-top:14px;padding:10px 14px;font-size:15px;font-weight:600}.index-card-input::placeholder{color:#ffffff8c;letter-spacing:normal;font-weight:400}.index-card-input:focus{border-color:#ffffffb3}.index-card-arrow{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;transition:transform .15s,filter .15s;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 6px 14px #00000059}.index-card-arrow:hover{filter:brightness(1.1);transform:scale(1.1)rotate(8deg)}.index-card-arrow:disabled{cursor:not-allowed;opacity:.5}.index-card-arrow.red{background:linear-gradient(135deg,#f43f5e,#fb7185)}.index-card-arrow.blue{background:linear-gradient(135deg,#38bdf8,#6366f1)}.index-card-arrow.purple{background:linear-gradient(135deg,#c084fc,#ec4899)}.room-sidebar{box-sizing:border-box;background:linear-gradient(#1b1140 0%,#150c30 100%);border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:92px;height:100vh;padding:24px 0;display:flex}.room-sidebar-top{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.sidebar-icon-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:6px;width:72px;padding:10px 4px;transition:background .15s,color .15s,transform .15s;display:flex}.sidebar-icon-btn span{font-size:11px;font-weight:600}.sidebar-icon-btn:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.sidebar-icon-btn.active{color:var(--success,#22c55e)}.sidebar-icon-btn.danger:hover{color:#fb7185;background:#ef444426}.room-sidebar-mascot{background:linear-gradient(135deg, var(--accent-1,#6366f1), var(--accent-2,#ec4899));border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex;box-shadow:0 6px 16px #6366f166}@media (width<=640px){.room-sidebar{width:64px}.sidebar-icon-btn{width:52px}.sidebar-icon-btn span{display:none}}.chat-widget{z-index:2000;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.chat-toggle-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s;display:flex;position:relative;box-shadow:0 6px 16px #6366f173}.chat-toggle-btn:hover{transform:scale(1.08)}.chat-toggle-btn:active{transform:scale(.95)}.chat-unread-badge{background:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.chat-panel{background:var(--room-bg,#fff);border:1px solid var(--room-bd,#e0e0e0);border-radius:20px;flex-direction:column;width:min(320px,85vw);height:420px;max-height:65vh;display:flex;overflow:hidden;box-shadow:0 16px 40px #00000040}.chat-panel-header{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:700;display:flex}.chat-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.chat-empty{color:#9ca3af;text-align:center;margin-top:20px;font-size:13px}.chat-message{flex-direction:column;align-items:flex-start;max-width:85%;display:flex}.chat-message.mine{align-self:flex-end;align-items:flex-end}.chat-sender{color:#9ca3af;margin-bottom:2px;padding:0 4px;font-size:11px}.chat-bubble{color:#1f2937;word-break:break-word;background:#f1f5f9;border-radius:14px;padding:8px 12px;font-size:14px}.chat-message.mine .chat-bubble{background:var(--accent-1);color:#fff}.chat-input-row{border-top:1px solid var(--room-bd,#eee);gap:8px;padding:10px;display:flex}.chat-input-row input{border:2px solid var(--room-bd,#e5e7eb);background:var(--bg,#fff);color:var(--text-h,#111);border-radius:12px;outline:none;flex:1;padding:8px 12px;font-size:14px}.chat-input-row input:focus{border-color:var(--accent-1)}.chat-send-btn{background:var(--accent-1);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;display:flex}.chat-send-btn:hover{background:var(--accent-1-dark)}*{box-sizing:border-box}.liar-game-container{background-color:var(--bg);flex-direction:column;min-height:100vh;font-family:sans-serif;display:flex}.main-content{flex-direction:column;flex:1;gap:24px;width:100%;max-width:1400px;min-height:500px;margin:0 auto;padding:24px;display:flex;position:relative}.modal-toggle-btn{cursor:pointer;z-index:10;background-color:#ffffffb3;border:2px solid #000;border-radius:50%;width:48px;height:48px;font-size:20px;font-weight:700;transition:all .2s;position:absolute;top:16px;left:16px}.modal-toggle-btn:hover{transform:translateY(2px)}.card-panel{background:#fff;padding:20px}.chat-section{color:#fff;background-color:#00000080;width:25vw;min-height:200px;position:absolute;bottom:1%;left:2%}.input-section{flex-direction:column;flex:2;justify-content:center;align-items:center;gap:40px;display:flex}.input-box{width:100%;max-width:600px}.input-box textarea{resize:none;width:100%;height:120px;padding:15px;font-size:18px}.user-name-tag{background:#000000b3;padding:15px 50px;font-size:24px;font-style:italic;font-weight:900}.order-section{color:#fff;background-color:#00000080;width:calc(30vw - 2%);position:absolute;top:1%;right:2%}.order-list{flex-direction:column;gap:12px;display:flex}.order-item{background:#00000080;align-items:center;gap:10px;padding:10px;display:flex}.modal-overlay{color:#000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#ffffff80;width:90%;max-width:500px;padding:30px}@media (width>=1024px){.main-content{flex-direction:row}}.countdown-overlay{z-index:9999;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.countdown-content{text-align:center;color:#fff}.countdown-content h2{letter-spacing:2px;margin-bottom:20px;font-size:2rem}.countdown-number{color:#ffde59;text-shadow:0 0 20px #ffde5980;font-size:8rem;font-weight:700;animation:1s infinite scaleUp}@keyframes scaleUp{0%{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.main-content.blur{filter:blur(5px);pointer-events:none}.target-word-display{z-index:10;background-color:var(--bg);align-items:center;gap:10px;padding:10px 30px;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)}.target-label{color:var(--text-h);font-size:1.2rem;font-weight:700}.target-value{color:#e63946;font-size:1.5rem;font-weight:900}.main-content{padding-top:60px}.game-info-display{z-index:100;flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;top:100px;left:5%;transform:translate(-20%)}.role-badge{border-radius:30px;padding:8px 20px;font-weight:700}.role-badge.liar{color:#fff;background-color:#ff4d4d}.role-badge.citizen{color:#fff;background-color:#4dabff}.turn-timer-panel{text-align:center;background-color:var(--bg);margin-bottom:10px}.turn-countdown{color:var(--text-h);font-size:1.2rem;font-weight:700}.turn-countdown.urgent{color:#ff4d4f;animation:1s infinite blink}.current-turn-info{color:var(--text-h);font-weight:700}.timer-progress-bg{background:#eee;border-radius:4px;width:100%;height:8px;margin-top:8px;overflow:hidden}.timer-progress-bar{background:#52c41a;height:100%;transition:width 1s linear}@keyframes blink{50%{opacity:.6}}.order-item.active{background-color:#e6f7ff;border:2px solid #1890ff}.quiz-container{background:linear-gradient(160deg, var(--bg) 0%, var(--accent-bg) 100%);flex-direction:column;min-height:100vh;display:flex}.quiz-overlay{z-index:500;background:#0f0f19d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.quiz-overlay-content{text-align:center;color:#fff}.quiz-countdown-number{color:var(--gold);text-shadow:0 0 24px #f59e0b99;font-size:7rem;font-weight:900;animation:1s infinite gamePulse}.quiz-final-panel{background:var(--room-bg,#1e222d);border-radius:24px;min-width:320px;padding:32px 40px}.quiz-final-list{flex-direction:column;gap:10px;margin-top:20px;display:flex}.quiz-final-row{background:#ffffff14;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-weight:700;display:flex}.quiz-final-row.rank-1{background:linear-gradient(90deg,#f59e0b59,#f59e0b1a)}.quiz-rank{text-align:center;width:32px;font-size:1.1rem}.quiz-final-name,.quiz-scoreboard-name{text-align:left;flex:1}.quiz-final-score,.quiz-scoreboard-score{color:var(--gold)}.quiz-main{box-sizing:border-box;flex-direction:column;flex:1;gap:20px;width:100%;max-width:1100px;margin:0 auto;padding:24px;display:flex}@media (width>=900px){.quiz-main{flex-direction:row;align-items:flex-start}}.quiz-play-area{flex-direction:column;flex:3;gap:16px;min-width:0;display:flex}.quiz-topbar{background:var(--room-bg);border:1px solid var(--room-bd);color:var(--text-h);align-items:center;gap:16px;padding:14px 20px;font-weight:700;display:flex}.quiz-round{font-family:var(--game-font);color:var(--accent-1)}.quiz-category{background:var(--accent-1);color:#fff;border-radius:999px;padding:4px 12px;font-size:13px}.quiz-host-badge{background:var(--gold);color:#1f2937;border-radius:999px;margin-left:auto;padding:4px 12px;font-size:13px;font-weight:800}.quiz-question-card{background:var(--room-bg);border:1px solid var(--room-bd);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:20px;padding:32px;display:flex}.quiz-question-text{color:var(--text-h);margin:0;font-size:1.5rem;font-weight:800}.quiz-media-image{border-radius:16px;max-width:100%;max-height:260px;box-shadow:0 8px 24px #0003}.quiz-media-audio{width:100%;max-width:360px}.quiz-answer-row{gap:10px;display:flex}.quiz-answer-input{border:2px solid var(--accent-1);background:var(--bg);height:56px;color:var(--text-h);border-radius:16px;outline:none;flex:1;padding:0 20px;font-size:18px}.quiz-answer-input:disabled{opacity:.6}.quiz-submit-btn{height:56px;padding:0 28px;font-size:16px}.quiz-progress{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.quiz-progress-bar-bg{background:var(--room-bd);border-radius:6px;width:100%;height:8px;overflow:hidden}.quiz-progress-bar{background:var(--accent-1);height:100%;transition:width .3s}.quiz-reveal-panel{background:var(--room-bg);border:1px solid var(--room-bd);border-radius:24px;padding:24px}.quiz-correct-answer{text-align:center;color:var(--text-h);margin:0 0 16px;font-size:1.2rem}.quiz-correct-answer strong{color:var(--success);font-size:1.4rem}.quiz-reveal-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.quiz-reveal-row{background:var(--accent-bg);color:var(--text-h);border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex}.quiz-reveal-row.correct{background:#22c55e2e}.quiz-reveal-row.wrong{background:#ef44441f}.quiz-reveal-name{flex-shrink:0;width:90px;font-weight:700}.quiz-reveal-answer{color:#6b7280;flex:1}.quiz-reveal-mark{font-weight:800}.quiz-next-hint{text-align:center;color:#9ca3af;margin:16px 0 0;font-weight:600}.quiz-host-controls{justify-content:center;margin-top:8px;display:flex}.quiz-host-btn{height:56px;padding:0 32px;font-size:16px}.quiz-exit-btn{height:52px;margin-top:24px;padding:0 28px;font-size:15px}.quiz-scoreboard{background:var(--room-bg);border:1px solid var(--room-bd);border-radius:24px;flex:1;min-width:220px;padding:20px;position:sticky;top:20px}.quiz-scoreboard h3{color:var(--text-h);text-align:center;letter-spacing:2px;margin:0 0 14px}.quiz-scoreboard-list{flex-direction:column;gap:8px;display:flex}.quiz-scoreboard-row{color:var(--text-h);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-weight:600;display:flex}.quiz-scoreboard-row.me{border:1px solid var(--accent-1);background:#6366f126}.room-page-wrapper{position:relative}.room-layout{height:100vh;display:flex}.room-content-area{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.room-main-content{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:1000px;margin:0 auto;padding:20px;display:flex}.room-container{flex-wrap:wrap;flex-shrink:0;gap:15px;margin-bottom:20px;display:flex}.invite-card{background-color:var(--room-bg);border:1px solid var(--room-bd);box-sizing:border-box;border-radius:20px;flex:1;align-items:center;min-width:280px;height:100px;padding:20px;display:flex}body.dark-mode .invite-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border-color:#ffffff1a}.copy-section{cursor:pointer;gap:20px;transition:background-color .2s}.copy-section:hover{background-color:var(--accent-bg)}.icon-box{background-color:var(--code-bg);width:50px;height:50px;color:var(--accent-1,#6366f1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.icon-box.copied{background-color:var(--accent);color:#fff}body.dark-mode .icon-box{background:linear-gradient(135deg, var(--accent-1,#6366f1), var(--accent-2,#ec4899));color:#fff}.text-box h3{color:var(--text-h);margin:0;font-size:18px}.text-box p{color:#8892b0;margin:4px 0 0;font-size:14px}.code-section{justify-content:space-between}.room-container.focus-layout .invite-card{height:140px;padding:28px 32px}.room-container.focus-layout .display-code{letter-spacing:6px;font-size:46px}.room-container.focus-layout .qr-box{transform:scale(1.3)}.current-mode-display{background:linear-gradient(135deg, var(--accent-1,#6366f1), var(--accent-2,#ec4899));color:#fff;border-radius:24px;flex-shrink:0;align-items:center;gap:20px;margin-bottom:20px;padding:28px 32px;display:flex;box-shadow:0 12px 28px -8px #6366f180}.current-mode-icon{filter:drop-shadow(0 4px 8px #00000040);font-size:56px}.current-mode-text{flex-direction:column;gap:4px;display:flex}.current-mode-label{opacity:.85;font-size:14px;font-weight:600}.current-mode-name{font-family:var(--game-font,inherit);letter-spacing:.5px;font-size:30px}.label{color:var(--text-h)}.display-code{font-size:32px;font-weight:800;font-family:var(--game-font,inherit);color:var(--accent-1,#6366f1);letter-spacing:4px;margin:8px 0 0}.qr-box{background-color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.mode-content{flex-wrap:wrap;flex-shrink:0;gap:15px;margin-bottom:20px;display:flex}.mode-btn-wrapper{flex:1;min-width:280px}.game-mode,.game-detail{width:100%;height:60px;color:var(--text-h);background-color:var(--room-bg);border:1px solid var(--room-bd);cursor:pointer;border-radius:20px;justify-content:center;align-items:center;font-weight:700;transition:transform .15s,background-color .2s;display:flex}.game-mode:hover,.game-detail:hover{transform:translateY(-2px)}.btn-icon{margin-right:8px;font-size:1.1em}body.dark-mode .game-mode,body.dark-mode .game-detail,body.dark-mode .users-card,body.dark-mode .user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border-color:#ffffff1a}.role-label{font-weight:700}.user-card{background-color:var(--room-bg);box-sizing:border-box;width:100%;height:60px;color:var(--text-h);border:2px solid #6366f1;border-radius:16px;flex-shrink:0;align-items:center;padding:0 24px;font-size:16px;font-weight:600;display:flex}.users-card{background-color:var(--room-bg);border:1px solid var(--room-bd);border-radius:20px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.users-list-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.user-list-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.user-list-header .role-label{margin:0}.user-item{box-sizing:border-box;border-bottom:1px solid var(--room-bd);width:100%;height:60px;color:var(--text-h);flex-shrink:0;align-items:center;padding:0 24px;font-weight:700;display:flex}.btn-container{width:100%;margin-top:10px;display:flex}.start-btn{background:linear-gradient(135deg, var(--accent-1,#6366f1), var(--accent-2,#ec4899));color:#fff;width:100%;height:70px;font-size:20px;font-family:var(--game-font,inherit);letter-spacing:1px;cursor:pointer;box-shadow:var(--game-shadow,0 6px 0 #11111126);border:none;border-radius:20px;flex:1;font-weight:600;transition:transform .12s,filter .12s,box-shadow .12s}.start-btn:hover{filter:brightness(1.06)}.start-btn:active{transform:translateY(4px);box-shadow:0 2px #11111126}.modal-overlay{z-index:9999;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content-center{background:#fff;border-radius:24px;width:90%;max-width:360px;padding:24px;animation:.25s ease-out modalPop;box-shadow:0 20px 40px #0000004d}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:1.1rem;font-weight:800;display:flex}.modalss-title{color:var(--bg);font-weight:700}.close-icon{cursor:pointer;color:#999}.option-item{cursor:pointer;background:#f9f9f9;border:1px solid #eee;border-radius:12px;width:100%;margin-bottom:10px;padding:15px;font-weight:600}.option-item:hover{color:#fff;background:#6366f1}.setting-row{justify-content:space-between;padding:10px 0;font-weight:600;display:flex}.modal-apply-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:12px;width:100%;height:50px;margin-top:15px;font-weight:600}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.name-setup-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.name-setup-modal{text-align:center;background:linear-gradient(160deg,#1b1140 0%,#150c30 100%);border:1px solid #ffffff14;border-radius:28px;width:90%;max-width:400px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.name-setup-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px;right:16px}.name-setup-sparkle{font-size:20px;animation:2s ease-in-out infinite gameBadgePop;position:absolute}.name-setup-sparkle.deco-1{top:18px;left:24px}.name-setup-sparkle.deco-2{animation-delay:.6s;top:40px;right:60px}.name-setup-mascot{background:linear-gradient(135deg, var(--accent-1,#6366f1), var(--accent-2,#ec4899));border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 12px;font-size:44px;display:flex;box-shadow:0 8px 24px #6366f166}.name-setup-modal h2{color:#fff;margin:.5rem 0}.name-setup-modal p{color:#fff9;margin-bottom:1.5rem}.name-setup-input-wrap{margin-bottom:1.5rem;position:relative}.name-setup-input-icon{color:#ffffff80;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.name-setup-modal input{color:#fff;box-sizing:border-box;background:#ffffff0f;border:2px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:1rem}.name-setup-modal input:focus{border-color:var(--accent-1,#6366f1)}.name-setup-modal input::placeholder{color:#fff6}.name-submit-btn{background:linear-gradient(135deg, var(--accent-1,#6366f1), var(--accent-2,#ec4899));color:#fff;cursor:pointer;width:100%;box-shadow:var(--game-shadow,0 6px 0 #11111126);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:16px;font-weight:700;display:flex}.name-submit-btn:hover{filter:brightness(1.06)}.content-blur{filter:blur(10px);pointer-events:none}.mini-host-badge{color:#fff;background:#f59e0b;border-radius:4px;margin-right:8px;padding:2px 6px;font-size:10px;font-weight:700}.max-user-select{border:1px solid var(--room-bd);background-color:var(--room-bg);color:var(--text-h);cursor:pointer;border-radius:8px;outline:none;padding:4px 8px;font-size:14px;font-weight:600;transition:border-color .2s}.max-user-select:hover{border-color:#6366f1}.user-container{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.name-wrapper{white-space:nowrap;align-items:center;gap:4px;display:flex}.user-name-display{cursor:pointer;align-items:center;gap:4px;display:flex}.user-name-edit-input{width:90px;color:var(--text-h);background:0 0;border:none;border-bottom:2px solid #6366f1;outline:none;padding:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#080614b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-window{background:linear-gradient(160deg,#1b1140 0%,#150c30 100%);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;width:90%;max-width:450px;max-height:85vh;animation:.2s ease-out modalPop;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.modal-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#fff;letter-spacing:.5px;margin:0}.modal-body{padding:24px;overflow-y:auto}.game-mode-grid{flex-direction:column;gap:12px;display:flex}.mode-item{cursor:pointer;text-align:left;background:#ffffff0a;border:2px solid #ffffff14;border-radius:16px;align-items:center;padding:16px;transition:all .2s,transform .15s;display:flex}.mode-item:hover,.mode-item.active{border-color:var(--accent-1,#6366f1);background:linear-gradient(135deg,#6366f140,#ec489926);transform:translateY(-2px)}.mode-item.disabled{cursor:default;opacity:.6}.mode-text strong.gametitle{font-family:var(--game-font,inherit);letter-spacing:.5px}.mode-icon{margin-right:16px;font-size:28px}.mode-text strong{color:#fff;display:block}.mode-text p{color:#ffffff8c;margin:4px 0 0;font-size:13px}.setting-row{color:#fff;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.no-settings p{color:#ffffffb3;text-align:center;font-weight:700}.topic-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;display:grid}.topic-checkbox-item{cursor:pointer;color:#fffc;background:#ffffff0a;border:2px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:12px;transition:all .2s;display:flex}.topic-checkbox-item:hover{background:#ffffff14}.topic-checkbox-item.active{border-color:var(--accent-1,#6366f1);color:#fff;background:#6366f133;font-weight:700}.topic-checkbox-item .emoji{margin-right:8px;font-size:1.2rem}.setting-row-column{flex-direction:column;margin-bottom:20px;display:flex}.setting-row-column span{color:#fffc;margin-bottom:8px;font-weight:600}.counter{align-items:center;gap:12px;display:flex}.counter button{background:linear-gradient(135deg, var(--accent-1,#6366f1), var(--accent-2,#ec4899));color:#fff;cursor:pointer;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;font-weight:700}.counter span{color:#fff;text-align:center;min-width:20px;font-weight:700}.mode-toggle-group{gap:8px;display:flex}.mode-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:2px solid #ffffff1a;border-radius:12px;padding:8px 16px;font-weight:600;transition:all .15s}.mode-btn.active{border-color:var(--accent-1,#6366f1);background:linear-gradient(135deg, var(--accent-1,#6366f1), var(--accent-2,#ec4899));color:#fff}