.home-page{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(ellipse at top,#1a1a3e 0%,var(--bg-primary) 70%)}.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-purple),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(124,58,237,.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-actions{display:flex;flex-direction:column;gap:12px}.btn-lg{padding:16px 28px;font-size:18px}.home-form{display:flex;flex-direction:column;gap:20px}.form-title{font-size:20px;font-weight:700;text-align:center}.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:#fff}.player-name{font-size:14px;font-weight:500}.host-badge{font-size:10px;font-weight:900;color:var(--accent-yellow);background:#f59e0b26;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.invite-code{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;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:36px;font-weight:900;letter-spacing:8px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));-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-purple);color:var(--accent-purple)}.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}.chat-msg{padding:3px 12px;font-size:13px;animation:fadeIn .2s ease}.chat-nickname{font-weight:700;color:var(--accent-purple);margin-right:6px}.chat-nickname:after{content:":"}.chat-text{color:var(--text-secondary);word-break:break-word}.lobby-page{flex:1;min-height:100vh;padding:24px 0;background:radial-gradient(ellipse at top,#1a1a3e 0%,var(--bg-primary) 70%)}.lobby-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;position:relative}.lobby-home-btn{position:absolute;top:0;right:0}.lobby-title{font-size:28px;font-weight:900}.lobby-content{display:flex;flex-direction:column;gap:16px}.lobby-settings{display:flex;flex-direction:column;gap:20px}.settings-title{font-size:18px;font-weight:700;text-align:center}.rounds-setting{display:flex;flex-direction:column;gap:8px}.rounds-buttons{display:flex;gap:8px}.btn-round{flex:1;padding:10px;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;font-weight:700;cursor:pointer;transition:all var(--transition)}.btn-round.active{background:var(--accent-purple);border-color:var(--accent-purple);box-shadow:0 0 12px var(--accent-purple-glow)}.btn-round:hover:not(.active){border-color:var(--accent-purple)}.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-primary);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-purple);border-radius:50%;border:2px solid var(--bg-card);box-shadow:0 0 8px var(--accent-purple-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-purple);border-radius:50%;border:2px solid var(--bg-card);box-shadow:0 0 8px var(--accent-purple-glow);cursor:pointer}.rounds-input{width:56px;padding:6px 4px;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: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-purple);box-shadow:0 0 8px var(--accent-purple-glow)}.rounds-max{font-size:14px;color:var(--text-muted);font-weight:600;white-space:nowrap}.lobby-waiting{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 24px}.lobby-quiz-name{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));padding:6px 18px;border-radius:var(--radius-xl);font-size:15px;font-weight:700;color:#fff}.waiting-text{color:var(--text-secondary);font-size:16px}.hint-delay-setting{margin-top:8px;display:flex;flex-direction:column;gap:6px}.form-label-small{font-size:12px;color:var(--text-muted);font-weight:600}.quiz-select{display:flex;flex-direction:column;gap:8px}.quiz-search-bar{position:relative}.quiz-search-input{width:100%;padding:8px 36px 8px 12px;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:13px;outline:none;transition:border-color var(--transition);box-sizing:border-box}.quiz-search-input:focus{border-color:var(--accent-purple);box-shadow:0 0 8px var(--accent-purple-glow)}.quiz-search-input::placeholder{color:var(--text-muted)}.quiz-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:4px;border-radius:4px;transition:color .15s}.quiz-search-clear:hover{color:var(--text-primary)}.quiz-no-results{text-align:center;color:var(--text-muted);font-size:13px;padding:12px 0}.quiz-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding-right:4px}.quiz-list::-webkit-scrollbar{width:4px}.quiz-list::-webkit-scrollbar-track{background:transparent}.quiz-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.quiz-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;text-align:left;font-family:var(--font-family);color:var(--text-primary);width:100%}.quiz-item:hover{border-color:var(--accent-purple);background:var(--bg-card-hover)}.quiz-item.active{border-color:var(--accent-purple);background:#7c3aed1a;box-shadow:0 0 8px var(--accent-purple-glow)}.quiz-item-create{border-style:dashed;color:var(--text-muted)}.quiz-item-create:hover{color:var(--accent-purple);border-color:var(--accent-purple)}.qi-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;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:#7c3aed26;color:var(--accent-purple)}.qi-badge.custom{background:#ec489926;color:var(--accent-pink)}.qi-title{flex:1;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qi-count{font-size:12px;color:var(--text-muted);flex-shrink:0}.lobby-chat{display:flex;flex-direction:column;gap:8px}.lobby-chat-form{display:flex;gap:8px}.lobby-chat-input{flex:1;padding:10px 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-purple)}.lobby-chat-input::placeholder{color:var(--text-muted)}.lobby-chat-send{padding:10px 16px;font-size:14px;flex-shrink:0}.audio-player{display:flex;flex-direction:column;align-items:center;padding:40px 24px;position:relative;min-height:270px}.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-purple),var(--accent-pink));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}.volume-control{display:flex;align-items:center;gap:8px;width:100%;max-width:280px;margin-top:16px}.volume-icon{font-size:18px;width:24px;text-align:center}.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-purple);cursor:pointer;box-shadow:0 0 6px var(--accent-purple-glow)}.volume-value{font-size:12px;color:var(--text-muted);min-width:24px;text-align:right;font-variant-numeric:tabular-nums}.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-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-purple),var(--accent-pink));-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 rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s}.yt-debug-toggle:hover{color:var(--text-secondary);border-color:#a78bfa66}.yt-container{width:100%;display:flex;flex-direction:column;padding:0 12px;background:#0006;border-radius:8px;border:1px solid rgba(167,139,250,.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:#888;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:#3c3c3cd9;color:#aaa;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:#505050f2;color:#ccc}.yt-reveal-warn{display:block;font-size:9px;font-weight:400;color:#e55;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}.giveup-btn{padding:12px 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:14px;cursor:pointer;transition:all .2s}.giveup-btn:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.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;min-height:100vh;padding:24px 0;background:radial-gradient(ellipse at top,#1a1a3e 0%,var(--bg-primary) 70%)}.game-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;max-width:780px;margin:0 auto;padding:0 20px}@media(max-width:640px){.game-layout{grid-template-columns:1fr;max-width:480px}}.game-sidebar{position:sticky;top:24px;align-self:start}@media(max-width:640px){.game-sidebar{position:static}}.game-header{margin-bottom:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.btn-home{padding:6px 16px;font-size:12px}.round-info{display:flex;align-items:center;justify-content:center;gap:12px}.round-badge{background:var(--bg-card);border:1px solid var(--border-color);padding:6px 16px;border-radius:var(--radius-xl);font-size:14px;font-weight:700;color:var(--accent-purple)}.category-badge{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));padding:6px 16px;border-radius:var(--radius-xl);font-size:14px;font-weight:700;color:#fff}.game-sidebar .invite-code{margin-bottom:12px;padding:8px 12px;font-size:12px}.game-sidebar .invite-value{font-size:16px}.game-scoreboard{padding:12px 16px}.game-scoreboard:hover{transform:none}.sb-header{display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;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-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.sb-name{font-size:13px;font-weight:500;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.sb-host{font-size:9px;font-weight:900;color:var(--accent-yellow);background:#f59e0b26;padding:1px 4px;border-radius:3px}.sb-score{font-size:13px;font-weight:700;color:var(--accent-pink);font-variant-numeric:tabular-nums;white-space:nowrap}.game-play{display:flex;flex-direction:column;gap:16px}.category-board{position:relative;display:flex;flex-direction:column;background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-md);overflow:hidden;animation:fadeIn .5s ease}.cat-row{display:flex;align-items:center;gap:12px;padding:10px 16px;transition:all .3s ease}.cat-row+.cat-row{border-top:1px solid rgba(124,58,237,.15)}.cat-body{flex:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cat-row.cat-claimed{background:#10b98114}.cat-label{font-size:13px;font-weight:800;color:var(--accent-purple);white-space:nowrap;min-width:50px}.cat-claimed .cat-label{color:var(--accent-green)}.cat-hint{font-size:15px;font-weight:800;letter-spacing:3px;color:var(--accent-pink)}.cat-unknown{font-size:16px;font-weight:700;color:var(--text-muted);letter-spacing:4px}.cat-claimers{display:flex;flex-direction:column;gap:4px;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-yellow)}.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-yellow)}.cat-claimer-bonus{font-size:11px;font-weight:900;color:var(--accent-yellow);background:#f59e0b26;padding:1px 6px;border-radius:4px}.cat-claimer-bonus.sub{color:var(--accent-green);background:#10b98126}.cat-row.cat-revealed{background:#ec489914}.cat-revealed .cat-label{color:var(--accent-pink)}.cat-answer-text{font-size:16px;font-weight:800;color:var(--accent-pink);animation:fadeIn .3s ease}.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:12px}.timer-bar-container{flex:1;height:8px;background:var(--bg-card);border-radius:4px;overflow:hidden;position:relative}.timer-hint-marker{position:absolute;top:0;bottom:0;width:2px;background:#f39c12;z-index:1;opacity:.8;box-shadow:0 0 4px #f39c1288}.timer-bar{height:100%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-pink));border-radius:4px;transition:width .05s linear,background .4s ease}.timer-bar.timer-bar-hint{background:linear-gradient(90deg,#e67e22,#f39c12)}.timer-text{font-size:20px;font-weight:900;color:var(--accent-pink);min-width:48px;text-align:right;font-variant-numeric:tabular-nums}.cat-progress{text-align:center;color:var(--accent-purple);font-weight:600;font-size:13px}.submitted-msg{text-align:center;color:var(--accent-green);font-weight:500;animation:pulse 2s infinite}.btn-skip{align-self:center;padding:8px 24px;font-size:14px;margin-top:4px;color:var(--text-muted);border-color:var(--border-color)}.btn-skip:hover:not(:disabled){color:var(--accent-red);border-color:var(--accent-red)}.btn-skip:disabled{opacity:.4;cursor:not-allowed}@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(255,255,255,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(255,255,255,calc(.4 * var(--burst-i, 0)))}to{border-color:#7c3aed33;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(255,255,255,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(255,255,255,.5) 10%,white 50%,rgba(255,255,255,.5) 90%,transparent);box-shadow:0 0 calc(8px + 20px * var(--burst-i, .5)) calc(2px + 6px * var(--burst-i, .5)) #fffc,0 0 calc(16px + 40px * var(--burst-i, .5)) calc(4px + 10px * var(--burst-i, .5)) #10b9814d;animation:slashCut .45s ease-out forwards}.result-page{flex:1;min-height:100vh;padding:24px 0 40px;background:radial-gradient(ellipse at top,#1a1a3e 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-purple),var(--accent-pink));-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-purple);font-weight:700}.podium-bar{width:100%;background:linear-gradient(to top,var(--accent-purple),var(--accent-pink));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:#7c3aed1a;border:1px solid rgba(124,58,237,.2)}.ranking-pos{width:28px;font-size:16px;font-weight:900;color:var(--accent-purple)}.ranking-name{flex:1;font-size:15px;font-weight:500}.ranking-score{font-size:15px;font-weight:700;color:var(--accent-pink)}.result-actions{display:flex;gap:12px}.result-actions .btn{flex:1}.create-page{flex:1;min-height:100vh;padding:24px 0;background:radial-gradient(ellipse at top,#1a1a3e 0%,var(--bg-primary) 70%)}.create-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;max-width:960px;margin:0 auto;padding:0 20px}.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-purple)}.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-purple)}.sidebar-sort-btn.active{color:#fff;background:var(--accent-purple);border-color:var(--accent-purple)}.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:#7c3aed26;border-left:3px solid var(--accent-purple)}.qc-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));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-yellow);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-purple);color:#fff}.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}.create-header h1{font-size:24px;font-weight:900;background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));-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-title{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--accent-purple)}.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-pink);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-pink);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:#fff;background:var(--accent-purple);border-color:var(--accent-purple)}.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}.preview-section{padding:16px;overflow:hidden}.preview-section:hover{transform:none}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-header h3{font-size:14px;color:var(--text-secondary)}.preview-section iframe{border-radius:var(--radius-sm)}.storage-section{padding:20px}.storage-section:hover{transform:none}.storage-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.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-pink);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-purple);cursor:pointer}.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:#fff;background:linear-gradient(135deg,var(--accent-yellow),#f97316);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)}.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%}}.library-page{flex:1;min-height:100vh;padding:24px 0;background:radial-gradient(ellipse at top,#1a1a3e 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}.library-header h1{font-size:28px;font-weight:900;background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));-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-purple);color:#fff}.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-purple);box-shadow:var(--shadow-card),0 0 16px var(--accent-purple-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:#7c3aed26;color:var(--accent-purple)}.lc-badge.recent{background:#3b82f626;color:#60a5fa}.lc-badge.shared{background:#f59e0b26;color:var(--accent-yellow)}.lc-title{font-size:18px;font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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-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-delete,.library-card:hover .lc-save-btn{opacity:1}.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}.lc-uploader{font-size:12px;color:var(--accent-yellow);margin-bottom:2px}.lc-date{font-size:11px;color:var(--text-muted);margin-top:4px}.lc-loading{font-size:11px;color:var(--accent-purple);margin-top:4px}.library-card.loading{opacity:.6;pointer-events:none}.library-card.selected{border-color:var(--accent-yellow);box-shadow:var(--shadow-card),0 0 16px #f59e0b33}.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-purple);color:#fff}.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-purple);border-color:var(--accent-purple)}.shared-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.lc-save-count{margin-left:6px;font-size:12px;color:var(--accent-yellow);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}}:root{--bg-primary: #0f0e17;--bg-secondary: #1a1a2e;--bg-card: #232340;--bg-card-hover: #2a2a4a;--text-primary: #fffffe;--text-secondary: #a7a9be;--text-muted: #6b6d80;--accent-purple: #7c3aed;--accent-purple-glow: rgba(124, 58, 237, .4);--accent-pink: #ec4899;--accent-pink-glow: rgba(236, 72, 153, .4);--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-red: #ef4444;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(124, 58, 237, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px var(--accent-purple-glow);--font-family: "Noto Sans KR", system-ui, -apple-system, sans-serif;--transition: .2s ease}*{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-purple),var(--accent-pink));color:#fff;box-shadow:0 4px 16px var(--accent-purple-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-purple-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-purple)}.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-purple);box-shadow:0 0 0 3px var(--accent-purple-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-purple-glow)}50%{box-shadow:0 0 20px var(--accent-purple-glow),0 0 40px var(--accent-pink-glow)}}.fade-in{animation:fadeIn .4s ease forwards}.app-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px 20px;font-size:13px;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:auto}.footer-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.footer-link:hover{color:var(--accent-purple)}.footer-icon{width:16px;height:16px;flex-shrink:0}.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-purple),var(--accent-pink));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)}}