.game-type-tabs{display:flex;gap:4px;padding:4px;background:var(--bg-card-translucent);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.game-type-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-family);font-size:15px;font-weight:700;white-space:nowrap;cursor:pointer;transition:all var(--transition)}.game-type-tab:hover:not(.active):not(:disabled){color:var(--text-primary);background:var(--surface-muted)}.game-type-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);box-shadow:0 2px 12px var(--accent-glow)}.game-type-tab:disabled{cursor:not-allowed;opacity:.6}.home-page{--home-topbar-h: 64px;flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding-top:var(--home-topbar-h);background:radial-gradient(ellipse at top,var(--bg-glow) 0%,var(--bg-primary) 70%)}.home-topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--home-topbar-h);display:flex;align-items:center;justify-content:center;padding:0 16px;background:var(--bg-translucent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color)}.home-topbar .game-type-tabs{width:min(440px,100%);box-shadow:none}@media(max-width:600px){.home-topbar{padding:0 64px}}.home-topbar .game-type-tab{padding:8px 14px}.home-hero{display:flex;flex-direction:column;gap:32px;width:100%}.logo-area{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.logo-text{font-weight:900;display:flex;align-items:baseline;gap:24px}.logo-main{font-size:56px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(252,163,17,.3))}.logo-sub-text{font-size:32px;font-weight:600;color:var(--text-secondary)}.logo-sub{font-size:16px;color:var(--text-muted);font-weight:500;letter-spacing:4px}.home-desc{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-actions{display:flex;flex-direction:column;gap:12px}.home-divider{display:flex;align-items:center;gap:12px;margin:8px 0}.home-divider:before,.home-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--text-muted),transparent);opacity:.4}.home-divider-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);opacity:.6}.btn-lg{padding:16px 28px;font-size:18px}.home-form{display:flex;flex-direction:column;gap:20px}.form-header{display:flex;align-items:center;justify-content:space-between}.form-header-toggle{display:flex;gap:4px;flex-shrink:0}.form-title{font-size:20px;font-weight:700;text-align:center}.btn-sm{padding:4px 10px;font-size:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.input-code{text-align:center;font-size:24px;font-weight:700;letter-spacing:8px;text-transform:uppercase}.form-error{color:var(--accent-red);font-size:14px;text-align:center}.form-actions{display:flex;flex-direction:column;gap:8px}.player-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.player-list-title{font-size:16px;font-weight:700}.player-count{font-size:14px;color:var(--text-secondary);background:var(--bg-primary);padding:4px 10px;border-radius:var(--radius-xl)}.player-grid{display:flex;flex-wrap:wrap;gap:12px}.player-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.player-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:var(--on-accent)}.player-name{font-size:14px;font-weight:500}.host-badge{font-size:10px;font-weight:900;color:var(--accent-gold);background:#fca31126;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.player-list.player-list-column .player-grid{flex-direction:column;gap:8px}.player-list.player-list-column .player-item{width:100%;padding:10px 12px}.player-list.player-list-column .player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list.player-list-column .player-list-header{margin-bottom:12px}.quiz-thumb{position:relative;overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-color);flex-shrink:0}.quiz-thumb img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.quiz-thumb-card{width:100%;aspect-ratio:16 / 9;border-radius:8px;margin-bottom:10px}.quiz-thumb-small{width:56px;height:32px;border-radius:6px}.quiz-thumb-preview{width:240px;max-width:100%;aspect-ratio:16 / 9;border-radius:8px}.quiz-thumb.is-placeholder img{opacity:.9}.invite-code{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:16px;padding:14px 72px;background:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);animation:glow 3s ease-in-out infinite}.invite-code:hover{transform:scale(1.02)}.invite-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.invite-value{font-size:44px;font-weight:900;letter-spacing:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.invite-copy{font-size:12px;color:var(--text-secondary)}.chat-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.chat-resize{display:flex;align-items:center;gap:4px}.chat-resize-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:3px;color:var(--text-muted);font-size:12px;cursor:pointer;padding:0;line-height:1}.chat-resize-btn:hover{border-color:var(--accent);color:var(--accent)}.chat-resize-val{font-size:10px;min-width:14px;text-align:center;font-variant-numeric:tabular-nums}.chat-messages{overflow-y:auto;padding:6px 0}.chat-empty{color:var(--text-muted);font-size:12px;text-align:center;padding:12px;word-break:keep-all;text-wrap:balance}.chat-msg{padding:3px 12px;font-size:13px;animation:fadeIn .2s ease}.chat-nickname{font-weight:700;color:var(--accent);margin-right:6px}.chat-nickname:after{content:":"}.chat-text{color:var(--text-secondary);word-break:break-word}.chat-divider{margin:2px 12px;height:1px;background:var(--border-color)}.chat-box-fill{display:flex;flex-direction:column;flex:1;min-height:0}.chat-box-fill .chat-header{flex-shrink:0;padding:8px 14px;font-size:12px}.chat-box-fill .chat-messages{flex:1;min-height:0;padding:8px 0}.chat-box-fill .chat-msg{padding:4px 14px;font-size:14px;line-height:1.45}.chat-box-fill .chat-empty{padding:24px 12px;font-size:13px}@keyframes liarPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes liarPop{0%{transform:scale(1.5);opacity:0}60%{transform:scale(.95);opacity:1}to{transform:scale(1);opacity:1}}@keyframes liarFade{0%{opacity:0}to{opacity:1}}.liar-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.liar-dots:after{content:"...";display:inline-block;width:1.4em;margin-right:-1.4em;text-align:left;animation:liarPulse 1.2s ease-in-out infinite}.liar-accent{color:var(--accent)}.liar-cat-chip{display:inline-block;font-size:13px;font-weight:800;color:var(--accent);white-space:nowrap}.liar-cat-chip.large{font-size:16px;padding:4px 14px;border-radius:var(--radius-xl);background:#fca3111f;border:1px solid rgba(252,163,17,.3)}.liar-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:900;color:var(--on-accent);flex-shrink:0}.liar-avatar-md{width:32px;height:32px;font-size:14px}.liar-avatar-lg{width:64px;height:64px;font-size:26px;box-shadow:0 0 0 4px var(--bg-card),0 0 0 6px #fca31159}.liar-name-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px;border-radius:var(--radius-xl);background:var(--bg-translucent);border:1px solid var(--border-color);font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:liarFade .25s ease}.liar-name-chip.me{border-color:#fca31180}.liar-small-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px}.liar-link-btn{background:none;border:none;padding:2px 4px;color:var(--text-muted);font-family:var(--font-family);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.liar-link-btn:hover{color:var(--accent)}.liar-type-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:800;color:var(--accent);background:#fca31126;white-space:nowrap}.liar-rules{margin:0;padding-left:20px;word-break:keep-all;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.55;color:var(--text-secondary);text-align:left}.liar-rules li::marker{color:var(--accent);font-weight:800}.liar-rules strong{color:var(--accent)}.liar-waiting .liar-rules{max-width:460px;padding:14px 18px 14px 34px;background:var(--bg-translucent);border:1px solid var(--border-color);border-radius:var(--radius-md)}.liar-waiting-icon{color:var(--accent);filter:drop-shadow(0 0 12px var(--accent-glow));animation:liarPulse 2.4s ease-in-out infinite}.liar-sb-row{align-items:center}.liar-sb-main{display:flex;flex-direction:column;gap:3px;min-width:0}.liar-status{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;max-width:100%;padding:1px 7px 1px 5px;border-radius:9px;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liar-status-active{color:var(--accent);background:#fca31124;animation:liarPulse 1.2s ease-in-out infinite}.liar-status-done{color:var(--accent-green);background:#10b98124}.liar-status-alert{color:var(--accent-red);background:#ef444424}.liar-status-muted{color:var(--text-muted);background:var(--surface-muted)}.liar-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:270px;word-break:keep-all;overflow-wrap:anywhere}.liar-panel p,.liar-role-guide>span{text-wrap:balance}.liar-role-guide>span{display:block}.liar-panel:hover{transform:none;box-shadow:var(--shadow-card)}.liar-center{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.liar-panel-title{font-size:19px;font-weight:800;color:var(--text-primary);line-height:1.4}.liar-panel-sub{font-size:13px;color:var(--text-muted);line-height:1.5}.liar-notice{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;border-radius:var(--radius-xl);font-size:13px;font-weight:700;color:var(--accent);background:#fca3111f;border:1px solid rgba(252,163,17,.3);animation:fadeIn .3s ease}.liar-big-icon{color:var(--accent);filter:drop-shadow(0 0 14px var(--accent-glow))}.liar-big-icon.muted{color:var(--text-muted);filter:none}.liar-big-icon.danger{color:var(--accent-red);filter:drop-shadow(0 0 14px rgba(239,68,68,.45))}.liar-topic{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.liar-topic>.liar-panel-sub{margin-bottom:8px}.liar-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;width:100%;max-width:620px}.liar-cat-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 6px 12px;background:var(--bg-translucent);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-family);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition)}.liar-cat-btn svg{color:var(--accent)}.liar-cat-btn:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 14px var(--accent-glow)}.liar-cat-btn.active{border-color:var(--accent);background:#fca3111f}.liar-cat-btn.liar-cat-custom{border-style:dashed}.liar-topic-form{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:440px;text-align:left;animation:fadeIn .25s ease}.liar-topic-label{font-size:13px;font-weight:700;color:var(--text-secondary)}.liar-topic-row{display:flex;gap:8px}.liar-topic-row .input{flex:1;min-width:0}.liar-topic-row .btn{padding:12px 20px;flex-shrink:0}.liar-topic-row .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.liar-topic-chosen{display:flex;align-items:center;gap:10px}.liar-topic-form .liar-link-btn{align-self:flex-start}.liar-topic-progress{margin-top:6px;font-size:13px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.liar-topic-done{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.liar-topic-done-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--on-accent);background:var(--accent-green);box-shadow:0 0 16px #10b98173;animation:liarPop .35s ease}.liar-topic-done-title{font-size:17px;font-weight:800;color:var(--accent-green)}.liar-topic-done-value{display:flex;align-items:baseline;gap:8px}.liar-topic-done-word{font-size:18px;font-weight:800;color:var(--text-primary)}.liar-countdown-num{font-size:104px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:liarPop .5s ease}.liar-role-title{font-size:36px;font-weight:900;color:var(--accent-red);letter-spacing:1px;animation:liarPop .5s ease}.liar-role-word{font-size:40px;font-weight:900;line-height:1.2;word-break:keep-all;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:liarPop .5s ease}.liar-role-guide{max-width:440px;font-size:13px;line-height:1.6;color:var(--text-muted);word-break:keep-all}.liar-spot-step{font-size:12px;font-weight:800;color:var(--text-muted);letter-spacing:1px;font-variant-numeric:tabular-nums}.liar-spot-typing{font-size:18px;color:var(--text-secondary)}.liar-spot-typing strong{color:var(--accent);font-weight:800}.liar-spot-hint{max-width:90%;font-size:26px;font-weight:800;line-height:1.35;color:var(--text-primary);word-break:keep-all;overflow-wrap:anywhere;animation:liarPop .4s ease}.liar-spot-by{font-size:13px;font-weight:700;color:var(--accent)}.liar-spot-guide{font-size:13px;font-weight:700;color:var(--accent);padding:6px 14px;border-radius:var(--radius-xl);background:#fca3111f;animation:liarPulse 1.6s ease-in-out infinite}.liar-vote{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.liar-table{display:block;width:100%;height:auto;max-height:62vh;margin-top:6px;overflow:visible;-webkit-user-select:none;user-select:none}.liar-table-top{fill:#fca3110f;stroke:#fca31147;stroke-width:1.5}.liar-table-count{font-size:20px;font-weight:900;fill:var(--text-secondary);font-variant-numeric:tabular-nums}.liar-table-attempt{font-size:14px;font-weight:700;fill:var(--accent)}.liar-arrow{fill:none;stroke-width:2.6;stroke-linecap:round;opacity:.9;animation:liarFade .3s ease}.liar-seat{cursor:pointer;outline:none}.liar-seat.disabled{cursor:default}.liar-seat-ring{fill:var(--bg-card);stroke:var(--border-color);stroke-width:2;transition:stroke .2s,stroke-width .2s}.liar-seat:not(.disabled):hover .liar-seat-ring,.liar-seat:not(.disabled):focus-visible .liar-seat-ring{stroke:var(--accent);stroke-width:3}.liar-seat.selected .liar-seat-ring{stroke:var(--accent);stroke-width:4;filter:drop-shadow(0 0 6px var(--accent-glow))}.liar-seat.me .liar-seat-ring{stroke:#fca31180;stroke-dasharray:4 4}.liar-seat.out .liar-seat-dot{opacity:.35}.liar-seat-initial{font-size:22px;font-weight:900;fill:var(--on-accent);pointer-events:none}.liar-seat.out .liar-seat-initial{opacity:.5}.liar-seat-name{font-size:16px;font-weight:800;fill:var(--text-primary)}.liar-seat.me .liar-seat-name{fill:var(--accent)}.liar-seat-hint{font-size:13px;font-weight:600;fill:var(--text-muted)}.liar-seat-out{font-size:12px;font-weight:800;fill:var(--text-muted)}.liar-seat-badge circle{fill:var(--accent-red);stroke:var(--bg-card);stroke-width:2}.liar-seat-badge text{font-size:13px;font-weight:900;fill:#fff}.liar-defense-title{font-size:20px;color:var(--text-secondary)}.liar-defense-title strong{color:var(--accent-red);font-weight:900}.liar-defense-lines{display:flex;flex-direction:column;gap:8px;width:100%;max-width:520px;max-height:240px;overflow-y:auto;padding:4px 2px}.liar-defense-line{align-self:flex-start;max-width:100%;padding:9px 14px;border-radius:var(--radius-md);border-left:3px solid var(--accent-red);background:var(--bg-translucent);font-size:15px;font-weight:600;line-height:1.5;color:var(--text-primary);text-align:left;overflow-wrap:anywhere;animation:fadeIn .25s ease}.liar-verdict{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.liar-verdict-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:6px}.liar-verdict-col{display:flex;flex-direction:column;gap:10px;min-height:116px;padding:12px 10px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-translucent)}.liar-verdict-col.kill{border-color:#ef444466;background:#ef444412}.liar-verdict-col.save{border-color:#10b98166;background:#10b98112}.liar-verdict-head{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:800;color:var(--text-secondary)}.liar-verdict-head strong{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}.liar-verdict-col.kill .liar-verdict-head{color:var(--accent-red)}.liar-verdict-col.save .liar-verdict-head{color:var(--accent-green)}.liar-verdict-col.thinking .liar-verdict-head{color:var(--text-muted)}.liar-verdict-col.thinking .liar-name-chip{animation:liarPulse 1.6s ease-in-out infinite}.liar-verdict-names{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.liar-verdict-actions{display:flex;gap:12px;width:100%;max-width:420px;margin-top:4px}.liar-verdict-btn{flex:1;padding:14px 16px;font-size:16px;border:2px solid transparent}.liar-verdict-btn.kill{color:var(--accent-red);background:#ef44441a;border-color:#ef44448c}.liar-verdict-btn.save{color:var(--accent-green);background:#10b9811a;border-color:#10b9818c}.liar-verdict-btn.kill:hover,.liar-verdict-btn.kill.active{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.liar-verdict-btn.save:hover,.liar-verdict-btn.save.active{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.liar-verdict-btn.active{box-shadow:0 0 16px rgba(var(--flash-rgb),.15)}.liar-verdict-result{display:inline-flex;align-items:center;gap:10px;margin-top:4px;font-size:30px;font-weight:900;animation:liarPop .45s ease}.liar-verdict-result.kill{color:var(--accent-red)}.liar-verdict-result.save{color:var(--accent-green)}.liar-verdict-score{font-size:15px;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.liar-guess-form{align-items:stretch;margin-top:4px}.liar-guess-note{align-self:center;font-size:12px;color:var(--text-muted)}.liar-answer-shape{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;max-width:100%;padding:2px 0}.liar-answer-word{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.liar-answer-blank,.liar-answer-char{width:22px;height:28px}.liar-answer-blank{border-bottom:3px solid var(--accent);border-radius:1px}.liar-answer-char{font-size:20px;font-weight:800;line-height:28px;text-align:center;color:var(--text-secondary)}.liar-result-banner{display:inline-flex;align-items:center;gap:12px;font-size:34px;font-weight:900;animation:liarPop .5s ease}.liar-result-banner.citizens{color:var(--accent-green)}.liar-result-banner.liar{color:var(--accent-red)}.liar-result-banner.void{color:var(--text-muted)}.liar-result-grid{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 18px;width:100%;max-width:460px;margin:6px 0 2px;padding:16px 20px;border-radius:var(--radius-md);background:var(--bg-translucent);border:1px solid var(--border-color);text-align:left}.liar-result-grid dt{font-size:12px;font-weight:800;color:var(--text-muted);white-space:nowrap}.liar-result-grid dd{margin:0;min-width:0;font-size:15px;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.liar-result-word{font-size:18px;font-weight:900;color:var(--accent-2)}.liar-result-winners{display:flex;flex-wrap:wrap;gap:6px}.liar-plus{display:inline-flex;align-items:center;gap:4px}.liar-plus strong{font-size:13px;font-weight:900;color:var(--accent-green)}.liar-result-next{font-size:12px;color:var(--text-muted)}.liar-hint-row{gap:14px;padding:12px 18px}.liar-hint-name{display:flex;align-items:center;gap:8px;width:140px;flex-shrink:0;min-width:0}.liar-hint-nick{font-size:14px;font-weight:800;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liar-me-tag{font-size:9px;font-weight:900;color:var(--accent-gold);background:#fca31126;padding:1px 4px;border-radius:3px;flex-shrink:0}.liar-hint-text{font-size:16px;font-weight:700;line-height:1.45;color:var(--text-primary);overflow-wrap:anywhere}.liar-hint-muted{font-size:14px;font-weight:600;color:var(--text-muted)}.liar-hint-typing{font-size:14px;font-weight:700;color:var(--accent)}.liar-hint-row.speaking{background:#fca3111a;box-shadow:inset 3px 0 0 var(--accent)}@keyframes liarHintFlash{0%{background-color:#fca31159}to{background-color:transparent}}.liar-hint-row.just-added{animation:liarHintFlash .7s ease-out}@media(max-width:640px){.liar-hint-name{width:96px}.liar-verdict-board{gap:6px}.liar-verdict-col{padding:10px 6px}.liar-role-word{font-size:32px}.liar-countdown-num{font-size:84px}.liar-answer-word{gap:5px}.liar-answer-blank,.liar-answer-char{width:18px}}.lobby-page{flex:1;display:flex;flex-direction:column;min-height:0;background:radial-gradient(ellipse at top,var(--bg-glow) 0%,var(--bg-primary) 70%)}.lobby-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 76px 12px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-translucent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.lobby-topbar-left{display:flex;align-items:center;gap:18px;min-width:0}.lobby-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.lobby-title{font-size:22px;font-weight:900;white-space:nowrap}.lobby-home-btn{padding:8px 16px;font-size:13px}.lobby-room-title-area{display:flex;align-items:center;gap:10px;min-width:0}.lobby-room-badge{font-size:10px;font-weight:800;color:var(--accent-green);background:#10b98126;padding:2px 8px;border-radius:10px;white-space:nowrap}.lobby-room-title-display{font-size:15px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-room-title-display.editable{cursor:pointer;transition:color .2s}.lobby-room-title-display.editable:hover{color:var(--accent)}.lobby-room-title-edit-icon{font-size:13px;opacity:.5}.lobby-room-title-form{display:flex}.lobby-room-title-input{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;padding:4px 10px;width:260px;outline:none}.lobby-layout{flex:1;min-height:0;display:grid;grid-template-columns:1fr;gap:16px;padding:16px;width:100%}.lobby-sidebar{display:flex;flex-direction:column;gap:14px;min-width:0}.lobby-main{min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px}.lobby-chat-panel{display:flex;flex-direction:column;gap:10px;min-width:0}@media(min-width:1100px){.lobby-page{flex:0 0 auto;height:100vh;overflow:hidden}.lobby-layout{--pad-t: 24px;grid-template-columns:300px minmax(0,1fr) 380px;align-items:stretch;gap:20px;padding:var(--pad-t) 28px 14px;max-width:2000px;margin:0 auto;overflow-y:auto;overflow-x:hidden}.lobby-sidebar{position:sticky;top:var(--pad-t);align-self:start}.lobby-chat-panel{position:sticky;top:var(--pad-t);align-self:start;height:var(--pane-h, auto);min-height:0}}@media(min-width:1500px){.lobby-layout{grid-template-columns:340px minmax(0,1fr) 440px;gap:28px;padding:var(--pad-t) 36px 16px}}@media(min-width:1900px){.lobby-layout{grid-template-columns:360px minmax(0,1fr) 480px}}@media(max-width:1099px){.lobby-page{min-height:100vh}.lobby-topbar{flex-wrap:wrap}.lobby-layout{max-width:760px;margin:0 auto}}.lobby-sidebar .invite-code{margin-top:0;padding:18px 20px}.lobby-sidebar .invite-value{font-size:40px;letter-spacing:8px}.lobby-players:hover{transform:none;box-shadow:var(--shadow-card)}.lobby-settings{display:flex;flex-direction:column;gap:22px;padding:24px 28px 28px}.lobby-settings:hover{transform:none;box-shadow:var(--shadow-card)}.settings-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.settings-title{font-size:20px;font-weight:800}.settings-sub{font-size:12px;color:var(--text-muted)}.setting-block{display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:var(--bg-translucent);border:1px solid var(--border-color);border-radius:var(--radius-md)}.setting-block .form-label{font-size:13px;font-weight:700;color:var(--text-secondary);display:flex;align-items:center}.setting-empty{font-size:13px;color:var(--text-muted);padding:6px 0}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}@media(min-width:640px){.settings-grid{grid-template-columns:repeat(auto-fit,minmax(max(300px,calc(50% - 7px)),1fr))}}.rounds-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-round{flex:1 1 0;min-width:56px;padding:10px 6px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition)}.btn-round.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.btn-round:hover:not(.active){border-color:var(--accent)}.rounds-slider-row{display:flex;align-items:center;gap:12px}.rounds-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:3px;outline:none;cursor:pointer}.rounds-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;border:2px solid var(--bg-card);box-shadow:0 0 8px var(--accent-glow);cursor:pointer;transition:transform .15s}.rounds-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.rounds-slider::-moz-range-thumb{width:20px;height:20px;background:var(--accent);border-radius:50%;border:2px solid var(--bg-card);box-shadow:0 0 8px var(--accent-glow);cursor:pointer}.rounds-input{width:60px;padding:6px 4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:16px;font-weight:700;text-align:center;outline:none;transition:border-color var(--transition);-moz-appearance:textfield}.rounds-input::-webkit-inner-spin-button,.rounds-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rounds-input:focus{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.rounds-max{font-size:14px;color:var(--text-muted);font-weight:600;white-space:nowrap}.hint-delay-setting{margin-top:4px;padding-top:12px;border-top:1px dashed var(--border-color);display:flex;flex-direction:column;gap:8px}.form-label-small{font-size:12px;color:var(--text-muted);font-weight:600;display:flex;align-items:center}.lobby-start-bar{margin-top:6px;padding-bottom:6px}.lobby-start-btn{padding:16px 24px;font-size:18px}.lobby-start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.lobby-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:56px 24px;text-align:center;flex:1}.lobby-waiting:hover{transform:none;box-shadow:var(--shadow-card)}.waiting-label{font-size:12px;color:var(--text-muted);font-weight:700;letter-spacing:1px;text-transform:uppercase}.lobby-quiz-name{background:linear-gradient(135deg,var(--accent),var(--accent-2));padding:8px 22px;border-radius:var(--radius-xl);font-size:17px;font-weight:700;color:var(--on-accent);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waiting-text{color:var(--text-secondary);font-size:16px}.waiting-sub{color:var(--text-muted);font-size:13px}.label-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;font-size:10px;font-weight:700;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;cursor:help;position:relative;vertical-align:middle;transition:all .15s}.label-help:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 12px;font-size:12px;font-weight:400;line-height:1.5;white-space:pre-line;width:max-content;max-width:260px;box-shadow:0 4px 16px #0000004d;z-index:100;pointer-events:none;animation:tooltipUp .15s ease}.quiz-selected-card{display:flex;flex-wrap:wrap;align-items:stretch;gap:18px;padding:14px;background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-md);box-shadow:0 0 12px var(--accent-glow)}.quiz-selected-card.empty{border-color:var(--border-color);box-shadow:none}.quiz-selected-thumb.quiz-thumb-preview{width:220px;flex-shrink:0}.quiz-selected-info{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.quiz-selected-title{font-size:20px;font-weight:800;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-selected-card.empty .quiz-selected-title{color:var(--text-muted);font-size:16px;font-weight:600}.quiz-change-btn{margin-top:auto;font-size:13px;padding:9px 16px}@media(max-width:640px){.quiz-selected-card{flex-direction:column}.quiz-selected-thumb.quiz-thumb-preview{width:100%}}.qi-badge{display:inline-block;align-self:flex-start;font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;line-height:1.4}.qi-badge.builtin{background:#10b98126;color:var(--accent-green)}.qi-badge.saved{background:#fca31126;color:var(--accent)}.qi-badge.custom{background:#ffc24726;color:var(--accent-2)}.qi-badge.recent{background:var(--surface-muted);color:var(--text-secondary)}.qi-badge.shared{background:#fca31126;color:var(--accent-gold)}.qi-count{font-size:13px;color:var(--text-muted);flex-shrink:0}.quiz-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}.quiz-picker-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:1120px;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000080;animation:slideUp .25s ease}.quiz-picker-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.quiz-picker-header h2{font-size:20px;font-weight:800}.quiz-picker-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:16px;cursor:pointer;transition:all .15s}.quiz-picker-close:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.quiz-picker-tabs{display:flex;gap:4px;margin:16px 24px 0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px}.quiz-picker-tab{flex:1;padding:8px 12px;background:none;border:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s;font-family:var(--font-family)}.quiz-picker-tab:hover{color:var(--text-primary)}.quiz-picker-tab.active{background:var(--accent);color:var(--on-accent)}.quiz-picker-search{position:relative;margin:12px 24px 0}.quiz-picker-search-input{width:100%;padding:10px 36px 10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:14px;outline:none;transition:border-color var(--transition);box-sizing:border-box}.quiz-picker-search-input:focus{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.quiz-picker-search-input::placeholder{color:var(--text-muted)}.quiz-picker-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:4px;border-radius:4px;transition:color .15s}.quiz-picker-search-clear:hover{color:var(--text-primary)}.quiz-picker-toolbar{display:flex;gap:8px;margin:10px 24px 0;align-items:center}.quiz-picker-sort-toggle{display:flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.quiz-picker-sort-btn{padding:5px 10px;background:none;border:none;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-family)}.quiz-picker-sort-btn.active{background:var(--accent);color:var(--on-accent)}.quiz-picker-refresh-btn{padding:5px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:16px;cursor:pointer;transition:color .2s,border-color .2s;line-height:1;margin-left:auto}.quiz-picker-refresh-btn:hover{color:var(--accent);border-color:var(--accent)}.quiz-picker-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px 24px 24px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}.quiz-picker-grid::-webkit-scrollbar{width:6px}.quiz-picker-grid::-webkit-scrollbar-track{background:transparent}.quiz-picker-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.quiz-picker-card{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;text-align:left;font-family:var(--font-family);color:var(--text-primary)}.quiz-picker-card:hover{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:0 0 12px var(--accent-glow);transform:translateY(-2px)}.quiz-picker-card.active{border-color:var(--accent);background:#fca3111a;box-shadow:0 0 12px var(--accent-glow)}.quiz-picker-card .quiz-thumb-card{margin-bottom:8px}.quiz-picker-card .qi-fav-btn{z-index:1}.quiz-picker-card-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.quiz-picker-card-title-inner{display:inline-block;white-space:nowrap}.quiz-picker-card-title.overflowing{text-overflow:clip}.quiz-picker-card:hover .quiz-picker-card-title.overflowing .quiz-picker-card-title-inner{animation:picker-marquee-scroll var(--marquee-duration, 3s) ease-in-out infinite}@keyframes picker-marquee-scroll{0%,15%{transform:translate(0)}50%,65%{transform:translate(var(--marquee-offset))}to{transform:translate(0)}}.quiz-picker-card-count{font-size:12px;color:var(--text-muted)}.quiz-picker-card-meta{font-size:11px;color:var(--accent-gold)}.quiz-picker-card-date{font-size:10px;color:var(--text-muted)}.quiz-picker-card-saves{margin-left:6px;font-size:11px;color:var(--accent-gold);font-weight:600}.qi-fav-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-translucent);border:none;color:var(--text-muted);font-size:14px;cursor:pointer;border-radius:6px;transition:all .15s;opacity:0}.qi-fav-btn.active{color:var(--accent-gold);opacity:1}.quiz-picker-card:hover .qi-fav-btn{opacity:1}.qi-fav-btn:hover{background:var(--accent-gold);color:var(--on-accent)}.quiz-picker-card.downloading{opacity:.6;pointer-events:none}.quiz-picker-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-size:14px;padding:32px 0}.lobby-chat-panel .chat-box{background:var(--bg-card-translucent)}@media(min-width:1100px){.lobby-chat-panel .chat-box{border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}}.lobby-chat-form{display:flex;gap:8px;flex-shrink:0}@media(min-width:1100px){.lobby-chat-panel{padding-bottom:14px;box-sizing:border-box}}.lobby-chat-input{flex:1;min-width:0;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:14px;outline:none;transition:border-color var(--transition)}.lobby-chat-input:focus{border-color:var(--accent)}.lobby-chat-input::placeholder{color:var(--text-muted)}.lobby-chat-send{padding:10px 18px;font-size:14px;flex-shrink:0}.audio-player{display:flex;flex-direction:column;align-items:center;padding:40px 24px;position:relative;min-height:270px;container-type:inline-size;container-name:audio}.audio-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:112px}.sound-wave-large{display:flex;align-items:center;justify-content:center;gap:3px;height:80px}.sound-wave-large .bar{width:4px;height:20px;background:linear-gradient(to top,var(--accent),var(--accent-2));border-radius:2px;transition:transform .3s;transform:scaleY(.2)}.sound-wave-large.playing .bar{animation:soundBarLarge .6s ease-in-out infinite}.sound-wave-large .bar:nth-child(1){animation-delay:0s}.sound-wave-large .bar:nth-child(2){animation-delay:.05s}.sound-wave-large .bar:nth-child(3){animation-delay:.1s}.sound-wave-large .bar:nth-child(4){animation-delay:.15s}.sound-wave-large .bar:nth-child(5){animation-delay:.2s}.sound-wave-large .bar:nth-child(6){animation-delay:.25s}.sound-wave-large .bar:nth-child(7){animation-delay:.3s}.sound-wave-large .bar:nth-child(8){animation-delay:.35s}.sound-wave-large .bar:nth-child(9){animation-delay:.3s}.sound-wave-large .bar:nth-child(10){animation-delay:.25s}.sound-wave-large .bar:nth-child(11){animation-delay:.2s}.sound-wave-large .bar:nth-child(12){animation-delay:.15s}.sound-wave-large .bar:nth-child(13){animation-delay:.1s}.sound-wave-large .bar:nth-child(14){animation-delay:.05s}.sound-wave-large .bar:nth-child(15){animation-delay:0s}@keyframes soundBarLarge{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}.audio-status{font-size:16px;color:var(--text-secondary);font-weight:500}.player-controls{display:flex;justify-content:flex-end;width:100%;margin:-22px 0 6px}.volume-control{display:flex;align-items:center;gap:8px;width:100%;max-width:280px;margin-top:16px;color:var(--text-muted)}.volume-icon{flex-shrink:0;width:24px;color:var(--text-secondary)}.volume-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-primary);border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 6px var(--accent-glow)}.volume-value{font-size:12px;color:var(--text-muted);min-width:24px;text-align:right;font-variant-numeric:tabular-nums}.giveup-btn{padding:8px 16px;white-space:nowrap;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:all .2s}.giveup-btn:hover:not(:disabled){background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.giveup-btn.giveup-active{background:var(--accent-red);color:#fff;border-color:var(--accent-red);cursor:default;box-shadow:0 0 8px #e74c3c80,0 0 16px #e74c3c4d;animation:giveup-glow 1.5s ease-in-out infinite alternate}@keyframes giveup-glow{0%{box-shadow:0 0 6px #e74c3c66,0 0 12px #e74c3c33}to{box-shadow:0 0 12px #e74c3cb3,0 0 24px #e74c3c66}}@container audio (min-width: 600px){.player-controls{position:absolute;top:14px;right:16px;width:auto;margin:0}}.answer-inline{text-align:center;padding:8px 0}.answer-inline-label{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.answer-inline-label.answer-inline-note{font-style:italic}.answer-inline-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.answer-inline-cat{font-size:13px;font-weight:700;color:var(--text-muted)}.answer-inline-text{font-size:24px;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.answer-inline-claimer{font-size:12px;font-weight:600;color:var(--accent-green);white-space:nowrap}.yt-debug-toggle{margin-top:12px;padding:6px 16px;font-size:12px;font-weight:600;color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.yt-debug-toggle:hover{color:var(--text-secondary);border-color:#fca31166}.yt-container{width:100%;display:flex;flex-direction:column;padding:0 12px;background:#0006;border-radius:8px;border:1px solid rgba(252,163,17,.3);max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .35s ease,opacity .25s ease,padding .35s ease,margin .35s ease}.yt-container.yt-open{max-height:600px;opacity:1;padding:12px;margin-top:8px;overflow:visible}.yt-debug-slot{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden;background:#0000004d}.yt-debug-label{font-size:11px;font-family:monospace;padding:4px 6px;background:#000c;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-debug-error{font-size:12px;font-family:monospace;padding:6px 8px;background:#dc262626;color:#f87171;border:1px solid rgba(220,38,38,.3);border-radius:4px;margin:4px 0;font-weight:600}.yt-iframe-wrap{position:relative;width:100%}.yt-debug-slot iframe{width:100%!important;height:320px!important;display:block}.yt-overlay-panels{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none;transition:opacity .3s ease}.yt-overlay-panels.yt-hidden{opacity:0}.yt-overlay-panels.yt-hidden .yt-block-panel{pointer-events:none}.yt-block-panel{position:absolute;background:#000;pointer-events:auto}.yt-block-top{top:0;left:0;right:0;bottom:100px}.yt-block-bottom-left{bottom:0;left:0;right:50%;height:100px}.yt-block-bottom-right{bottom:0;right:0;left:50%;height:100px;pointer-events:none}.yt-skip-hint{position:absolute;bottom:76px;right:8px;color:#ffffff80;font-size:11px;font-weight:600;padding:4px 10px;border:1px dashed rgba(255,255,255,.3);border-radius:4px;letter-spacing:.5px;animation:ytSkipPulse 2s ease-in-out infinite}@keyframes ytSkipPulse{0%,to{opacity:.5}50%{opacity:1}}.yt-reveal-btn{position:absolute;top:4px;right:4px;z-index:11;pointer-events:auto;background:#14213dd9;color:var(--text-secondary);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s;text-align:left;line-height:1.4}.yt-reveal-btn:hover{background:#1b2c52f2;color:var(--text-primary)}.yt-reveal-warn{display:block;font-size:9px;font-weight:400;color:var(--accent-red);margin-top:2px;line-height:1.3}.answer-form{width:100%}.answer-input-wrap{display:flex;gap:8px}.answer-input{flex:1;font-size:18px;font-weight:500}.answer-btn{padding:12px 20px;white-space:nowrap}.answer-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.wrong-answer-msg{color:var(--accent-red);font-size:14px;font-weight:600;height:22px;margin-bottom:4px;visibility:hidden}.wrong-answer-msg.visible{visibility:visible;animation:fadeIn .3s}.game-page{flex:1;display:flex;flex-direction:column;min-height:0;background:radial-gradient(ellipse at top,var(--bg-glow) 0%,var(--bg-primary) 70%)}.game-topbar{display:flex;align-items:center;gap:20px;padding:12px 76px 12px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-translucent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex:0 1 auto}.topbar-thumb.quiz-thumb-small{width:64px;height:36px;border-radius:6px}.topbar-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar-quiz{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-round{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.topbar-round strong{color:var(--text-primary);font-weight:900}.topbar-mode{font-size:10px;font-weight:700;color:var(--accent);background:#fca31126;padding:1px 7px;border-radius:10px;letter-spacing:.3px}.topbar-progress{flex:1;height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden;min-width:80px}.topbar-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:3px;transition:width .4s ease}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-home,.btn-skip{padding:8px 16px;font-size:13px}.btn-skip{color:var(--text-muted)}.btn-skip:hover:not(:disabled){color:var(--accent-red);border-color:var(--accent-red)}.btn-skip:disabled{opacity:.4;cursor:not-allowed}.game-layout{flex:1;min-height:0;display:grid;grid-template-columns:1fr;gap:16px;padding:16px;width:100%}.game-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}.game-main{min-width:0;min-height:0}.game-stage{display:flex;flex-direction:column;gap:16px}.game-chat-panel{display:flex;flex-direction:column;gap:10px;min-width:0}@media(min-width:1100px){.game-page{flex:0 0 auto;height:100vh;overflow:hidden}.game-layout{--pad-t: 24px;grid-template-columns:280px minmax(0,1fr) 380px;align-items:stretch;gap:20px;padding:var(--pad-t) 28px 28px;max-width:2000px;margin:0 auto;overflow-y:auto;overflow-x:hidden}.game-sidebar{position:sticky;top:var(--pad-t);align-self:start}.game-main{position:relative;z-index:1;display:flex;flex-direction:column}.game-stage{margin:auto 0;gap:20px;padding:4px 0}.game-chat-panel{position:sticky;top:var(--pad-t);align-self:start;height:var(--pane-h, auto);min-height:0}}@media(min-width:1500px){.game-layout{grid-template-columns:320px minmax(0,1fr) 440px;gap:28px;padding:var(--pad-t) 36px 32px}}@media(min-width:1900px){.game-layout{grid-template-columns:340px minmax(0,1fr) 480px}}@media(max-width:1099px){.game-page{min-height:100vh}.game-topbar{flex-wrap:wrap;gap:10px 16px}.topbar-progress{order:3;flex-basis:100%}.topbar-right{margin-left:auto}.game-layout{max-width:760px;margin:0 auto}.game-chat-panel{position:sticky;bottom:0;z-index:50;margin:0 -16px -16px;padding:12px 16px 14px;background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:0 -8px 24px #00000059}}.game-sidebar .invite-code{margin-top:0;padding:12px 16px;gap:4px;animation:none}.game-sidebar .invite-label{font-size:11px}.game-sidebar .invite-value{font-size:26px;letter-spacing:6px}.game-sidebar .invite-copy{font-size:11px}.game-scoreboard{padding:14px 14px 12px}.game-scoreboard:hover{transform:none;box-shadow:var(--shadow-card)}.sb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.sb-title{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sb-title-count{background:var(--bg-primary);padding:2px 10px;border-radius:var(--radius-xl);color:var(--text-secondary);text-transform:none}.sb-list{display:flex;flex-direction:column;gap:4px}.sb-row{display:grid;grid-template-columns:20px 30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .2s,border-color .2s}.sb-row.sb-me{background:#fca3111a;border-color:#fca31140}.sb-row.sb-top .sb-rank{color:var(--accent-gold)}.sb-rank{font-size:13px;font-weight:900;color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums}.sb-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:var(--on-accent)}.sb-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;min-width:0}.sb-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-host{font-size:9px;font-weight:900;color:var(--accent-gold);background:#fca31126;padding:1px 4px;border-radius:3px;flex-shrink:0}.sb-loading{font-size:9px;font-weight:900;color:var(--text-secondary);background:var(--surface-muted);padding:1px 4px;border-radius:3px;flex-shrink:0;animation:loadingPulse 1.2s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.4}}.sb-score{font-size:16px;font-weight:900;color:var(--accent-2);font-variant-numeric:tabular-nums;white-space:nowrap}.sb-score small{font-size:11px;font-weight:700;margin-left:1px;opacity:.8}.game-main .audio-player{padding:44px 32px 32px;min-height:280px}.game-main .audio-player:hover{transform:none;box-shadow:var(--shadow-card)}.game-main .sound-wave-large{height:96px;gap:5px}.game-main .sound-wave-large .bar{width:6px;height:26px}.game-main .audio-status{font-size:17px}.game-main .volume-control{max-width:360px}.game-main .answer-inline-text{font-size:30px}.category-board{position:relative;display:flex;flex-direction:column;background:#fca31114;border:1px solid rgba(252,163,17,.2);border-radius:var(--radius-md);overflow:hidden;animation:fadeIn .5s ease}.cat-row{display:flex;align-items:center;gap:16px;padding:14px 20px;transition:all .3s ease}.cat-row+.cat-row{border-top:1px solid rgba(252,163,17,.15)}.cat-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cat-row.cat-claimed{background:#10b98114}.cat-label{font-size:13px;font-weight:800;color:var(--accent);white-space:nowrap;min-width:56px}.cat-claimed .cat-label{color:var(--accent-green)}.cat-hint-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cat-hint{font-size:18px;font-weight:800;letter-spacing:3px;color:var(--accent-2)}.cat-unknown{font-size:18px;font-weight:700;color:var(--text-muted);letter-spacing:4px}.cat-claimers{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;animation:fadeIn .3s ease}.cat-claimer{display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease}.cat-claimer-name{font-size:15px;font-weight:800;color:var(--accent-green)}.cat-claimer.first-claimer .cat-claimer-name{color:var(--accent-gold)}.cat-claimer-text{font-size:12px;font-weight:600;color:var(--text-muted);font-style:italic}.cat-claimer-time{font-size:13px;font-weight:700;color:var(--accent-green);opacity:.7;font-variant-numeric:tabular-nums}.cat-claimer.first-claimer .cat-claimer-time{color:var(--accent-gold)}.cat-claimer-bonus{font-size:11px;font-weight:900;color:var(--accent-gold);background:#fca31126;padding:1px 6px;border-radius:4px}.cat-claimer-bonus.sub{color:var(--accent-green);background:#10b98126}.cat-row.cat-revealed{background:#ffc24714}.cat-revealed .cat-label{color:var(--accent-2)}.cat-answer-text{font-size:18px;font-weight:800;color:var(--accent-2);animation:fadeIn .3s ease}.cat-claimed .cat-answer-text{color:var(--accent-green)}.hint-custom-text{font-size:13px;font-weight:600;color:var(--accent-green);padding:2px 8px;background:#10b9811a;border-radius:4px}.timer-section{display:flex;align-items:center;gap:14px}.timer-bar-container{flex:1;height:10px;background:var(--bg-card);border-radius:5px;overflow:hidden;position:relative}.timer-hint-marker{position:absolute;top:0;bottom:0;width:2px;background:var(--hint-marker);z-index:1;opacity:.8;box-shadow:0 0 4px var(--hint-marker)}.timer-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:5px;transition:width .05s linear,background .4s ease}.timer-bar.timer-bar-hint{background:linear-gradient(90deg,var(--hint-bar-a),var(--hint-bar-b))}.timer-text{font-size:24px;font-weight:900;color:var(--accent-2);min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.cat-progress{text-align:center;color:var(--accent);font-weight:600;font-size:13px}.game-chat-panel .chat-box{background:var(--bg-card-translucent)}.game-chat-panel .answer-form{flex-shrink:0}.game-chat-panel .answer-input-wrap{flex-wrap:wrap}.game-chat-panel .answer-input{flex:1 1 160px;min-width:0;font-size:16px}.game-chat-panel .wrong-answer-msg{height:20px;margin-bottom:2px}@media(min-width:1100px){.game-chat-panel .chat-box{border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}}@keyframes boardBurst{0%{border-color:#10b981e6;box-shadow:0 0 calc(8px + 22px * var(--burst-i, 0)) calc(2px + 8px * var(--burst-i, 0)) #10b98199,0 0 calc(200px * var(--burst-i, 0)) calc(80px * var(--burst-i, 0)) rgba(var(--flash-rgb),calc(.9 * var(--burst-i, 0)))}20%{border-color:#10b98180;box-shadow:0 0 calc(18px + 30px * var(--burst-i, 0)) calc(6px + 14px * var(--burst-i, 0)) #10b98159,0 0 calc(300px * var(--burst-i, 0)) calc(120px * var(--burst-i, 0)) rgba(var(--flash-rgb),calc(.4 * var(--burst-i, 0)))}to{border-color:#fca31133;box-shadow:0 0 0 0 transparent,0 0 0 0 transparent}}.category-board.board-burst{animation:boardBurst .9s ease-out}@keyframes claimFlash{0%{background-color:rgba(16,185,129,calc(.3 + .5 * var(--burst-i, 0)));box-shadow:inset 0 0 calc(60px * var(--burst-i, 0)) calc(20px * var(--burst-i, 0)) rgba(var(--flash-rgb),calc(.45 * var(--burst-i, 0)))}to{background-color:#10b98114;box-shadow:inset 0 0 0 0 transparent}}.cat-row.cat-just-claimed{animation:claimFlash .6s ease-out}@keyframes slashCut{0%{transform:translateY(-50%) scaleX(0);opacity:1}25%{transform:translateY(-50%) scaleX(1.05);opacity:1}to{transform:translateY(-50%) scaleX(1.05);opacity:0}}.category-board.board-slash:before{content:"";position:absolute;top:50%;left:0;right:0;height:calc(1px + 2px * var(--burst-i, .5));z-index:10;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(var(--flash-rgb),.5) 10%,rgb(var(--flash-rgb)) 50%,rgba(var(--flash-rgb),.5) 90%,transparent);box-shadow:0 0 calc(8px + 20px * var(--burst-i, .5)) calc(2px + 6px * var(--burst-i, .5)) rgba(var(--flash-rgb),.8),0 0 calc(16px + 40px * var(--burst-i, .5)) calc(4px + 10px * var(--burst-i, .5)) #10b9814d;animation:slashCut .45s ease-out forwards}.liar-phase-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.liar-phase-sweep:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:50%;background:linear-gradient(100deg,transparent,rgba(252,163,17,.11),transparent);animation:liarSweep .9s ease-out forwards}@keyframes liarSweep{to{left:115%}}.liar-phase-body{display:flex;flex-direction:column;align-items:center;width:100%;animation:liarPhaseIn .45s cubic-bezier(.2,.8,.2,1) both}@keyframes liarPhaseIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.liar-hit-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 2px var(--flash, rgba(252, 163, 17, .6)),0 0 42px var(--flash-glow, rgba(252, 163, 17, .3))}.liar-panel[data-hit]>.liar-hit-flash{animation:liarHitFlash .9s ease-out var(--hit) forwards}.liar-panel.liar-phase-countdown>.liar-hit-flash,.liar-panel.liar-phase-role_reveal>.liar-hit-flash,.liar-panel.plain-entry>.liar-hit-flash{display:none}@keyframes liarHitFlash{0%{opacity:1}to{opacity:0}}.liar-panel .liar-spot-hint{animation:liarSlam .4s linear calc(var(--hit, .16s) - .16s) both}.liar-panel .liar-defense-line{animation:fadeIn .25s ease calc(var(--hit, .06s) - .06s) both}.liar-panel[data-hit] .liar-topic>.liar-panel-title{animation:liarThump .4s cubic-bezier(.2,.6,.35,1) var(--hit) forwards}@keyframes liarThump{0%{transform:scale(1.08);color:var(--accent)}to{transform:scale(1)}}@keyframes liarSlam{0%{opacity:0;transform:scale(1.3);animation-timing-function:cubic-bezier(.55,0,1,.45)}40%{opacity:1;transform:scale(.95);animation-timing-function:cubic-bezier(.2,.6,.35,1)}70%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes liarStampSlam{0%{opacity:0;transform:scale(1.4) rotate(-6deg);animation-timing-function:cubic-bezier(.55,0,1,.45)}40%{opacity:1;transform:scale(.93) rotate(-2deg);animation-timing-function:cubic-bezier(.2,.6,.35,1)}70%{transform:scale(1.03) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}@keyframes liarDropIn{0%{opacity:0;transform:translateY(-26px);animation-timing-function:cubic-bezier(.55,0,1,.45)}40%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.2,.6,.35,1)}65%{transform:translateY(-4px)}to{opacity:1;transform:none}}.liar-panel-corner{position:absolute;top:14px;left:14px;right:14px;z-index:2;display:flex;pointer-events:none}.liar-panel-corner .liar-role-chip{max-width:100%;padding:7px 14px;font-size:14px;pointer-events:auto;box-shadow:0 4px 14px #0000002e}.liar-panel-corner .liar-role-chip.citizen strong{font-size:16px}.game-main .liar-panel.has-corner,.game-main .liar-panel.has-corner.liar-phase-vote{padding-top:70px}.liar-countdown-wrap{display:grid;place-items:center;width:176px;height:176px}.liar-countdown-step{grid-area:1 / 1;position:relative;display:inline-flex;align-items:center;justify-content:center}.liar-panel .liar-countdown-num{translate:var(--ink-x, 0px) var(--ink-y, 0px);opacity:0;animation:liarCountIn .45s linear calc(var(--hit, 72ms) - 72ms + var(--i) * 1s) both,liarCountOut .12s ease-in calc(var(--hit, 72ms) + var(--i) * 1s + .86s) forwards}.liar-panel .liar-countdown-step:last-child .liar-countdown-num{animation:liarCountIn .45s linear calc(var(--hit, 72ms) - 72ms + var(--i) * 1s) both}.liar-countdown-step:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:3px solid var(--accent);opacity:0;animation:liarRing .9s ease-out calc(var(--hit, 72ms) + var(--i) * 1s) forwards}@keyframes liarCountIn{0%{opacity:0;transform:scale(1.7);animation-timing-function:cubic-bezier(.5,0,1,.6)}16%{opacity:1;transform:scale(.93);animation-timing-function:cubic-bezier(.2,.6,.3,1)}45%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes liarCountOut{to{opacity:0;transform:scale(.85)}}@keyframes liarRing{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.45);opacity:0}}.liar-phase-role_reveal .liar-role{animation:liarFlipIn .4s linear calc(var(--hit, .25s) - .25s) both}@keyframes liarFlipIn{0%{opacity:0;transform:perspective(900px) rotateY(80deg) scale(.9);animation-timing-function:cubic-bezier(.45,0,.9,.55)}30%{opacity:1}62.5%{opacity:1;transform:perspective(900px) rotateY(0) scale(1.03);animation-timing-function:cubic-bezier(.2,.6,.35,1)}to{opacity:1;transform:none}}.liar-panel .liar-role-title,.liar-panel .liar-role-word{animation:liarSlam .4s linear calc(var(--hit, .25s) + .12s - .16s) both}.liar-panel.fx-role-liar{animation:liarRedGlow 1.6s ease-in-out calc(var(--hit, .25s) + .12s) infinite}.liar-panel.fx-role-citizen .liar-role-word{background-image:linear-gradient(110deg,var(--accent) 0%,var(--accent-2) 40%,#fff3cf 50%,var(--accent-2) 60%,var(--accent) 100%);background-size:260% 100%;animation:liarSlam .4s linear calc(var(--hit, .25s) + .12s - .16s) both,liarShimmer 1.8s ease calc(var(--hit, .25s) + .45s) 2}@keyframes liarShimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes liarRedGlow{0%,to{box-shadow:var(--shadow-card),0 0 0 1px #ef444459}50%{box-shadow:var(--shadow-card),0 0 0 1px #ef4444b3,0 0 36px #ef444447}}.liar-spot{position:relative}.liar-spot:before,.liar-defense:before{content:"";position:absolute;top:-58px;left:50%;width:300px;height:240px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(252,163,17,.16),transparent);pointer-events:none;animation:liarFade .6s ease}.liar-spot .liar-avatar-lg{animation:liarSpeaker 1.8s ease-in-out infinite}@keyframes liarSpeaker{0%,to{box-shadow:0 0 0 4px var(--bg-card),0 0 0 6px #fca31159}50%{box-shadow:0 0 0 4px var(--bg-card),0 0 0 10px #fca3112e,0 0 24px #fca31159}}.liar-panel.liar-phase-vote{animation:liarGoldGlow 2.6s ease-in-out infinite}@keyframes liarGoldGlow{0%,to{box-shadow:var(--shadow-card),0 0 0 1px #fca31133}50%{box-shadow:var(--shadow-card),0 0 0 1px #fca31180,0 0 30px #fca3112e}}.liar-defense{position:relative}.liar-defense:before{top:-68px;height:200px;background:radial-gradient(closest-side,rgba(239,68,68,.14),transparent)}.liar-defense .liar-avatar-lg{animation:liarHeartbeat 1.2s ease-in-out infinite}@keyframes liarHeartbeat{0%,40%,to{transform:scale(1)}12%{transform:scale(1.08)}24%{transform:scale(1.02)}32%{transform:scale(1.06)}}.liar-panel .liar-verdict-result{animation:liarStampSlam .4s linear calc(var(--hit, .16s) - .16s) both}.liar-panel.fx-verdict-kill{animation:liarShake .45s ease .16s}.liar-panel.fx-verdict-save{box-shadow:var(--shadow-card),0 0 0 1px #10b98173,0 0 32px #10b9812e;transition:box-shadow .4s ease}@keyframes liarShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.liar-panel.liar-phase-reveal{background:radial-gradient(ellipse at 50% 40%,var(--bg-card) 0%,var(--bg-secondary) 100%)}.liar-reveal{gap:14px}.liar-reveal-avatar{position:relative;display:inline-flex}.liar-reveal .liar-avatar-lg{width:76px;height:76px;font-size:30px;transition:filter .5s ease,box-shadow .4s ease}.liar-reveal-mask{position:absolute;right:-14px;bottom:-8px;color:var(--accent-red);filter:drop-shadow(0 0 10px rgba(239,68,68,.6));animation:liarStampSlam .4s linear both}.liar-reveal-line{font-size:24px;font-weight:800;color:var(--text-primary)}.liar-reveal-line strong{color:var(--accent)}.liar-reveal-answer{font-size:46px;font-weight:900;line-height:1.1}.liar-reveal.is-liar .liar-reveal-answer{color:var(--accent-red);text-shadow:0 0 28px rgba(239,68,68,.45);animation:liarStampSlam .4s linear calc(var(--hit, .16s) - .16s) both}.liar-reveal.is-liar .liar-avatar-lg{box-shadow:0 0 0 4px var(--bg-card),0 0 0 7px var(--accent-red),0 0 30px #ef444480}.liar-panel.liar-phase-reveal:has(.liar-reveal.is-liar){animation:liarShake .45s ease .16s,liarRedGlow 1.6s ease-in-out .6s infinite}.liar-reveal.is-innocent .liar-reveal-answer{color:var(--text-secondary);animation:liarDropIn .4s linear calc(var(--hit, .16s) - .16s) both}.liar-reveal.is-innocent .liar-avatar-lg{filter:grayscale(1) brightness(.8)}.liar-panel.liar-phase-liar_guess{animation:liarRedGlow 1.4s ease-in-out infinite}.liar-guess-result{gap:12px}.liar-guess-big{max-width:100%;font-size:52px;font-weight:900;line-height:1.15;color:var(--text-primary);word-break:keep-all;overflow-wrap:anywhere;animation:liarPop .45s ease}.liar-guess-result.correct .liar-guess-big{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.liar-guess-result.wrong .liar-guess-big{color:var(--text-muted);text-decoration:line-through;text-decoration-color:#ef4444b3;text-decoration-thickness:3px}.liar-guess-verdict{display:flex;align-items:center;justify-content:center;min-height:42px}.liar-guess-stamp{display:inline-block;padding:4px 8px 4px 10px;border:3px solid currentColor;border-radius:8px;font-size:18px;font-weight:900;letter-spacing:2px;animation:liarStampSlam .4s linear calc(var(--hit, .16s) - .16s) both}.liar-guess-result.correct .liar-guess-stamp{color:var(--accent)}.liar-guess-result.wrong .liar-guess-stamp{color:var(--accent-red)}.liar-guess-real{font-size:14px;color:var(--text-muted);opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.liar-guess-real.visible{opacity:1;transform:none}.liar-guess-real strong{color:var(--text-primary);font-size:16px}.liar-panel.liar-phase-guess_result:has(.liar-guess-result.correct){animation:liarRedGlow 1.4s ease-in-out infinite}.liar-panel .liar-result-banner{animation:liarSlam .4s linear calc(var(--hit, .16s) - .16s) both}.liar-panel.fx-result-citizens .liar-result-banner{text-shadow:0 0 26px rgba(16,185,129,.45)}.liar-panel.fx-result-liar .liar-result-banner{text-shadow:0 0 26px rgba(239,68,68,.45)}.liar-panel.fx-result-citizens{--flash: rgba(16, 185, 129, .65);--flash-glow: rgba(16, 185, 129, .32);box-shadow:var(--shadow-card),0 0 0 1px #10b98166,0 0 34px #10b98129}.liar-panel.fx-result-liar{--flash: rgba(239, 68, 68, .65);--flash-glow: rgba(239, 68, 68, .32);box-shadow:var(--shadow-card),0 0 0 1px #ef444466,0 0 34px #ef444429}.liar-panel.fx-result-void{--flash: rgba(148, 163, 184, .6);--flash-glow: rgba(148, 163, 184, .25)}.liar-result-fate{margin-left:8px;padding:1px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:800}.liar-result-fate.kill{color:var(--accent-red);background:#ef44441f}.liar-result-fate.save{color:var(--accent-green);background:#10b9811f}@media(max-width:640px){.liar-reveal-answer{font-size:36px}.liar-guess-big{font-size:38px}.liar-guess-stamp{font-size:15px}}@media(prefers-reduced-motion:reduce){.liar-panel,.liar-panel *,.liar-panel *:before,.liar-panel *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.liar-topbar-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:36px;border-radius:6px;flex-shrink:0;color:var(--accent);background:linear-gradient(135deg,var(--bg-card),var(--bg-primary));border:1px solid rgba(252,163,17,.35)}.liar-role-chip{display:inline-flex;align-items:center;gap:6px;max-width:320px;padding:6px 12px;border-radius:var(--radius-xl);font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fadeIn .3s ease}.liar-role-chip.citizen{color:var(--text-primary);background:#fca3111f;border:1px solid rgba(252,163,17,.35)}.liar-role-chip.citizen svg,.liar-role-chip.citizen .liar-role-chip-cat{color:var(--accent)}.liar-role-chip.citizen strong{font-weight:900;overflow:hidden;text-overflow:ellipsis}.liar-role-chip.liar{color:var(--accent-red);background:#ef44441f;border:1px solid rgba(239,68,68,.4)}.liar-role-chip.spectator{color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border-color)}.liar-role-chip-cat{font-weight:800}.game-main .liar-panel{padding:44px 32px 32px;min-height:280px}.game-main .liar-panel.liar-phase-vote{padding:28px 20px 18px}.liar-game .category-board.liar-hint-board{animation:fadeIn .4s ease}.liar-game .answer-form-highlight .answer-input{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);animation:liarInputGlow 1.6s ease-in-out infinite}@keyframes liarInputGlow{0%,to{box-shadow:0 0 0 3px var(--accent-glow)}50%{box-shadow:0 0 0 5px var(--accent-glow),0 0 18px var(--accent-glow)}}@media(min-width:1100px){.liar-game .game-layout{transition:grid-template-columns .45s ease}.liar-game .game-layout.liar-wide{grid-template-columns:236px minmax(0,1fr) 330px}.liar-game .game-main .liar-panel.liar-phase-vote,.liar-game .game-main .liar-panel.liar-phase-verdict{min-height:420px}}@media(min-width:1500px){.liar-game .game-layout.liar-wide{grid-template-columns:264px minmax(0,1fr) 380px}}@media(min-width:1900px){.liar-game .game-layout.liar-wide{grid-template-columns:284px minmax(0,1fr) 420px}}@media(max-width:1099px){.liar-role-chip{max-width:220px}}@media(max-width:640px){.game-main .liar-panel{padding:32px 16px 22px}.game-main .liar-panel.liar-phase-vote{padding:20px 8px 12px}}.result-page{flex:1;min-height:100vh;padding:24px 0 40px;background:radial-gradient(ellipse at top,var(--bg-glow) 0%,var(--bg-primary) 70%);position:relative;overflow:hidden}.confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.result-header{text-align:center;margin-bottom:32px}.result-title{font-size:36px;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-sub{color:var(--text-secondary);margin-top:8px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-bottom:24px;padding:0 20px}.podium-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:120px}.podium-item.rank-1{order:2}.podium-item.rank-2{order:1}.podium-item.rank-3{order:3}.podium-medal{font-size:36px}.podium-name{font-size:14px;font-weight:700;text-align:center;word-break:break-all}.podium-score{font-size:13px;color:var(--accent);font-weight:700}.podium-bar{width:100%;background:linear-gradient(to top,var(--accent),var(--accent-2));border-radius:var(--radius-md) var(--radius-md) 0 0;min-height:40px}.full-rankings{margin-bottom:24px}.rankings-title{font-size:16px;font-weight:700;margin-bottom:16px;text-align:center}.rankings-list{display:flex;flex-direction:column;gap:8px}.ranking-row{display:flex;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-primary)}.ranking-row.top-three{background:#fca3111a;border:1px solid rgba(252,163,17,.2)}.ranking-pos{width:28px;font-size:16px;font-weight:900;color:var(--accent)}.ranking-name{flex:1;font-size:15px;font-weight:500}.ranking-score{font-size:15px;font-weight:700;color:var(--accent-2)}.result-actions{display:flex;gap:12px}.result-actions .btn{flex:1}.clip-player{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none}.clip-video{position:relative;width:100%;aspect-ratio:16 / 9;max-height:min(60vh,520px);background:#000;border-radius:var(--radius-sm);overflow:hidden}.clip-video-host,.clip-video-host iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.clip-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background:#000000b8;color:#fff;font-size:13px;line-height:1.5;text-align:center}.clip-video-overlay.is-error{color:#fca5a5}.clip-audio{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.clip-audio-icon{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent)}.clip-audio.is-error .clip-audio-icon{background:var(--accent-red);color:#fff}.clip-audio-text{display:flex;flex-direction:column;gap:2px;min-width:0}.clip-audio-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-audio-status{font-size:12px;color:var(--text-muted)}.clip-audio.is-error .clip-audio-status{color:var(--accent-red)}.clip-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:110px;padding:18px;border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;line-height:1.5;text-align:center}.clip-timeline{display:flex;flex-direction:column}.clip-lane{position:relative;height:24px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;transition:background .12s}.clip-lane:not(.disabled):hover,.clip-lane.dragging{background:var(--surface-muted)}.clip-lane.disabled{cursor:default}.clip-tick{position:absolute;top:0;bottom:0;padding:2px 0 0 4px;border-left:1px solid var(--border-color);font-size:10px;line-height:12px;font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;pointer-events:none}.clip-knob{position:absolute;bottom:-1px;z-index:3;width:14px;height:14px;margin-left:-7px;background:var(--text-primary);clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);pointer-events:none}.clip-lane:focus-visible .clip-knob,.clip-lane.dragging .clip-knob{background:var(--accent)}.clip-tip{position:absolute;bottom:calc(100% + 4px);z-index:4;padding:2px 6px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;white-space:nowrap;transform:translate(-50%);opacity:0;transition:opacity .1s;pointer-events:none}.clip-tip.visible{opacity:1}.clip-strip-tip{top:6px;bottom:auto}.clip-strip{position:relative;height:72px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);overflow:hidden;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.clip-strip.disabled{display:flex;align-items:center;justify-content:center;cursor:default}.clip-strip.drag-start,.clip-strip.drag-end{cursor:ew-resize}.clip-wave{--clip-wave-on: var(--accent);--clip-wave-off: var(--text-muted);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.clip-strip-msg{position:relative;font-size:12px;color:var(--text-muted)}.clip-grid{position:absolute;top:0;bottom:0;border-left:1px solid var(--border-color);pointer-events:none}.clip-shade{position:absolute;top:0;bottom:0;background:var(--bg-translucent);pointer-events:none}.clip-sel{position:absolute;top:0;bottom:0;background:#fca3111f;border-top:3px solid var(--accent);border-bottom:3px solid var(--accent)}.clip-strip:not(.editable) .clip-sel{border-left:2px solid var(--accent);border-right:2px solid var(--accent)}.clip-strip.editable .clip-sel{cursor:grab}.clip-strip.drag-move,.clip-strip.drag-move .clip-sel{cursor:grabbing}.clip-sel-len{position:absolute;left:50%;bottom:4px;padding:1px 7px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--on-accent);background:var(--accent);border-radius:999px;white-space:nowrap;transform:translate(-50%);pointer-events:none}.clip-handle{position:absolute;top:-3px;bottom:-3px;z-index:2;width:14px;background:var(--accent);cursor:ew-resize;outline:none;transition:background .12s}.clip-handle.start{left:0;border-radius:6px 0 0 6px}.clip-handle.end{right:0;border-radius:0 6px 6px 0}.clip-handle:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:18px;border-left:1.5px solid var(--on-accent);border-right:1.5px solid var(--on-accent);opacity:.7;transform:translate(-50%,-50%)}.clip-handle:hover,.clip-handle:focus-visible,.clip-strip.drag-start .clip-handle.start,.clip-strip.drag-end .clip-handle.end{background:var(--accent-2)}.clip-handle:focus-visible{box-shadow:0 0 0 2px var(--text-primary)}.clip-playhead{position:absolute;top:0;bottom:0;z-index:3;width:2px;margin-left:-1px;background:var(--text-primary);box-shadow:0 0 6px #00000073;pointer-events:none}.clip-edges{position:relative;height:32px;margin-top:8px}.clip-edge{position:absolute;top:0;width:112px;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 2px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;transform:translate(-50%);transition:border-color .15s,box-shadow .15s}.clip-edge.long{width:124px}.clip-edge.readonly{width:76px;justify-content:center}.clip-edge:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.clip-edge-input{flex:1;min-width:0;height:100%;padding:0;font-family:var(--font-family);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;color:var(--text-primary);background:transparent;border:none;outline:none}.clip-edge-input::placeholder{color:var(--text-muted);font-weight:600}.clip-edge-text{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.clip-edge-nudge{width:24px;height:26px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--text-muted);background:none;border:none;border-radius:999px;cursor:pointer;transition:all .15s}.clip-edge-nudge:hover:not(:disabled){color:var(--accent);background:var(--surface-muted)}.clip-edge-nudge:disabled{opacity:.35;cursor:not-allowed}.clip-edge-caret{position:absolute;top:-8px;width:2px;height:8px;margin-left:-1px;background:var(--accent);border-radius:1px}.clip-edges.static{height:auto;margin-top:0;display:flex;flex-wrap:wrap;gap:10px 20px}.clip-timeline .clip-edges.static{margin-top:10px}.clip-edges.static .clip-edge{position:static;transform:none}.clip-edge-slot{display:flex;align-items:center;gap:8px}.clip-edge-cap{font-size:12px;font-weight:700;color:var(--text-secondary)}.clip-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.clip-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.clip-group-end{margin-left:auto;gap:12px}.clip-group .label-help{margin-left:0}.clip-play-btn{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);box-shadow:0 2px 10px var(--accent-glow);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.clip-play-btn:hover:not(:disabled){transform:scale(1.06);box-shadow:0 4px 16px var(--accent-glow)}.clip-play-btn:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.clip-icon-btn{width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.clip-icon-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.clip-icon-btn:disabled{opacity:.4;cursor:not-allowed}.clip-icon-btn.small{width:28px;height:28px}.clip-icon-btn.bare{background:none;border-color:transparent}.clip-clock{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap}.clip-clock-total{color:var(--text-muted)}.clip-len{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.clip-chip-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;font-family:var(--font-family);font-size:12px;font-weight:700;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;white-space:nowrap;cursor:pointer;transition:all .15s}.clip-chip-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.clip-chip-btn.active{color:var(--accent);background:#fca3111f;border-color:var(--accent)}.clip-chip-btn:disabled{opacity:.4;cursor:not-allowed}.clip-zoom{display:flex;align-items:center;gap:4px}.clip-text-btn{height:28px;padding:0 10px;font-family:var(--font-family);font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.clip-text-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.clip-text-btn:disabled{opacity:.4;cursor:default}.clip-volume{display:flex;align-items:center;gap:4px}.clip-volume-slider{width:76px;accent-color:var(--accent);cursor:pointer}.clip-warnings{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px}.clip-warn{display:inline-flex;align-items:center;gap:4px;color:var(--accent-red)}.clip-spin{animation:clipSpin .9s linear infinite}@keyframes clipSpin{to{transform:rotate(360deg)}}@media(pointer:coarse){.clip-lane{height:30px}.clip-handle{width:22px}}@media(max-width:560px){.clip-group-end{margin-left:0}.clip-volume-slider{width:70px}}.create-page{flex:1;min-height:100vh;padding:24px 0;background:radial-gradient(ellipse at top,var(--bg-glow) 0%,var(--bg-primary) 70%)}.create-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;max-width:1480px;margin:0 auto;padding:0 24px}.create-sidebar{position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);display:flex;flex-direction:column}.create-sidebar-header{padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md) var(--radius-md) 0 0}.create-sidebar-header h2{font-size:14px;color:var(--text-secondary);font-weight:700}.sidebar-toolbar{display:flex;gap:6px;padding:8px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-top:none}.sidebar-search-input{flex:1;min-width:0;padding:5px 8px;font-size:12px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;outline:none;transition:border-color .15s}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-search-input:focus{border-color:var(--accent)}.sidebar-sort-btn{padding:4px 8px;font-size:11px;font-weight:700;white-space:nowrap;color:var(--text-muted);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .15s}.sidebar-sort-btn:hover{color:#fff;border-color:var(--accent)}.sidebar-sort-btn.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.question-list{flex:1;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);min-height:120px}.question-card{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.question-card:hover{background:var(--bg-card-hover)}.question-card.editing{background:#fca31126;border-left:3px solid var(--accent)}.qc-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0}.qc-info{flex:1;min-width:0}.qc-answer{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qc-note{font-size:11px;color:var(--accent-gold);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.qc-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.qc-actions{display:flex;gap:4px;flex-shrink:0}.qc-preview-btn,.qc-delete-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;font-size:11px;cursor:pointer;background:var(--bg-card);color:var(--text-muted);transition:all .15s}.qc-preview-btn:hover{background:var(--accent);color:var(--on-accent)}.qc-delete-btn:hover{background:var(--accent-red);color:#fff}.question-list-empty{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:13px}.create-main{display:flex;flex-direction:column;gap:16px}.create-header{display:flex;justify-content:space-between;align-items:center}@media(max-width:1640px){.create-header{padding-right:52px}}.create-header h1{font-size:24px;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.set-title-section{padding:16px}.set-title-section:hover{transform:none}.set-title-input{font-size:18px;font-weight:600}.question-form{padding:20px}.question-form:hover{transform:none}.form-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.form-section-title{font-size:16px;font-weight:700;margin-bottom:0;color:var(--accent)}.required-note{font-size:12px;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:0}.hint-preview{display:flex;align-items:center;gap:8px}.hint-preview .input{flex:1}.hint-auto{font-size:14px;font-weight:700;color:var(--accent-2);white-space:nowrap}.answer-categories{margin-bottom:16px}.answer-cat-row{margin-bottom:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.answer-cat-fields{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.cat-label-group{width:100px;flex-shrink:0}.cat-answer-group{flex:1;min-width:120px}.cat-aliases-group,.cat-customhint-group{flex:1;min-width:100px}.cat-hint-preview{display:flex;flex-direction:column;gap:4px;min-width:70px}.hint-preview-text{font-size:13px;font-weight:700;color:var(--accent-2);letter-spacing:2px;min-height:36px;display:flex;align-items:center;word-break:break-all}.label-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;font-size:10px;font-weight:700;color:var(--text-muted);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;cursor:help;position:relative;vertical-align:middle;transition:all .15s}.label-help:hover{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.label-help:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 12px;font-size:12px;font-weight:400;line-height:1.5;white-space:normal;width:max-content;max-width:220px;box-shadow:0 4px 16px #0000004d;z-index:100;pointer-events:none;animation:tooltipUp .15s ease}@keyframes tooltipUp{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.label-help:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-color);z-index:101;pointer-events:none}.cat-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .15s;flex-shrink:0}.cat-remove-btn:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.add-cat-btn{margin-top:4px}.form-error-msg{font-size:13px;color:var(--accent-red);margin-top:8px;animation:fadeIn .3s ease}.form-actions-row{display:flex;gap:8px;margin-top:16px}.clip-modal{position:relative;display:flex;flex-direction:column;gap:12px;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:18px 20px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 12px 40px #00000080;animation:fadeIn .2s ease}.clip-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.clip-modal-title{display:flex;align-items:center;gap:10px;min-width:0}.clip-modal-title h3{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-modal-close{width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.clip-modal-close:hover{color:var(--text-primary);background:var(--bg-card)}.clip-modal-note{margin-top:-6px;font-size:12px;color:var(--accent-gold)}.clip-modal-actions{display:flex;justify-content:flex-end;gap:8px}.storage-section{padding:20px}.storage-section:hover{transform:none}.storage-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.json-import-help{margin-left:0;align-self:flex-start;margin-top:-2px}.json-import-help:hover:after{max-width:300px}.server-load-group{display:flex;gap:8px;flex:1}.server-load-group .input{flex:1;min-width:120px}.server-msg{font-size:13px;color:var(--accent-green);margin-bottom:8px;animation:fadeIn .3s ease}.server-msg.error{color:var(--accent-red)}.share-code-display{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:12px;font-size:13px}.share-code-display code{color:var(--accent-2);font-size:12px;word-break:break-all;flex:1}.file-import-btn{cursor:pointer}.overwrite-check{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.overwrite-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.dup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.dup-dialog{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:28px 36px;text-align:center;box-shadow:0 12px 40px #00000080}.dup-close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--text-secondary);font-size:22px;cursor:pointer;line-height:1;padding:0 4px}.dup-close:hover{color:var(--text-primary)}.dup-dialog p{margin:0 0 20px;font-size:17px;color:var(--text-primary)}.dup-actions{display:flex;gap:12px;justify-content:center}.dup-actions .btn{padding:10px 24px;font-size:15px}.saved-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.saved-toast{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:20px 52px 20px 40px;font-size:16px;color:var(--accent-green);box-shadow:0 12px 40px #00000080}.toast-close{position:absolute;top:6px;right:8px;width:28px;height:28px;background:none;border:none;cursor:pointer;padding:0}.toast-timer{position:absolute;top:0;right:0;bottom:0;left:0;width:28px;height:28px;transform:rotate(-90deg)}.toast-timer-ring{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:75.4;stroke-dashoffset:75.4;stroke-linecap:round;animation:toast-fill 1.5s linear forwards}@keyframes toast-fill{to{stroke-dashoffset:0}}.toast-x{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary);line-height:1}.toast-close:hover .toast-x{color:var(--text-primary)}.share-password-row{display:flex;gap:12px}.share-password-row .form-group{flex:1;min-width:0}.input-error{border-color:var(--danger)!important}.upload-cooldown-text{font-size:13px;color:var(--text-secondary);white-space:nowrap}.share-pw-dialog{min-width:320px}.share-pw-input-group{margin-bottom:16px}.share-pw-input-group .input{width:100%}.share-pw-input-group .form-error-msg{margin-top:6px}.validation-result{margin-bottom:12px;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--accent-green);border-radius:var(--radius-sm);font-size:13px;animation:fadeIn .3s ease}.validation-result.has-invalid{border-color:var(--accent-red)}.validation-summary{color:var(--text-secondary);margin-bottom:8px}.validation-ok{color:var(--accent-green);font-weight:600;margin-bottom:8px}.validation-invalid-list{list-style:none;padding:0;margin:0 0 8px}.validation-invalid-list li{color:var(--accent-red);padding:4px 0}.validation-invalid-list li:before{content:"✕ "}.validation-vid{color:var(--text-secondary);font-family:monospace;font-size:12px}.storage-divider{border:none;border-top:1px solid var(--border-color);margin:16px 0}.btn-share{padding:10px 20px;font-size:14px;font-weight:700;color:var(--on-accent);background:linear-gradient(135deg,var(--accent-2),var(--accent));border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btn-share:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-share:disabled{opacity:.5;cursor:not-allowed;transform:none}.share-form{margin-top:12px;display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.share-upload-row{display:flex;align-items:center;gap:8px}.start-section{margin-top:8px;margin-bottom:24px}.start-row{display:flex;gap:12px;align-items:stretch}.start-row .input{width:160px;flex-shrink:0}.start-row .btn{flex:1}.btn-sm{padding:6px 12px;font-size:12px}@media(max-width:768px){.create-layout{grid-template-columns:1fr}.create-sidebar{position:static;max-height:250px}.form-row{grid-template-columns:1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.start-row{flex-direction:column}.start-row .input{width:100%}}.set-thumb-row{display:flex;gap:16px;align-items:flex-start;margin-top:12px;flex-wrap:wrap}.set-thumb-controls{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px}.set-thumb-label{font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.set-thumb-actions{display:flex;gap:8px;flex-wrap:wrap}.set-thumb-url{display:flex;gap:8px}.set-thumb-url .input{flex:1;min-width:0}.library-page{flex:1;min-height:100vh;padding:24px 0;background:radial-gradient(ellipse at top,var(--bg-glow) 0%,var(--bg-primary) 70%)}.container-wide{max-width:800px;margin:0 auto;padding:0 20px}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.library-header-actions{display:flex;gap:8px}@media(max-width:960px){.library-header{padding-right:48px}}.library-header h1{font-size:28px;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.library-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px}.library-tab{flex:1;padding:8px 16px;background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.library-tab:hover{color:var(--text-primary)}.library-tab.active{background:var(--accent);color:var(--on-accent)}.library-msg{margin-bottom:12px;font-size:13px;color:var(--accent-green);animation:fadeIn .3s ease}.library-msg.error{color:var(--accent-red)}.library-load{margin-bottom:16px;padding:16px}.library-load:hover{transform:none}.library-load-row{display:flex;gap:8px}.library-load-row .input{flex:1}.library-section{margin-bottom:32px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.library-card{position:relative;padding:20px;cursor:pointer;transition:all .2s}.library-card:hover{border-color:var(--accent);box-shadow:var(--shadow-card),0 0 16px var(--accent-glow)}.lc-badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.lc-badge.builtin{background:#10b98126;color:var(--accent-green)}.lc-badge.community{background:#fca31126;color:var(--accent)}.lc-badge.recent{background:var(--surface-muted);color:var(--text-secondary)}.lc-badge.shared{background:#fca31126;color:var(--accent-gold)}.lc-title{font-size:18px;font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-title-inner{display:inline-block;white-space:nowrap}.lc-title.overflowing{text-overflow:clip}.library-card:hover .lc-title.overflowing .lc-title-inner,.library-card.selected .lc-title.overflowing .lc-title-inner{animation:marquee-scroll var(--marquee-duration, 3s) ease-in-out infinite}@keyframes marquee-scroll{0%,15%{transform:translate(0)}50%,65%{transform:translate(var(--marquee-offset))}to{transform:translate(0)}}.lc-count{font-size:14px;color:var(--text-muted)}.lc-code{font-size:11px;color:var(--text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-fav-btn,.lc-delete,.lc-save-btn{position:absolute;top:8px;right:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;border-radius:6px;transition:all .15s;opacity:0}.library-card:hover .lc-fav-btn,.library-card:hover .lc-delete,.library-card:hover .lc-save-btn{opacity:1}.lc-fav-btn.active{color:var(--accent-gold);opacity:1}.lc-fav-btn:hover{background:var(--accent-gold);color:var(--on-accent)}.lc-delete:hover{background:var(--accent-red);color:#fff}.lc-save-btn:hover{background:var(--accent-green);color:#fff}.library-card:has(.lc-save-btn) .lc-delete{right:38px}.library-card:has(.lc-fav-btn) .lc-delete{right:38px}.lc-uploader{font-size:12px;color:var(--accent-gold);margin-bottom:2px}.lc-date{font-size:11px;color:var(--text-muted);margin-top:4px}.lc-loading{font-size:11px;color:var(--accent);margin-top:4px}.library-card.loading{opacity:.6;pointer-events:none}.library-card.selected{border-color:var(--accent-gold);box-shadow:var(--shadow-card),0 0 16px #fca31133}.lc-actions{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.lc-actions .btn{width:100%;font-size:12px}.shared-toolbar{display:flex;gap:8px;margin-bottom:16px;align-items:center}.shared-search-bar{position:relative;flex:1}.shared-search-input{width:100%;padding-right:36px}.shared-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:4px;border-radius:4px;transition:color .15s}.shared-search-clear:hover{color:var(--text-primary)}.shared-sort-toggle{display:flex;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.shared-sort-btn{padding:6px 12px;background:none;border:none;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.shared-sort-btn.active{background:var(--accent);color:var(--on-accent)}.shared-refresh-btn{padding:6px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:18px;cursor:pointer;transition:color .2s,border-color .2s;line-height:1}.shared-refresh-btn:hover{color:var(--accent);border-color:var(--accent)}.shared-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.lc-save-count{margin-left:6px;font-size:12px;color:var(--accent-gold);font-weight:600}.shared-load-sentinel{height:1px;margin-top:8px}.shared-load-more-msg{text-align:center;color:var(--text-muted);font-size:13px;padding:16px 0}.library-empty{color:var(--text-muted);font-size:14px;text-align:center;padding:32px;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}@media(max-width:480px){.library-grid{grid-template-columns:1fr}}.library-card .lc-fav-btn,.library-card .lc-delete,.library-card .lc-save-btn{z-index:1}.browse-page{flex:1;min-height:100vh;padding:24px 0;background:radial-gradient(ellipse at top,var(--bg-glow) 0%,var(--bg-primary) 70%)}.browse-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.browse-title{font-size:28px;font-weight:900}.browse-header-actions{display:flex;align-items:center;gap:8px}@media(max-width:640px){.browse-header{padding-right:48px}}.browse-refresh-btn{padding:6px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:18px;cursor:pointer;transition:color .2s,border-color .2s;line-height:1}.browse-refresh-btn:hover{color:var(--accent);border-color:var(--accent)}.browse-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.browse-content{display:flex;flex-direction:column;gap:16px}.browse-empty{text-align:center;color:var(--text-muted);font-size:16px;padding:64px 0}.browse-room-list{display:flex;flex-direction:column;gap:12px}.browse-room-card{display:flex;flex-direction:column;gap:6px;padding:16px 20px;transition:border-color .15s,box-shadow .15s}.browse-room-card:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.browse-room-card.full{opacity:.5}.browse-room-top{display:flex;align-items:center;gap:12px}.browse-room-title{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.browse-room-players{font-size:14px;font-weight:700;color:var(--accent);flex-shrink:0}.browse-room-quiz{font-size:14px;font-weight:600;color:var(--accent-gold)}.browse-room-qcount{font-size:12px;font-weight:500;color:var(--text-muted);margin-left:8px}.browse-room-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:4px}.browse-room-tags{display:flex;flex-wrap:wrap;gap:6px}.browse-tag{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;background:#fca31126;color:var(--accent)}.browse-tag-split{display:inline-flex;padding:0;overflow:hidden;background:#fca31126}.browse-tag-label{padding:3px 5px 3px 10px;color:var(--accent)}.browse-tag-value{padding:3px 10px 3px 5px;color:var(--text-primary)}.browse-tag-value:first-child{padding-left:10px}.browse-join-btn{padding:8px 20px;font-size:14px;flex-shrink:0}.browse-join-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}.browse-join-modal{width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-trigger{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:16px;z-index:950;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);box-shadow:var(--shadow-card);cursor:pointer;transition:color var(--transition),border-color var(--transition),transform var(--transition)}.settings-trigger:hover,.settings-trigger.active{color:var(--accent);border-color:var(--accent)}.settings-trigger:hover svg{transform:rotate(30deg)}.settings-trigger svg{transition:transform .3s ease}.settings-trigger:focus-visible,.settings-switch:focus-visible,.settings-link:focus-visible,.settings-skip:focus-visible,.settings-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-panel{position:absolute;top:calc(60px + env(safe-area-inset-top,0px));right:16px;z-index:960;width:300px;max-width:calc(100vw - 32px);max-height:calc(100vh - 80px);overflow-y:auto;padding:14px 16px 12px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:0 16px 48px #00000073;color:var(--text-primary);animation:fadeIn .18s ease;outline:none}.settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.settings-head h2{font-size:16px;font-weight:900}.settings-close{display:inline-flex;padding:4px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-muted);cursor:pointer}.settings-close:hover{color:var(--text-primary)}.settings-section{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--border-color)}.settings-section:first-of-type{border-top:none}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;cursor:pointer}.settings-label svg{color:var(--accent)}.settings-switch{position:relative;width:40px;height:22px;flex-shrink:0;border:1px solid var(--border-color);border-radius:11px;background:var(--surface-muted);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.settings-switch.on{background:var(--accent);border-color:var(--accent)}.settings-switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-secondary);transition:transform var(--transition),background var(--transition)}.settings-switch.on .settings-switch-knob{transform:translate(18px);background:var(--on-accent)}.settings-range{width:100%;accent-color:var(--accent);cursor:pointer}.settings-range:disabled{opacity:.4;cursor:default}.settings-now{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-muted)}.settings-now-text{display:flex;flex-direction:column;min-width:0}.settings-now-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-now-artist{font-size:11px;color:var(--text-muted)}.settings-skip{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:5px 9px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-family);font-size:12px;font-weight:700;cursor:pointer}.settings-skip:hover{border-color:var(--accent);color:var(--accent)}.settings-links{gap:2px}.settings-link{display:flex;align-items:center;gap:10px;width:100%;padding:8px 6px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-family:var(--font-family);font-size:13px;text-align:left;text-decoration:none;cursor:pointer}.settings-link:hover{background:var(--surface-muted);color:var(--accent)}.settings-note{padding-top:10px;border-top:1px solid var(--border-color);font-size:11px;color:var(--text-muted)}:root{--c-black: #000000;--c-prussian: #14213d;--c-gold: #fca311;--c-alabaster: #e5e5e5;--c-white: #ffffff;color-scheme:dark;--bg-primary: var(--c-black);--bg-glow: var(--c-prussian);--bg-secondary: #0a1120;--bg-tertiary: #0a1120;--bg-card: var(--c-prussian);--bg-card-hover: #1b2c52;--bg-translucent: rgba(0, 0, 0, .55);--bg-card-translucent: rgba(20, 33, 61, .85);--surface-muted: rgba(229, 229, 229, .15);--text-primary: var(--c-white);--text-secondary: var(--c-alabaster);--text-muted: rgba(229, 229, 229, .55);--on-accent: var(--c-black);--accent: var(--c-gold);--accent-glow: rgba(252, 163, 17, .4);--accent-2: #ffc247;--accent-2-glow: rgba(255, 194, 71, .4);--accent-gold: var(--c-gold);--accent-green: #10b981;--accent-red: #ef4444;--danger: var(--accent-red);--border-color: rgba(229, 229, 229, .12);--border-glow: rgba(252, 163, 17, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow);--hint-bar-a: var(--c-alabaster);--hint-bar-b: var(--c-white);--hint-marker: var(--c-white);--flash-rgb: 255, 255, 255;--font-family: "Noto Sans KR", system-ui, -apple-system, sans-serif;--transition: .2s ease}:root[data-theme=light]{color-scheme:light;--bg-primary: var(--c-alabaster);--bg-glow: var(--c-white);--bg-secondary: var(--c-white);--bg-tertiary: #d9d9d9;--bg-card: var(--c-white);--bg-card-hover: #f4f4f4;--bg-translucent: rgba(255, 255, 255, .7);--bg-card-translucent: rgba(255, 255, 255, .92);--surface-muted: rgba(20, 33, 61, .08);--text-primary: var(--c-prussian);--text-secondary: #3b4866;--text-muted: rgba(20, 33, 61, .55);--accent-glow: rgba(252, 163, 17, .35);--border-color: rgba(20, 33, 61, .14);--border-glow: rgba(252, 163, 17, .5);--shadow-card: 0 4px 24px rgba(20, 33, 61, .1);--hint-bar-a: var(--c-prussian);--hint-bar-b: #3b5488;--hint-marker: var(--c-prussian);--flash-rgb: 20, 33, 61}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:3px}.container{max-width:480px;margin:0 auto;padding:0 20px;width:100%}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card),var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent)}.btn-full{width:100%}.input{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:16px;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-2-glow)}}.fade-in{animation:fadeIn .4s ease forwards}.terms-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.terms-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.terms-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.terms-header h2{margin:0;font-size:18px;color:var(--text-primary)}.terms-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0 4px;line-height:1;transition:color var(--transition, .2s)}.terms-close:hover{color:var(--text-primary)}.terms-body{padding:20px;overflow-y:auto;color:var(--text-secondary);font-size:13px;line-height:1.7}.terms-body h3{color:var(--text-primary);font-size:14px;margin:20px 0 8px}.terms-body h3:first-of-type{margin-top:12px}.terms-body p{margin:0 0 12px}.terms-body ol{margin:0 0 12px;padding-left:20px}.terms-body li{margin-bottom:4px}.sound-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:40px}.sound-wave .bar{width:4px;background:linear-gradient(to top,var(--accent),var(--accent-2));border-radius:2px;animation:soundBar .8s ease-in-out infinite}.sound-wave .bar:nth-child(1){animation-delay:0s;height:10px}.sound-wave .bar:nth-child(2){animation-delay:.1s;height:20px}.sound-wave .bar:nth-child(3){animation-delay:.2s;height:30px}.sound-wave .bar:nth-child(4){animation-delay:.3s;height:20px}.sound-wave .bar:nth-child(5){animation-delay:.4s;height:35px}.sound-wave .bar:nth-child(6){animation-delay:.3s;height:20px}.sound-wave .bar:nth-child(7){animation-delay:.2s;height:30px}.sound-wave .bar:nth-child(8){animation-delay:.1s;height:20px}.sound-wave .bar:nth-child(9){animation-delay:0s;height:10px}@keyframes soundBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}