.home-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:8px}.header-left{display:flex;align-items:center;gap:12px}.header-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-profile{display:flex;align-items:center;padding:8px 16px;background:var(--color-card-bg);border-radius:8px;border:1px solid var(--color-card-border)}.user-profile .username{font-weight:600;color:var(--color-text);font-size:.95rem}.settings-wrapper{position:relative}.btn-settings{background:var(--color-card-bg);color:var(--color-text);border:1px solid var(--color-card-border);padding:10px 18px;font-size:.9rem;border-radius:8px;transition:all .2s}.btn-settings:hover{background:#ffffff2e;border-color:var(--color-card-border)}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:300px;max-height:80vh;overflow-y:auto;background:var(--color-card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;border:1px solid var(--color-card-border);box-shadow:0 16px 48px #00000080;z-index:100;padding:8px;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-section{padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.settings-section:last-of-type{border-bottom:none}.settings-section h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffff73;margin-bottom:10px;font-weight:600}.settings-toggle{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s;font-size:.9rem}.settings-toggle:hover{background:#ffffff14}.toggle-indicator{font-size:1.1rem}.settings-select{width:100%;padding:8px 10px;background:#ffffff14!important;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff!important;font-size:.9rem;cursor:pointer}.settings-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.settings-color-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .15s;font-size:.8rem;color:#fffc}.settings-color-item:hover{background:#ffffff0f}.settings-color-item input[type=color]{width:28px;height:28px;border:2px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;background:transparent;padding:0;flex-shrink:0}.settings-reset-btn{width:calc(100% - 16px);margin:8px;padding:8px;font-size:.85rem}.dark-mode .settings-dropdown{background:#0f0f0ff7;border-color:#ffffff14}.dark-mode .btn-settings{background:#ffffff0f;border-color:#ffffff1f}.hero-section{text-align:center;padding:48px 0 24px;position:relative}.hero-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(255,215,0,.12) 0%,transparent 70%);pointer-events:none}.hero-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,gold,#ff8c00,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;letter-spacing:-1px}.hero-subtitle{font-size:1.1rem;color:#ffffff8c;margin-top:8px;font-weight:400}.home-section{margin-top:40px}.section-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.section-title{font-size:1.15rem;font-weight:700;color:#ffffffd9;white-space:nowrap}.section-divider{flex:1;height:1px;background:linear-gradient(to right,rgba(255,255,255,.2),transparent)}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.home-card{display:flex;flex-direction:column;gap:16px;border-top:2px solid rgba(255,215,0,.2);transition:transform .2s ease,box-shadow .2s ease}.home-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px #1f268773}.home-card h2{font-size:1.3rem;margin-bottom:4px}.home-card p{color:#ffffffb3;font-size:.95rem;line-height:1.5}.home-card button:last-child,.home-card .create-buttons{margin-top:auto}.create-buttons{display:flex;gap:12px;flex-wrap:wrap}.create-buttons .btn{flex:1;min-width:120px}.manage-boards-wrap{margin-top:12px}.manage-boards-wrap>.btn{margin-bottom:16px}.manage-boards-inline{margin-top:0;padding:20px;text-align:left}.manage-boards-cat{margin-bottom:24px}.manage-boards-cat:last-child{margin-bottom:0}.manage-boards-cat-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.9}.manage-boards-count{background:#fff3;padding:2px 8px;border-radius:10px;font-size:.7rem}.manage-boards-list{list-style:none;margin:0;padding:0}.manage-boards-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:6px;border-radius:12px;gap:12px;background:#00000026;border:1px solid rgba(255,255,255,.06);transition:background .2s ease}.manage-boards-row:hover{background:#00000038}.manage-boards-row:last-child{margin-bottom:0}.manage-boards-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.manage-boards-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.manage-boards-avatar.cat-brain-battle{background:linear-gradient(135deg,#14b8a6cc,#2dd4bfe6)}.manage-boards-avatar.cat-kahoot{background:linear-gradient(135deg,#6366f1cc,#818cf8e6)}.manage-boards-avatar.cat-quiz-royale{background:linear-gradient(135deg,#f59e0bcc,#fbbf24e6)}.manage-boards-avatar.cat-higher-or-lower{background:linear-gradient(135deg,#a855f7cc,#c084fce6)}.manage-boards-avatar.cat-multi{background:linear-gradient(135deg,#667eeacc,#818cf8e6)}.manage-boards-avatar.cat-other{background:linear-gradient(135deg,#6b7280cc,#9ca3afe6)}.manage-boards-details{display:flex;flex-direction:column;gap:4px;min-width:0}.manage-boards-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-boards-meta{font-size:.78rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-boards-actions{display:flex;gap:6px;flex-shrink:0}.manage-boards-actions .btn{padding:6px 12px;font-size:.8rem;font-weight:600;border-radius:8px}.changelog-add-form{margin-bottom:20px}.changelog-add-form h3{margin-bottom:12px}.changelog-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.changelog-entries{display:flex;flex-direction:column;gap:14px;max-width:800px}.changelog-entry{text-align:left}.changelog-entry-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.changelog-version{background:#4caf5033;color:#66bb6a;padding:3px 10px;border-radius:4px;font-weight:700;font-size:.9rem}.changelog-date{color:#fff6;font-size:.85rem}.changelog-changes{margin:0;padding-left:20px;color:#ffffffbf;font-size:.9rem;line-height:1.7}.changelog-changes li.changelog-no-bullet{list-style:none;margin-left:0;padding-left:0}.changelog-changes li{margin-bottom:2px}.changelog-inline-code{background:#ffffff26;padding:.1em .35em;border-radius:4px;font-family:monospace;font-size:.9em}.btn.btn-sm{padding:5px 12px;font-size:.8rem}.friendlist-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;border:none;padding:0;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 20px #14b8a666;z-index:999;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.friendlist-fab-icon{display:block;width:100%;line-height:56px;text-align:center;transform:translateY(-3px)}.friendlist-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #14b8a680}.friendlist-fab.has-notifications:after{content:"";position:absolute;top:4px;right:4px;width:12px;height:12px;background:var(--color-error);border-radius:50%;border:2px solid white;animation:friendlist-pulse 1.5s ease-in-out infinite}@keyframes friendlist-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.friendlist-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:friendlist-fade-in .2s ease}@keyframes friendlist-fade-in{0%{opacity:0}to{opacity:1}}.friendlist-panel{position:fixed;bottom:90px;right:24px;width:400px;max-height:75vh;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:16px;box-shadow:0 12px 48px #00000059,0 0 0 1px #ffffff0d inset;z-index:1001;display:flex;flex-direction:column;overflow:hidden;animation:friendlist-slide-up .25s ease}@keyframes friendlist-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.friendlist-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-bottom:1px solid var(--color-card-border)}.friendlist-header h2{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.btn-close{background:#ffffff1a;border:none;width:36px;height:36px;border-radius:10px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.9;transition:background .2s,opacity .2s}.btn-close:hover{background:#ffffff26;opacity:1}.friendlist-search{display:flex;gap:10px;padding:14px 20px;border-bottom:1px solid var(--color-card-border);background:#0000000d}.friendlist-search input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--color-card-border);background:var(--color-input-bg);color:var(--color-input-text);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.friendlist-search input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #f59e0b33}.friendlist-scroll{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.friendlist-scroll::-webkit-scrollbar{width:8px}.friendlist-scroll::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.friendlist-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.friendlist-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.friendlist-section{padding:16px 20px}.friendlist-section:not(:last-child){border-bottom:1px solid var(--color-card-border)}.friendlist-section-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.friendlist-section-title .count{background:#ffffff26;padding:2px 8px;border-radius:10px;font-size:.7rem}.friendlist-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:6px;border-radius:12px;gap:12px;transition:background .2s ease}.friendlist-row:hover{background:#ffffff0f}.friendlist-row:last-child{margin-bottom:0}.friendlist-row-invite{background:linear-gradient(135deg,#f59e0b26,#fbbf2414);border:1px solid rgba(245,158,11,.3)}.friendlist-row-invite:hover{background:linear-gradient(135deg,#f59e0b33,#fbbf241f)}.friendlist-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.friendlist-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.friendlist-details{display:flex;flex-direction:column;gap:2px;min-width:0}.friendlist-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friendlist-status-row{display:flex;align-items:center;gap:6px;font-size:.8rem;opacity:.9}.friendlist-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.friendlist-status-dot.status-online,.friendlist-status-dot.status-lobby{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.friendlist-status-dot.status-lobby{animation:friendlist-pulse 2s ease-in-out infinite}.friendlist-status-dot.status-in_game{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.friendlist-status-dot.status-offline{background:#ffffff59}.friendlist-actions{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.friendlist-actions .btn{padding:6px 12px;font-size:.8rem;font-weight:600;border-radius:8px;transition:transform .15s,opacity .15s}.friendlist-actions .btn:hover{transform:translateY(-1px)}.friendlist-actions .btn:active{transform:translateY(0)}.friendlist-list{list-style:none;margin:0;padding:0}.friendlist-invite-text{font-size:.9rem;opacity:.95}.friendlist-invite-text strong{color:var(--color-accent)}.friendlist-error{color:var(--color-error);font-size:.85rem;padding:12px 20px;margin:0 20px 12px;background:#ef444426;border-radius:10px;border:1px solid rgba(239,68,68,.3)}.friendlist-empty{opacity:.75;font-size:.95rem;margin:0;padding:24px 0;text-align:center}.badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.badge-friends{background:#22c55e40;color:var(--color-success)}.badge-pending{background:#f59e0b40;color:var(--color-accent)}.badge-received{background:#14b8a640;color:var(--color-primary)}.friendlist-loading{display:flex;align-items:center;justify-content:center;padding:32px;gap:8px}.friendlist-loading:before{content:"";width:20px;height:20px;border:2px solid var(--color-card-border);border-top-color:var(--color-accent);border-radius:50%;animation:friendlist-spin .8s linear infinite}@keyframes friendlist-spin{to{transform:rotate(360deg)}}.board-creator{display:flex;flex-direction:column;gap:24px}.category-card{margin-top:16px}.board-creator .category-header{display:flex;gap:16px;align-items:center;margin-bottom:16px}.category-name-input{flex:1;font-size:1.2rem;font-weight:600;padding:12px;border:2px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.question-card{background:#0000004d;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.question-card h4{color:gold;margin-bottom:12px;font-size:1.3rem}.question-card .input-group{margin-bottom:12px}.question-card .input-group label{font-size:.9rem;margin-bottom:4px}.question-card textarea{min-height:60px}.media-preview{margin-top:8px;padding:8px;background:#0003;border-radius:4px}.media-preview img{max-width:100%;max-height:150px;border-radius:4px}.actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}.media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px;padding:12px;background:#0003;border-radius:4px}.media-item{position:relative;background:#ffffff0d;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.media-item .media-preview{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:#0000004d;margin:0;padding:0}.media-item .media-preview img{width:100%;height:100%;object-fit:cover;max-width:none;max-height:none}.media-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fffc}.media-indicator span:first-child{font-size:32px}.media-indicator span:last-child{font-size:11px;font-weight:500}.btn-remove-media{position:absolute;top:4px;right:4px;background:#f44336e6;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-media:hover{background:#f44336;transform:scale(1.1)}.timestamp-inputs{margin-top:8px}.timestamp-inputs label{font-size:12px;color:#ffffffb3}.timestamp-row{display:flex;align-items:center;gap:8px;margin-top:4px}.timestamp-row input{width:80px;padding:4px 8px;font-size:13px}.timestamp-row span{font-size:12px;color:#ffffff80}.category-tabs-bar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;background:#0000004d;border-radius:10px;align-items:center}.category-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;color:#ffffffb3;font-size:.9rem}.category-tab:hover{background:#ffffff26;color:#fff}.category-tab.active{background:#4caf5040;border-color:#4caf50;color:#fff;font-weight:600}.category-tab.add-tab{background:#ffffff0d;border-style:dashed;font-size:1.1rem;padding:8px 16px;color:#ffffff80}.category-tab.add-tab:hover{background:#4caf5026;border-color:#4caf5080;color:#4caf50}.category-tab[draggable=true]{cursor:grab}.category-tab[draggable=true]:active{cursor:grabbing;opacity:.7}.tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.tab-close{background:none;border:none;color:#fff6;font-size:1rem;cursor:pointer;padding:0 2px;line-height:1;transition:color .2s}.tab-close:hover{color:#f44336}.questions-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.question-card-compact{background:#0000004d;padding:14px;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.question-card-compact{cursor:grab;transition:border-color .2s,box-shadow .2s}.question-card-compact:active{cursor:grabbing}.question-card-compact.drag-over{border-color:gold;box-shadow:0 0 12px #ffd70066}.question-card-compact h4{color:gold;margin:0 0 10px;font-size:1.1rem}.compact-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){.compact-row{grid-template-columns:1fr}}.game-board{margin:32px 0}.board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;background:linear-gradient(135deg,#0a0a23e6,#141432e6);padding:16px;border-radius:16px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1)}.category-column{display:flex;flex-direction:column;gap:10px}.category-header{background:linear-gradient(135deg,var(--color-bg-solid) 0%,var(--color-primary) 100%);color:#fff;padding:18px 12px;text-align:center;font-weight:800;font-size:1.15rem;text-transform:uppercase;letter-spacing:1px;border-radius:8px;min-height:85px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #14b8a64d,inset 0 1px #fff3;border:2px solid rgba(255,255,255,.15);text-shadow:0 2px 4px rgba(0,0,0,.5)}.question-cell{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;padding:28px 12px;text-align:center;font-weight:800;font-size:2rem;border-radius:8px;min-height:110px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #14b8a64d,inset 0 1px #fff3;border:2px solid rgba(255,255,255,.15);transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;overflow:hidden}.question-cell:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.question-cell.clickable{cursor:pointer}.question-cell.clickable:hover:not(.answered){transform:translateY(-4px) scale(1.03);box-shadow:0 8px 20px #2dd4bf80,0 0 30px #14b8a666,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#0d9488,#2dd4bf);border-color:#2dd4bf80}.question-cell.clickable:hover:not(.answered):before{left:100%}.question-cell.clickable:active:not(.answered){transform:translateY(-2px) scale(1.01)}.question-cell.answered{background:linear-gradient(135deg,#0a2f2c,#134e4a);color:transparent;cursor:default;opacity:.6;box-shadow:0 2px 6px #00000080,inset 0 2px 8px #0000004d;border-color:#ffffff0d}@media(max-width:768px){.board-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.category-header{font-size:.9rem;padding:12px 6px;min-height:60px}.question-cell{font-size:1.3rem;padding:16px 6px;min-height:70px}}.game-code-display{display:inline-flex;align-items:center;gap:8px;background:var(--color-card-bg);padding:10px 16px;border-radius:8px;border:1px solid var(--color-card-border)}.game-code-label{font-weight:600;opacity:.9}.game-code-value{color:var(--color-score);font-family:monospace;font-weight:700}.game-code-normal .game-code-value{font-size:1.4rem}.game-code-small .game-code-value{font-size:1rem}.game-code-large .game-code-value{font-size:1.8rem}.game-code-copy{background:#ffffff26;border:1px solid var(--color-card-border);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:.9rem;transition:background .2s}.game-code-copy:hover{background:#ffffff40}.btn-exit{background:var(--color-error)!important;color:#fff!important}.btn-exit:hover{background:#dc2626!important;filter:brightness(1.1)}.player-count-display{display:inline-flex;align-items:center;gap:6px;font-size:.95rem}.player-count-value{font-weight:700;color:var(--color-score)}.player-count-label{opacity:.9}.player-count-spectators{font-size:.85rem;opacity:.75}.game-master{padding-bottom:40px;max-width:1800px!important;margin:0 auto}.game-master .card,.game-master .question-content{overflow-y:auto;overflow-x:hidden}.game-master .media-container{overflow:hidden}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.game-id{font-size:1.5rem;font-weight:600;background:var(--color-card-bg);padding:12px 24px;border-radius:8px}.game-id span{color:var(--color-score);font-family:monospace;font-size:1.8rem}.players-section{margin-bottom:24px}.players-section h3{margin-bottom:16px;font-size:1.3rem}.players-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.player-item{background:#0000004d;padding:12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--color-card-border);min-width:0}.player-name{font-weight:600;flex:1;min-width:0}.player-score{color:var(--color-score);font-weight:700;font-size:1.2rem;min-width:60px;text-align:right}.score-edit-input{width:80px;padding:4px 8px;border-radius:4px;border:1px solid var(--color-card-border);font-size:1rem}.btn-sm{padding:6px 12px;font-size:.85rem;white-space:nowrap}.btn-success{background:var(--color-success)}.player-item.current-turn{border:2px solid var(--color-score);background:#eab30833}.player-item.attempted{opacity:.6;background:#00000080}.buzzer-status-badge{display:inline-block;margin-left:8px;font-size:1rem;padding:2px 6px;border-radius:4px;font-weight:600}.buzzer-status-badge.available{background:#22c55e4d;border:1px solid var(--color-success)}.buzzer-status-badge.unavailable{background:#ef44444d;border:1px solid var(--color-error)}.turn-indicator{background:#eab30833;padding:12px;border-radius:6px;margin-bottom:16px;border:2px solid var(--color-score);display:flex;align-items:center;justify-content:space-between}.question-modal{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.question-content{width:100%;max-height:90vh;overflow-y:auto}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.3)}.question-header h3{font-size:1.5rem}.question-header h2{color:var(--color-score);font-size:2rem}.question-text,.answer-section{margin-bottom:24px}.question-text h4,.answer-section h4{margin-bottom:12px;font-size:1.2rem;color:var(--color-score)}.question-text p,.answer-section p{font-size:1.2rem;line-height:1.6}.media-container{margin-top:16px;text-align:center}.media-container img,.media-container video{max-width:100%;max-height:400px;border-radius:8px}.media-container audio{width:100%}.clickable-image.enlarged{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;box-shadow:0 0 50px #000000e6;border:3px solid var(--color-score);border-radius:4px;cursor:zoom-out}.buzzer-status{background:#ffd70033;border:2px solid var(--color-score);border-radius:8px;padding:16px;margin-bottom:24px}.buzzer-player{font-size:1.5rem;font-weight:700;margin-bottom:16px;text-align:center;color:var(--color-score)}.award-buttons{display:flex;gap:12px;justify-content:center}.attempted-players-list{background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:16px;margin-bottom:24px}.attempted-players-list h4{margin-bottom:12px;font-size:1.1rem;color:var(--color-score)}.attempted-players-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.attempted-player-badge{background:#f443364d;border:1px solid #f44336;padding:6px 12px;border-radius:6px;font-weight:600;font-size:.9rem}.remaining-players{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2);font-size:.95rem;opacity:.9}.remaining-players strong{color:var(--color-success)}.question-actions{display:flex;gap:12px;justify-content:flex-end}.media-play-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #667eea4d}.media-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.media-play-btn:active{transform:translateY(0)}.choices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}.choice-box{padding:20px;border-radius:8px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:12px;transition:all .2s ease;min-height:80px}.choice-box.correct{background:#4caf504d;border-color:#4caf50}.choice-box.incorrect{background:#f443364d;border-color:#f44336}.choice-box.selected{background:#4299e14d;border-color:#4299e1;transform:scale(1.02)}.choice-label{width:40px;height:40px;border-radius:8px;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.choice-text{flex:1;font-size:1.1rem}.timer-display{text-align:center;margin:16px 0}.timer-active{color:#4caf50;font-size:3rem;font-weight:700;animation:pulse 1s infinite}.timer-inactive{color:#999;font-size:3rem;font-weight:700}.answer-stats{margin-top:30px;padding:20px;background:#ffffff0d;border-radius:8px}.player-answers-list{margin-top:12px}.player-answer-item{display:flex;justify-content:space-between;padding:8px 12px;margin:4px 0;background:#ffffff0d;border-radius:4px}.player-answer-item .answered{color:#4caf50;font-weight:700}.player-answer-item .not-answered{color:#999}.game-mode-badge{padding:6px 12px;border-radius:4px;background:#ffd7004d;border:1px solid var(--color-score);color:var(--color-score);font-weight:700;font-size:.9rem}.game-loading-screen{display:flex;align-items:center;justify-content:center;min-height:80vh;animation:fadeIn .4s ease}.game-loading-content{text-align:center}.game-loading-content h2{font-size:2.5rem;margin-bottom:16px;color:#4caf50}.game-loading-content p{font-size:1.3rem;opacity:.8;margin-bottom:24px}.game-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#4caf50;border-radius:50%;margin:0 auto;animation:gm-spin 1s linear infinite}@keyframes gm-spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lobby-screen{animation:fadeIn .4s ease}.lobby-header{text-align:center;padding:40px 20px;margin-bottom:24px;background:linear-gradient(135deg,#4caf5026,#4caf500d);border-radius:16px;border:1px solid rgba(76,175,80,.3)}.lobby-header h1{font-size:2.2rem;color:#4caf50;margin-bottom:12px}.lobby-game-id{font-size:2.5rem;font-weight:800;letter-spacing:4px;color:var(--color-score);background:#0000004d;display:inline-block;padding:12px 32px;border-radius:12px;border:2px solid rgba(255,215,0,.3);margin-bottom:12px}.lobby-header .lobby-hint{font-size:1rem;opacity:.6;margin-top:8px}.lobby-players{text-align:center;padding:32px 20px;margin-bottom:24px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.lobby-players h2{font-size:1.5rem;margin-bottom:20px;opacity:.9}.lobby-player-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;min-height:60px;align-items:center}.lobby-player-chip{padding:10px 20px;background:linear-gradient(135deg,#4caf5033,#4caf501a);border:1px solid rgba(76,175,80,.4);border-radius:24px;font-size:1.1rem;font-weight:600;animation:fadeInUp .3s ease}.lobby-waiting-dots{opacity:.5;font-size:1.1rem}.lobby-waiting-dots:after{content:"";animation:dots 1.5s steps(3,end) infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.lobby-start{text-align:center;padding:24px}.game-flow-master{min-height:100vh;display:flex;flex-direction:column}.loading-state{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1.3rem;opacity:.7}.module-progress-bar{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.progress-step{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border-radius:20px;opacity:.5;transition:all .3s ease}.progress-step.active{opacity:1;background:#4caf5033;border:1px solid rgba(76,175,80,.5)}.progress-step.completed{opacity:.7;background:#4caf501a}.step-indicator{width:28px;height:28px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.progress-step.active .step-indicator{background:#4caf50;color:#fff}.progress-step.completed .step-indicator{background:#4caf5080;color:#fff}.step-label{font-size:.85rem;white-space:nowrap}.transition-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transition-content{text-align:center}.transition-content h2{font-size:2.5rem;margin-bottom:16px;color:#4caf50}.transition-content p{font-size:1.3rem;opacity:.8;margin-bottom:24px}.transition-loader{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#4caf50;border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.module-complete-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;background:linear-gradient(90deg,#4caf5033,#4caf501a);border-bottom:2px solid rgba(76,175,80,.5);animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.module-complete-banner span{font-size:1.1rem;font-weight:500}.module-complete-banner.final{background:linear-gradient(90deg,#ffd70033,#ffd7001a);border-color:#ffd70080}.module-complete-banner.final span{color:gold}.module-content{flex:1}.player-view{padding-bottom:40px;max-width:1800px!important;margin:0 auto}.player-view .card,.player-view .question-content{overflow-y:auto;overflow-x:hidden}.player-view .media-container{overflow:hidden}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.player-info{display:flex;gap:16px;align-items:center}.player-name-display{background:var(--color-card-bg);padding:12px 24px;border-radius:8px;font-size:1.3rem;font-weight:600}.player-score-display{background:#eab3084d;padding:12px 24px;border-radius:8px;font-size:1.5rem;font-weight:700;color:var(--color-score);border:2px solid var(--color-score)}.player-item.current-player{border:2px solid #4299e1;background:#4299e133}.player-item.current-turn{border:2px solid var(--color-score)!important;background:#eab30833!important}.turn-number{font-weight:700;color:var(--color-score);margin-right:8px}.turn-indicator{background:#eab30833;padding:12px;border-radius:6px;margin-bottom:16px;border:2px solid var(--color-score);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.turn-indicator strong{color:var(--color-score);font-size:1.1rem}.your-turn-badge{background:var(--color-score);color:#0a0a23;padding:4px 12px;border-radius:4px;font-weight:700;font-size:.9rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes jokerToastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.buzzer-controls{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.buzzer-button{flex:1;min-width:200px;padding:32px;font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--color-error) 0%,#dc2626 100%);color:#fff;border:4px solid #ff4757;border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 16px #ff475766}.pass-button{flex:0 0 auto;min-width:120px;padding:32px 24px;font-size:1.5rem;font-weight:600;border-radius:16px;box-shadow:0 4px 12px #0000004d}.buzzer-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 12px 24px #ff475799}.buzzer-button:active:not(:disabled){transform:scale(.95)}.buzzer-button.locked,.buzzer-button:disabled{background:#4a5568;border-color:#2d3748;cursor:not-allowed;box-shadow:none}.waiting-message{text-align:center;padding:48px;font-size:1.5rem}.waiting-message p{opacity:.8}.player-loading-screen{display:flex;align-items:center;justify-content:center;min-height:70vh;animation:playerFadeIn .4s ease}.player-loading-content{text-align:center}.player-loading-content h2{font-size:2.2rem;margin-bottom:16px;color:#4caf50}.player-loading-content p{font-size:1.2rem;opacity:.7;margin-bottom:24px}.player-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#4caf50;border-radius:50%;margin:0 auto;animation:playerSpin 1s linear infinite}@keyframes playerSpin{to{transform:rotate(360deg)}}@keyframes playerFadeIn{0%{opacity:0}to{opacity:1}}.player-lobby{text-align:center;padding:40px 20px;animation:playerFadeIn .4s ease}.player-lobby h2{font-size:2.2rem;color:#4caf50;margin-bottom:8px}.player-lobby .lobby-subtitle{font-size:1.1rem;opacity:.6;margin-bottom:32px}.player-lobby .player-spinner{margin-bottom:24px}.player-lobby-players{margin-top:24px}.player-lobby-players h3{font-size:1.2rem;opacity:.8;margin-bottom:16px}.player-lobby-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.player-lobby-chip{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:1rem}.revealed-answer{margin-top:24px;padding:20px;background:#ffd70033;border:2px solid #ffd700;border-radius:8px}.revealed-answer h4{color:gold;margin-bottom:12px;font-size:1.2rem}.revealed-answer p{font-size:1.3rem;font-weight:600;color:#fff}.clickable-image{cursor:pointer;transition:all .3s ease;max-width:100%;max-height:400px;object-fit:contain}.clickable-image:hover{opacity:.9;box-shadow:0 4px 12px #ffd70066}.clickable-image.enlarged{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;box-shadow:0 0 50px #000000e6;border:3px solid #ffd700;border-radius:4px;cursor:zoom-out}.image-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000f2;z-index:10000;cursor:zoom-out;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-nav-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;background:#ffffff1a;border-radius:6px}.media-nav-header button{padding:6px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.3);background:#fff3;color:var(--custom-text);cursor:pointer;transition:all .2s ease;font-size:14px}.media-nav-header button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.media-nav-header button:disabled{opacity:.4;cursor:not-allowed}.media-nav-header span{flex:1;text-align:center;font-weight:500;font-size:14px;color:var(--custom-text)}.volume-control-inline{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff1a;border-radius:8px;margin-top:16px}.volume-control-inline label{display:flex;align-items:center;gap:12px;flex:1;font-size:.9rem;color:var(--custom-text, #fff)}.volume-control-inline .volume-slider{flex:1;max-width:200px;height:6px;cursor:pointer}.spectator-view{position:relative}.spectator-view .module-progress-mini{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;margin:0;box-sizing:border-box}.spectator-view .player-name-display{font-size:1rem}.kahoot-question-display{max-width:800px;margin:24px auto;padding:32px;text-align:center}.kahoot-question-header{font-size:.9rem;opacity:.7;margin-bottom:16px}.kahoot-question-text{font-size:1.8rem;margin-bottom:24px}.kahoot-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.kahoot-choice{padding:20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;font-size:1.1rem;transition:all .2s ease}.kahoot-choice.correct{background:#4caf504d;border-color:#4caf50}.game-flow-player{min-height:100vh;display:flex;flex-direction:column}.game-flow-player .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.game-flow-player .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-flow-player .loading-state p{font-size:1.1rem;opacity:.7}.game-flow-player.transition-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3c72,#2a5298);padding-top:48px}.game-flow-player .transition-content{text-align:center;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-flow-player .transition-content h2{font-size:3rem;margin-bottom:16px;color:#4caf50}.game-flow-player .transition-content p{font-size:1.5rem;opacity:.8;margin-bottom:30px}.game-flow-player .transition-loader{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#4caf50;border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.game-flow-player .module-progress-mini{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;margin:0;box-sizing:border-box}.game-flow-player .player-content{padding-top:48px}.module-progress-mini{display:flex;justify-content:center;gap:8px;padding:12px;background:#0003}.progress-dot{width:12px;height:12px;border-radius:50%;background:#fff3;transition:all .3s ease}.progress-dot.active{background:#4caf50;box-shadow:0 0 8px #4caf5080;transform:scale(1.2)}.progress-dot.completed{background:#4caf5080}.player-content{flex:1}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--color-bg)}.login-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;width:100%}.login-card .page-title{margin-bottom:8px;text-align:center;color:#333}.login-card .input-group{margin-bottom:20px}.login-card label{display:block;margin-bottom:6px;font-weight:500;color:#333}.login-card input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fff}.login-card input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #14b8a633}.mode-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:30px 0}.mode-card{padding:30px;border-radius:10px;background:var(--custom-card-bg);border:3px solid transparent;cursor:pointer;transition:all .3s ease;position:relative;text-align:center}.mode-card:hover:not(.disabled){transform:translateY(-5px);box-shadow:0 10px 30px var(--custom-board-glow)}.mode-card.selected{border-color:var(--custom-accent);box-shadow:0 0 20px var(--custom-accent)}.mode-card.disabled{opacity:.5;cursor:not-allowed}.mode-icon{font-size:60px;margin-bottom:15px}.mode-card h2{margin:10px 0;color:var(--custom-text)}.mode-card p{color:var(--custom-text);opacity:.8;font-size:14px;line-height:1.5}.coming-soon{display:inline-block;background:#ff9800;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;margin-top:10px;font-weight:700}.selected-indicator{position:absolute;top:10px;right:10px;background:var(--custom-accent);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.mode-actions{display:flex;gap:16px;justify-content:center;margin-top:30px}.mode-actions .btn{min-width:120px;padding:12px 24px;font-size:16px}.flow-timeline{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:24px}.timeline-header{margin-bottom:16px}.timeline-header h3{margin:0 0 4px;font-size:1.2rem}.timeline-hint{margin:0;font-size:.85rem;opacity:.7}.timeline-track{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:16px 0}.timeline-item-wrapper{display:flex;align-items:center;flex-shrink:0}.timeline-module{background:linear-gradient(135deg,#667eea4d,#764ba24d);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;min-width:160px;max-width:180px;cursor:grab;transition:all .2s ease;position:relative}.timeline-module:hover{border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.timeline-module.dragging{opacity:.5;cursor:grabbing}.timeline-module.drag-over{border-color:#4caf50;border-style:dashed}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.module-icon{font-size:1.5rem}.module-number{font-size:.75rem;opacity:.6;background:#0003;padding:2px 6px;border-radius:4px}.module-type{font-size:.8rem;opacity:.7;margin-bottom:4px}.module-name{font-weight:600;font-size:.95rem;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-actions{display:flex;gap:8px;margin-bottom:8px}.module-actions .btn-sm{padding:4px 10px;font-size:.75rem;border-radius:4px}.module-actions .btn-edit{background:#4caf504d;border:1px solid rgba(76,175,80,.5);color:#fff}.module-actions .btn-edit:hover{background:#4caf5080}.module-actions .btn-remove{background:#f443364d;border:1px solid rgba(244,67,54,.5);color:#fff;font-weight:700}.module-actions .btn-remove:hover{background:#f4433680}.module-score-mode{font-size:.75rem;opacity:.8}.module-score-mode label{display:flex;align-items:center;gap:6px;cursor:pointer}.module-score-mode input[type=checkbox]{width:14px;height:14px}.timeline-connector{display:flex;align-items:center;padding:0 8px}.connector-line{width:20px;height:2px;background:#ffffff4d}.connector-arrow{font-size:.8rem;opacity:.5;margin-left:-4px}.add-module-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);border-radius:12px;padding:20px;min-width:120px;min-height:140px;cursor:pointer;transition:all .2s ease;color:inherit;margin-left:16px}.add-module-btn:hover{background:#ffffff26;border-color:#ffffff80}.add-module-btn .add-icon{font-size:2rem;margin-bottom:8px;opacity:.7}.add-module-btn span:last-child{font-size:.85rem;opacity:.7}.module-editor-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px}.module-editor-modal.full-modal{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:12px;width:100%;max-width:1400px;max-height:98vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.5rem}.btn-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px 8px;opacity:.7;transition:opacity .2s}.btn-close:hover{opacity:1}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input[type=text]{width:100%;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1rem}.type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.type-option{display:flex;flex-direction:column;align-items:center;padding:16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;color:#fff;text-align:center}.type-option:hover{background:#ffffff1a;border-color:#ffffff4d}.type-option.selected{background:#4caf5033;border-color:#4caf50}.type-icon{font-size:2rem;margin-bottom:8px}.type-name{font-weight:600;margin-bottom:4px}.module-config{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:20px}.full-editor{margin-top:16px}.editor-setting{margin-bottom:16px;padding:12px;background:#ffffff0d;border-radius:8px}.editor-setting label{display:flex;align-items:center;gap:8px;cursor:pointer}.setting-hint{font-size:12px;opacity:.7;margin-top:4px;margin-left:24px}.round-tabs{display:flex;gap:8px;margin-bottom:16px}.categories-section,.questions-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.categories-section h4,.questions-section h4{margin:0}.categories-list,.questions-list{display:flex;flex-direction:column;gap:16px}.add-category-btn,.add-question-btn{padding:10px 16px}.category-card-full{background:#ffffff0d;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1)}.module-editor-modal .category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.category-name-input{flex:1;margin-right:12px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1rem}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.question-card-full{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;cursor:grab;transition:border-color .2s,box-shadow .2s}.question-card-full:active{cursor:grabbing}.question-card-full.drag-over{border-color:gold;box-shadow:0 0 12px #ffd70066}.question-points-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.question-points-header input{width:100px;padding:6px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:gold;font-weight:700}.question-points-header label{font-weight:600;color:gold}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.question-number{font-weight:700;font-size:1.1rem;color:gold}.full-editor .input-group{margin-bottom:12px}.full-editor .input-group label{display:block;margin-bottom:6px;font-size:.85rem;opacity:.9}.full-editor .input-group textarea,.full-editor .input-group input[type=text],.full-editor .input-group input[type=number],.full-editor .input-group select{width:100%;padding:8px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.95rem;resize:vertical}.full-editor .media-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.full-editor .media-item{position:relative;display:inline-flex;align-items:center}.full-editor .media-preview{max-width:120px;max-height:80px;overflow:hidden;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.full-editor .media-preview img{width:100%;height:100%;object-fit:cover}.full-editor .media-indicator{padding:8px 12px;background:#ffffff1a;border-radius:6px;font-size:.85rem}.full-editor .btn-remove-media{position:absolute;top:-6px;right:-6px;background:#e53e3e;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.full-editor .timestamp-inputs{margin-top:8px;padding:8px;background:#ffffff0d;border-radius:6px}.full-editor .timestamp-inputs label{font-size:.8rem;margin-bottom:4px}.full-editor .timestamp-row{display:flex;align-items:center;gap:8px}.full-editor .timestamp-row input{width:80px}.full-editor .timestamp-row span{opacity:.6}.editor-settings-panel{padding:16px;background:#ffffff0d;border-radius:8px;margin-bottom:20px}.setting-row{margin-bottom:12px}.setting-row:last-child{margin-bottom:0}.setting-row label{display:block;font-size:.85rem;opacity:.9;margin-bottom:6px}.setting-row select,.setting-row input{width:100%;padding:8px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff}.choice-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}.choice-row input[type=text]{flex:1}.question-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn.btn-sm{padding:4px 10px;font-size:.8rem}.module-editor-modal .category-tabs-bar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;background:#0003;border-radius:10px;align-items:center;margin-bottom:16px}.module-editor-modal .category-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;color:#ffffffb3;font-size:.9rem}.module-editor-modal .category-tab:hover{background:#ffffff26;color:#fff}.module-editor-modal .category-tab.active{background:#4caf5040;border-color:#4caf50;color:#fff;font-weight:600}.module-editor-modal .category-tab.add-tab{background:#ffffff0d;border-style:dashed;font-size:1.1rem;padding:8px 16px;color:#ffffff80}.module-editor-modal .category-tab.add-tab:hover{background:#4caf5026;border-color:#4caf5080;color:#4caf50}.module-editor-modal .category-tab[draggable=true]{cursor:grab}.module-editor-modal .category-tab[draggable=true]:active{cursor:grabbing;opacity:.7}.module-editor-modal .tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.module-editor-modal .tab-close{background:none;border:none;color:#fff6;font-size:1rem;cursor:pointer;padding:0 2px;line-height:1;transition:color .2s}.module-editor-modal .tab-close:hover{color:#f44336}.module-editor-modal .compact-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-flow-creator{max-width:1200px;margin:0 auto;padding:20px}.creator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.creator-header h1{margin:0}.flow-settings{margin-bottom:24px}.flow-name-input{width:100%;padding:12px 16px;font-size:1.1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff}.flow-name-input:focus{outline:none;border-color:#fff6}.creator-actions{display:flex;justify-content:center;margin-top:24px}.btn-lg{padding:14px 32px;font-size:1.1rem}.loading{text-align:center;padding:60px;font-size:1.2rem;opacity:.7}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.type-selector-modal{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:24px;border-radius:16px;max-width:500px;width:90%}.type-selector-modal h2{margin:0 0 20px;text-align:center}.type-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.type-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .2s;color:#fff;text-align:center}.type-card:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.type-card .type-icon{font-size:2.5rem;margin-bottom:10px}.type-card .type-name{font-size:1.2rem;font-weight:600;margin-bottom:6px}.type-card .type-desc{font-size:.85rem;opacity:.7}.type-selector-modal .btn-secondary{width:100%}.container{max-width:1400px;margin:0 auto;padding:20px}.page-title{text-align:center;font-size:3rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.btn{padding:12px 24px;font-size:1rem;font-weight:600;border:none;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 6px #0003}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#0a0a23}.btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-hover) 0%,#fcd34d 100%);transform:translateY(-2px);box-shadow:0 6px 8px #0000004d}.btn-secondary{background:#4a5568;color:#fff}.btn-secondary:hover{background:#5a6578}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#dc2626}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;box-shadow:0 8px 32px #0003;border:1px solid var(--color-card-border)}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:8px;font-weight:600}.input-group input,.input-group textarea,.input-group select{width:100%;padding:10px;border:1px solid var(--color-card-border);border-radius:6px;background:#ffffff1a;color:var(--color-text);font-size:1rem}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--color-text-muted)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--color-accent)}:root{--color-bg: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #14b8a6 100%);--color-bg-solid: #0f766e;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .85);--color-card-bg: rgba(255, 255, 255, .12);--color-card-border: rgba(255, 255, 255, .2);--color-accent: #f59e0b;--color-accent-hover: #fbbf24;--color-primary: #14b8a6;--color-score: #eab308;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--color-input-bg: #ffffff;--color-input-text: #000000}body.dark-mode{--color-bg: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);--color-bg-solid: #0f0f0f;--color-text: #e0e0e0;--color-text-muted: rgba(224, 224, 224, .9);--color-card-bg: rgba(30, 30, 30, .95);--color-card-border: rgba(255, 255, 255, .1);--color-accent: #f59e0b;--color-accent-hover: #fbbf24;--color-primary: #2dd4bf;--color-score: #fbbf24;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--color-input-bg: #2a2a2a;--color-input-text: #e0e0e0}.end-screen-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.end-screen-content{max-width:600px;width:100%;max-height:90vh;overflow-y:auto;text-align:center;padding:32px;border-radius:16px;background:var(--color-card-bg, rgba(255, 255, 255, .1));border:2px solid var(--color-card-border, rgba(255, 255, 255, .2));position:relative;z-index:1}.end-screen-title{font-size:2.5rem;margin-bottom:40px;color:var(--color-score, #eab308);text-shadow:0 0 20px rgba(234,179,8,.5);animation:end-screen-pulse 2s ease-in-out infinite}@keyframes end-screen-pulse{0%,to{text-shadow:0 0 20px rgba(234,179,8,.5)}50%{text-shadow:0 0 30px rgba(234,179,8,.8)}}.rankings{margin-bottom:32px}.rank-item{display:flex;align-items:center;justify-content:space-between;padding:20px;margin-bottom:16px;background:#ffffff1a;border-radius:12px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.rank-item.my-rank{border:2px solid var(--color-success, #4caf50);background:#4caf5033}.rank-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.rank-item.rank-1{background:linear-gradient(135deg,#ffd7004d,#ffa50033);border-color:var(--color-score, #ffd700);box-shadow:0 0 30px #ffd7004d}.rank-item.rank-2{background:linear-gradient(135deg,#c0c0c04d,#a9a9a933);border-color:silver}.rank-item.rank-3{background:linear-gradient(135deg,#cd7f324d,#b8733333);border-color:#cd7f32}.rank-position{font-size:2rem;font-weight:700;min-width:60px;text-align:center}.rank-player-name{flex:1;font-size:1.5rem;font-weight:600;text-align:left;margin:0 20px}.rank-score{font-size:1.8rem;font-weight:700;color:var(--color-score, #ffd700);min-width:120px;text-align:right}.firework{position:absolute;top:100%;width:8px;height:8px;border-radius:50%;background:currentColor;pointer-events:none;filter:drop-shadow(0 0 6px currentColor)}@keyframes firework-rise-1{0%{transform:translate(0) scale(1);opacity:0}5%{opacity:1}45%{transform:translate(-7vw,-48vh) scale(1.2);opacity:1}45.01%{opacity:0}to{transform:translate(-7vw,-48vh) scale(1.2);opacity:0}}@keyframes firework-rise-2{0%{transform:translate(0) scale(1);opacity:0}5%{opacity:1}45%{transform:translate(6vw,-58vh) scale(1.3);opacity:1}45.01%{opacity:0}to{transform:translate(6vw,-58vh) scale(1.3);opacity:0}}@keyframes firework-rise-3{0%{transform:translate(0) scale(1);opacity:0}5%{opacity:1}45%{transform:translate(-9vw,-68vh) scale(1.1);opacity:1}45.01%{opacity:0}to{transform:translate(-9vw,-68vh) scale(1.1);opacity:0}}@keyframes firework-rise-4{0%{transform:translate(0) scale(1);opacity:0}5%{opacity:1}45%{transform:translate(8vw,-52vh) scale(1.4);opacity:1}45.01%{opacity:0}to{transform:translate(8vw,-52vh) scale(1.4);opacity:0}}@keyframes firework-rise-5{0%{transform:translate(0) scale(1);opacity:0}5%{opacity:1}45%{transform:translate(-5vw,-62vh) scale(1.2);opacity:1}45.01%{opacity:0}to{transform:translate(-5vw,-62vh) scale(1.2);opacity:0}}@keyframes firework-rise-6{0%{transform:translate(0) scale(1);opacity:0}5%{opacity:1}45%{transform:translate(10vw,-72vh) scale(1.15);opacity:1}45.01%{opacity:0}to{transform:translate(10vw,-72vh) scale(1.15);opacity:0}}@keyframes firework-rise-7{0%{transform:translate(0) scale(1);opacity:0}5%{opacity:1}45%{transform:translate(-8vw,-54vh) scale(1.25);opacity:1}45.01%{opacity:0}to{transform:translate(-8vw,-54vh) scale(1.25);opacity:0}}@keyframes firework-rise-8{0%{transform:translate(0) scale(1);opacity:0}5%{opacity:1}45%{transform:translate(4vw,-66vh) scale(1.2);opacity:1}45.01%{opacity:0}to{transform:translate(4vw,-66vh) scale(1.2);opacity:0}}@keyframes firework-explode{0%,42%{background:currentColor;box-shadow:0 0 0 6px currentColor;filter:drop-shadow(0 0 6px currentColor)}45%{background:transparent;box-shadow:0 0 0 0 transparent,160px 0 12px 4px currentColor,148px 61px 12px 4px currentColor,113px 113px 12px 4px currentColor,61px 148px 12px 4px currentColor,0 160px 12px 4px currentColor,-61px 148px 12px 4px currentColor,-113px 113px 12px 4px currentColor,-148px 61px 12px 4px currentColor,-160px 0 12px 4px currentColor,-148px -61px 12px 4px currentColor,-113px -113px 12px 4px currentColor,-61px -148px 12px 4px currentColor,0 -160px 12px 4px currentColor,61px -148px 12px 4px currentColor,113px -113px 12px 4px currentColor,148px -61px 12px 4px currentColor,130px 55px 10px 3px currentColor,-130px 55px 10px 3px currentColor,-55px -130px 10px 3px currentColor,55px -130px 10px 3px currentColor,130px -55px 10px 3px currentColor,-130px -55px 10px 3px currentColor,55px 130px 10px 3px currentColor,-55px 130px 10px 3px currentColor,170px 0 14px 5px currentColor,0 -170px 14px 5px currentColor,-170px 0 10px 3px currentColor,0 170px 10px 3px currentColor;filter:drop-shadow(0 0 30px currentColor);opacity:1}85%{background:transparent;box-shadow:175px 0 8px 2px currentColor,162px 67px 8px 2px currentColor,124px 124px 8px 2px currentColor,67px 162px 8px 2px currentColor,0 175px 8px 2px currentColor,-67px 162px 8px 2px currentColor,-124px 124px 8px 2px currentColor,-162px 67px 8px 2px currentColor,-175px 0 8px 2px currentColor,-162px -67px 8px 2px currentColor,-124px -124px 8px 2px currentColor,-67px -162px 8px 2px currentColor,0 -175px 8px 2px currentColor,67px -162px 8px 2px currentColor,124px -124px 8px 2px currentColor,162px -67px 8px 2px currentColor,140px 60px 8px 2px currentColor,-140px 60px 8px 2px currentColor,-60px -140px 8px 2px currentColor,60px -140px 8px 2px currentColor,140px -60px 8px 2px currentColor,-140px -60px 8px 2px currentColor,60px 140px 8px 2px currentColor,-60px 140px 8px 2px currentColor,185px 0 10px 3px currentColor,0 -185px 10px 3px currentColor,-185px 0 8px 2px currentColor,0 185px 8px 2px currentColor;filter:drop-shadow(0 0 20px currentColor);opacity:.7}to{background:transparent;box-shadow:190px 0 4px 0 currentColor,175px 73px 4px 0 currentColor,134px 134px 4px 0 currentColor,73px 175px 4px 0 currentColor,0 190px 4px 0 currentColor,-73px 175px 4px 0 currentColor,-134px 134px 4px 0 currentColor,-175px 73px 4px 0 currentColor,-190px 0 4px 0 currentColor,-175px -73px 4px 0 currentColor,-134px -134px 4px 0 currentColor,-73px -190px 4px 0 currentColor,0 -190px 4px 0 currentColor,73px -190px 4px 0 currentColor,134px -134px 4px 0 currentColor,175px -73px 4px 0 currentColor,150px 65px 4px 0 currentColor,-150px 65px 4px 0 currentColor,-65px -150px 4px 0 currentColor,65px -150px 4px 0 currentColor,150px -65px 4px 0 currentColor,-150px -65px 4px 0 currentColor,65px 150px 4px 0 currentColor,-65px 150px 4px 0 currentColor,200px 0 6px 0 currentColor,0 -200px 6px 0 currentColor,-200px 0 4px 0 currentColor,0 200px 4px 0 currentColor;opacity:0}}.firework-1{color:#ff0040;left:10%;animation:firework-rise-1 1.8s ease-out infinite,firework-explode 1.8s ease-out infinite}.firework-2{color:#ffae00;left:25%;animation:firework-rise-2 2.1s ease-out .2s infinite,firework-explode 2.1s ease-out .2s infinite}.firework-3{color:#0f8;left:40%;animation:firework-rise-3 1.9s ease-out .4s infinite,firework-explode 1.9s ease-out .4s infinite}.firework-4{color:#08f;left:55%;animation:firework-rise-4 2.3s ease-out .1s infinite,firework-explode 2.3s ease-out .1s infinite}.firework-5{color:#f0f;left:70%;animation:firework-rise-5 2s ease-out .5s infinite,firework-explode 2s ease-out .5s infinite}.firework-6{color:#ff0;left:85%;animation:firework-rise-6 2.2s ease-out .3s infinite,firework-explode 2.2s ease-out .3s infinite}.firework-7{color:#0ff;left:15%;animation:firework-rise-7 1.7s ease-out .6s infinite,firework-explode 1.7s ease-out .6s infinite}.firework-8{color:#f60;left:32%;animation:firework-rise-8 2.4s ease-out .8s infinite,firework-explode 2.4s ease-out .8s infinite}.firework-9{color:#ff1493;left:48%;animation:firework-rise-1 1.6s ease-out 1s infinite,firework-explode 1.6s ease-out 1s infinite}.firework-10{color:#7fff00;left:62%;animation:firework-rise-2 2.5s ease-out .15s infinite,firework-explode 2.5s ease-out .15s infinite}.firework-11{color:#ff4500;left:78%;animation:firework-rise-3 1.85s ease-out .45s infinite,firework-explode 1.85s ease-out .45s infinite}.firework-12{color:#00ced1;left:5%;animation:firework-rise-4 2.15s ease-out .9s infinite,firework-explode 2.15s ease-out .9s infinite}.firework-13{color:orchid;left:92%;animation:firework-rise-5 1.95s ease-out .25s infinite,firework-explode 1.95s ease-out .25s infinite}.firework-14{color:#32cd32;left:20%;animation:firework-rise-6 2.35s ease-out .55s infinite,firework-explode 2.35s ease-out .55s infinite}.firework-15{color:#ff69b4;left:75%;animation:firework-rise-7 1.75s ease-out .7s infinite,firework-explode 1.75s ease-out .7s infinite}.firework-16{color:#1e90ff;left:45%;animation:firework-rise-8 2.05s ease-out .35s infinite,firework-explode 2.05s ease-out .35s infinite}.firework-17{color:gold;left:60%;animation:firework-rise-1 1.65s ease-out .95s infinite,firework-explode 1.65s ease-out .95s infinite}.firework-18{color:tomato;left:88%;animation:firework-rise-2 2.25s ease-out .12s infinite,firework-explode 2.25s ease-out .12s infinite}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--custom-background, var(--color-bg));min-height:100vh;color:var(--custom-text, var(--color-text))}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}input[type=text],input[type=password],input[type=number],input[type=file],textarea,select{color:#000!important;background-color:#fff!important}input[type=checkbox],input[type=radio]{width:auto!important;background-color:transparent!important;cursor:pointer}select option{color:#333;background:#fff}body.dark-mode{background:var(--color-bg);color:var(--color-text)}.dark-mode .container{background:#141414f2}.dark-mode .card{background:var(--color-card-bg);border-color:var(--color-card-border)}.dark-mode .btn{background:#333;color:var(--color-text);border-color:var(--color-card-border)}.dark-mode .btn:hover{background:#444;border-color:#ffffff4d}.dark-mode .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#3e87c0 100%);color:#fff}.dark-mode .btn-primary:hover{background:linear-gradient(135deg,#2e6799,#4e97d0)}.dark-mode .btn-secondary{background:#444}.dark-mode .btn-secondary:hover{background:#555}.dark-mode .btn-warning{background:linear-gradient(135deg,var(--color-warning) 0%,#e89b2a 100%)}.dark-mode .btn-warning:hover{background:linear-gradient(135deg,#e98c10,#f8ab3a)}.dark-mode .btn-dark-mode{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);padding:8px 16px;font-size:.9rem;min-width:100px}.dark-mode input[type=text],.dark-mode input[type=password],.dark-mode input[type=number],.dark-mode textarea,.dark-mode select{background-color:var(--color-input-bg)!important;color:var(--color-input-text)!important;border-color:var(--color-card-border)}.dark-mode select option{background:var(--color-input-bg);color:var(--color-input-text)}.dark-mode .game-board{background:var(--color-card-bg)}.dark-mode .category-header{background:linear-gradient(135deg,#1a1a2e,#16213e);border-color:var(--color-card-border)}.dark-mode .question-cell{background:linear-gradient(135deg,#0f3460,#16213e);border-color:var(--color-card-border)}.dark-mode .question-cell:hover:not(.answered){background:linear-gradient(135deg,#1a4d7a,#1e2f4e)}.dark-mode .question-cell.answered{background:linear-gradient(135deg,#0f34604d,#16213e4d)}.dark-mode .question-modal{background:#0a0a0af2}.dark-mode .question-content{background:var(--color-card-bg);border-color:var(--color-card-border)}.dark-mode .player-item{background:#282828cc;border-color:var(--color-card-border)}.dark-mode .player-item:hover{background:#323232e6}.dark-mode .player-item.current-turn{background:linear-gradient(135deg,#ffd70033,#ffa50026);border-color:var(--color-score)}.game-header-content,.player-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}.header-buttons{display:flex;gap:10px;align-items:center}.customize-panel{margin:20px 0;padding:20px;border:2px solid var(--custom-accent, #4CAF50)}.customize-panel h3{margin-bottom:20px;color:var(--custom-text, white)}.customize-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.customize-item{display:flex;flex-direction:column;gap:8px}.customize-item label{font-weight:600;color:var(--custom-text, white);font-size:.9rem}.customize-item input[type=color]{width:100%;height:50px;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;background:transparent}.customize-item input[type=text]{padding:10px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:.9rem}.customize-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-customize{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;padding:8px 16px;font-size:.9rem}.btn-customize:hover{background:linear-gradient(135deg,#2dd4bf 0%,var(--color-accent-hover) 100%)}body{background:var(--custom-background, var(--color-bg));color:var(--custom-text, var(--color-text))}.card{background:var(--custom-card-bg, var(--color-card-bg));border-color:var(--custom-card-border, var(--color-card-border))}.btn-primary{background:linear-gradient(135deg,var(--custom-accent, var(--color-accent)) 0%,var(--custom-accent, var(--color-accent-hover)) 100%)}.category-header{box-shadow:0 0 20px var(--custom-board-glow, rgba(20, 184, 166, .4))}.question-cell:hover:not(.answered){box-shadow:0 8px 25px var(--custom-question-glow, rgba(34, 197, 94, .5))}.game-board{box-shadow:0 0 30px var(--custom-board-glow, rgba(20, 184, 166, .3))}.font-selector{width:100%;padding:10px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:.9rem;cursor:pointer}