@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+Georgian:wght@400;500;600;700&display=swap";.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14121099;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal-card{background:#fffaf3;border-radius:20px;padding:24px;width:min(460px,92vw);box-shadow:0 30px 80px #14121040;position:relative}.auth-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#6d6256;font-size:1.2rem;cursor:pointer;width:32px;height:32px;border-radius:8px}.auth-modal-header{text-align:center;margin-bottom:18px}.auth-modal-icon{width:56px;height:56px;background:#1a1b23;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;margin:0 auto 10px}.auth-modal-header h2{margin:0 0 8px}.auth-modal-subtitle{color:#6d6256;margin:0}.auth-modal-error{background:#e0704a1f;border:1px solid rgba(224,112,74,.35);color:#e0704a;padding:10px;border-radius:10px;margin-bottom:14px;font-weight:600;text-align:center}.auth-modal-buttons{display:grid;gap:12px}.auth-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:12px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font-size:.95rem}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button-google{background:#1a1b23;color:#fff}.auth-button-google:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #1a1b234d}.auth-modal-footer{text-align:center;color:#6d6256;font-size:.8rem;margin-top:14px}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14121099;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal-card{background:#fffaf3;border-radius:20px;padding:24px;width:min(420px,92vw);box-shadow:0 30px 80px #14121040;position:relative;display:grid;gap:18px}.confirm-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#6d6256;font-size:1.2rem;cursor:pointer;width:32px;height:32px;border-radius:8px}.confirm-modal-header{text-align:center;display:grid;gap:8px}.confirm-modal-icon{width:56px;height:56px;background:#1a1b23;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;margin:0 auto}.confirm-modal-subtitle{color:#6d6256;margin:0}.confirm-modal-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.language-switcher-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:10px}.flag-icon{width:28px;height:14px;flex-shrink:0;display:inline-block;object-fit:contain;border-radius:2px}.language-option .flag-icon{width:32px;height:16px}.theme-toggle-button{width:42px;height:42px;border-radius:10px;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:var(--card);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px color-mix(in srgb,var(--night) 24%,transparent);transition:transform .15s ease,box-shadow .15s ease,border-color .2s ease}.theme-toggle-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--teal) 55%,transparent);box-shadow:0 8px 18px color-mix(in srgb,var(--teal) 22%,transparent)}.theme-toggle-button:active{transform:scale(.98)}.theme-toggle-icon{font-size:16px;line-height:1}.language-switcher-button{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--card);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--night) 22%,transparent);color:var(--ink)}.language-switcher-button:hover{border-color:color-mix(in srgb,var(--teal) 55%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--teal) 22%,transparent);background:color-mix(in srgb,var(--card) 82%,var(--teal) 18%)}.language-switcher-button:active{transform:scale(.98)}.lang-flag{width:28px;height:14px;flex-shrink:0;display:inline-block}.lang-name{font-weight:600;letter-spacing:.5px}.dropdown-arrow{font-size:10px;margin-left:4px;transition:transform .2s ease;opacity:.6}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--card);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:8px;box-shadow:0 8px 20px color-mix(in srgb,var(--night) 28%,transparent);min-width:200px;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--ink);transition:all .2s ease;text-align:left}.language-option:hover{background:color-mix(in srgb,var(--card) 80%,var(--teal) 20%)}.language-option.active{background:color-mix(in srgb,var(--card) 72%,var(--teal) 28%);color:var(--teal);font-weight:600}.language-option .lang-flag{width:32px;height:16px;flex-shrink:0;display:inline-block}.language-option .lang-name{flex:1;display:inline-block}.checkmark{color:var(--teal);font-weight:700;font-size:16px;margin-left:8px;flex-shrink:0}@media (max-width: 600px){.language-switcher-container{top:10px;right:10px;gap:8px}.theme-toggle-button{width:36px;height:36px}.language-switcher-button{padding:8px 10px;font-size:12px;gap:6px}.language-switcher-button .lang-name{display:none}.flag-icon{width:24px;height:12px}.language-dropdown-menu{min-width:180px}.language-option{padding:10px 12px;gap:10px}.language-option .flag-icon{width:28px;height:14px}}:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;background:#f6f2ea;color:#1e1b16;--ink: #1e1b16;--muted: #6d6256;--cream: #f6f2ea;--sand: #f1e6d6;--teal: #1a7f6b;--coral: #e0704a;--amber: #f0b44f;--night: #1a1b23;--card: #ffffff;--shadow: 0 24px 60px rgba(40, 32, 20, .18)}:root[data-theme=dark]{color-scheme:dark;background:#1f232d;color:#ece5db;--ink: #ece5db;--muted: #b7aea2;--cream: #1f232d;--sand: #2a303c;--teal: #4fb4a1;--coral: #df8d6d;--amber: #d7b067;--night: #12161d;--card: #2b313d;--shadow: 0 24px 60px rgba(7, 10, 16, .45)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--cream);color:var(--ink)}:root[data-theme=dark] main.page{background:radial-gradient(circle at 15% 15%,rgba(215,176,103,.18),transparent 45%),radial-gradient(circle at 85% 20%,rgba(79,180,161,.16),transparent 40%),radial-gradient(circle at 50% 85%,rgba(223,141,109,.16),transparent 35%),linear-gradient(135deg,#1f232d,#232936 40%,#2a303c 90%)}h1,h2,h3,h4{font-family:Playfair Display,Times New Roman,serif;margin:0;color:var(--ink)}p{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.7rem;font-weight:700;color:var(--teal);display:block;margin-bottom:4px}[lang=ge] .eyebrow,.eyebrow[lang=ge]{text-transform:none;letter-spacing:.05em;font-family:Noto Sans Georgian,Sylfaen,sans-serif;font-weight:600}.subcopy,.muted{color:var(--muted);line-height:1.6}main.page{min-height:100vh;padding:32px clamp(20px,4vw,64px) 60px;background:radial-gradient(circle at 15% 15%,rgba(240,180,79,.2),transparent 45%),radial-gradient(circle at 85% 20%,rgba(26,127,107,.18),transparent 40%),radial-gradient(circle at 50% 85%,rgba(224,112,74,.2),transparent 35%),linear-gradient(135deg,#f6f2ea,#f9f7f2 40%,#f2e6d7 90%)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.panel{background:var(--card);border-radius:18px;padding:20px;box-shadow:var(--shadow);display:grid;gap:24px}.panel-header{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid rgba(26,127,107,.08)}.panel-actions{display:flex;gap:10px;flex-wrap:wrap}.panel-footer{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}@media (max-width: 720px){main.page{padding:74px 12px 40px}.panel-footer{justify-content:stretch}}.btn{border:none;padding:12px 20px;border-radius:14px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font-size:.95rem}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px #1e1b1638}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--night) 0%,#2d2e35 100%);color:#fff;font-weight:700;letter-spacing:.4px;box-shadow:0 8px 20px #1a1b2340}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#252630,#1a1b23);box-shadow:0 12px 32px #1a1b2359}.btn.secondary{background:linear-gradient(135deg,var(--teal) 0%,#158f7f 100%);color:#fff;font-weight:700;letter-spacing:.4px;box-shadow:0 8px 20px #1a7f6b40}.btn.secondary:hover:not(:disabled){background:linear-gradient(135deg,#158f7f,#0f6b5a);box-shadow:0 12px 32px #1a7f6b59}.btn.ghost{background:#1e1b160f;color:var(--ink);font-weight:600}.btn.ghost:hover:not(:disabled){background:#1e1b161f}.btn.accent{background:linear-gradient(135deg,#e9a88e,#d68a6d);color:#fff;font-weight:700;letter-spacing:.4px;box-shadow:0 8px 20px #d68a6d40}.btn.accent:hover:not(:disabled){background:linear-gradient(135deg,#e1a086,#c97e63);box-shadow:0 12px 32px #d68a6d4d}.btn.with-icon{display:inline-flex;align-items:center;gap:8px}.btn.with-icon svg{display:block}.form{display:grid;gap:16px}.field{display:grid;gap:8px;font-weight:600;color:var(--ink)}.field input,.field select{border-radius:12px;border:1px solid rgba(30,27,22,.2);padding:12px 14px;font-size:.95rem;font-family:inherit;background:#fff}.field input:focus,.field select:focus{outline:2px solid rgba(26,127,107,.25);border-color:#1a7f6b99}.checkbox-field{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-field input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--teal)}.form-error{background:#e0704a1f;color:var(--coral);padding:10px 12px;border-radius:12px;font-weight:600}.timer-config{background:#1a7f6b14;border:1px solid rgba(26,127,107,.2);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.timer-label{display:block;font-weight:600;color:var(--ink);margin-bottom:8px}.timer-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.timer-button{padding:10px 16px;border:2px solid rgba(26,127,107,.3);background:#fff;border-radius:8px;font-weight:600;color:var(--ink);cursor:pointer;transition:all .2s ease;font-size:.95rem}.timer-button:hover{border-color:#1a7f6b99;background:#1a7f6b0d}.timer-button.active{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 4px 12px #1a7f6b4d}.custom-timer{margin-top:8px;max-width:200px}:root[data-theme=dark] .field input,:root[data-theme=dark] .field select{background:#262c38;color:var(--ink);border-color:#4fb4a147}:root[data-theme=dark] .timer-config{background:#4fb4a11a;border-color:#4fb4a147}:root[data-theme=dark] .timer-button{background:#262c38;border-color:#4fb4a14d;color:var(--ink)}:root[data-theme=dark] .timer-button:hover{background:#4fb4a124}.card{background:var(--card);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:var(--night);color:#fff;font-size:.8rem;font-weight:600}.badge.soft{background:#1a7f6b26;color:var(--teal)}.chip{border:1px solid rgba(30,27,22,.15);padding:8px 14px;border-radius:999px;background:#fff;cursor:pointer;font-weight:700}.chip.active{background:var(--night);color:#fff}.dot{width:12px;height:12px;border-radius:999px;display:inline-block}.dot.teal{background:var(--teal)}.dot.amber{background:var(--amber)}.dot.coral{background:var(--coral)}.feature-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px;color:var(--muted);font-weight:600}.feature-list li:before{content:"•";margin-right:8px;color:var(--teal)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.preset-card{border:1px solid rgba(30,27,22,.12);border-radius:18px;padding:18px;background:#fff;text-align:left;cursor:pointer;transition:border .15s ease,transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;gap:0}.preset-card h4{margin:0 0 6px;flex-grow:1}.preset-card p{margin:0 0 14px;font-size:.9rem}.preset-card.selected{border-color:var(--teal);box-shadow:0 14px 30px #1a7f6b33}.preset-card:hover{transform:translateY(-2px);border-color:#1a7f6b4d}.quiz-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid rgba(30,27,22,.08)}.quiz-actions .btn{padding:9px 14px;font-size:.85rem;font-weight:600;flex:1 1 auto;min-width:65px}.quiz-actions .btn.secondary{flex:1.1 1 auto;min-width:55px}.quiz-actions .btn.ghost{flex:1 1 auto;min-width:60px}.builder{display:grid;gap:20px}.builder-head{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.question-block{border:1px solid rgba(30,27,22,.12);border-radius:18px;padding:18px;background:#fffdf9;display:grid;gap:14px}.question-title{display:flex;align-items:center;justify-content:space-between}.text-button{border:none;background:transparent;color:var(--coral);font-weight:700;cursor:pointer}.panel.highlight{background:linear-gradient(140deg,#fff4e7,#fffdf8)}:root[data-theme=dark] .chip{border-color:#ece5db2e;background:#262c38;color:var(--ink)}:root[data-theme=dark] .preset-card,:root[data-theme=dark] .question-block{background:#262c38;border-color:#ece5db24}:root[data-theme=dark] .quiz-actions{border-top-color:#ece5db1f}:root[data-theme=dark] .panel.highlight{background:linear-gradient(140deg,#343c4b,#2a303c)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:center;margin-bottom:32px}.hero-copy h1{font-size:clamp(2.4rem,4vw,3.8rem);margin:16px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.host-pill{display:inline-flex;gap:6px;align-items:center;padding:10px 16px;border-radius:999px;background:#1a7f6b1a;color:var(--teal);font-weight:600}.hero-card{background:var(--card);border-radius:20px;padding:20px;box-shadow:var(--shadow);display:grid;gap:18px}.hero-card-header{display:flex;gap:10px;flex-wrap:wrap}.hero-code{background:var(--sand);border-radius:20px;padding:20px;display:grid;gap:8px}.hero-code h2{font-size:2.2rem;letter-spacing:.12em}.hero-list{display:grid;gap:12px}.hero-row{display:flex;gap:10px;align-items:center;font-weight:600}@media (max-width: 720px){.hero-actions{flex-direction:column;align-items:stretch}}.scoreboard-side{grid-column:2;grid-row:1 / span 3;background:linear-gradient(135deg,#fffffff2,#fffaf3fa);border-radius:16px;padding:0;border:1.5px solid rgba(26,127,107,.12);height:fit-content;position:sticky;top:20px;max-width:280px;width:100%;overflow:hidden;box-shadow:0 8px 24px #1a7f6b14}.scoreboard-header{background:linear-gradient(135deg,#1a7f6b,#158f7f);color:#fff;padding:24px 28px;border-bottom:none}.scoreboard-header h4{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.leaderboard-list{padding:20px 16px;margin:0;display:flex;flex-direction:column;list-style:none;max-height:none;gap:12px}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border:1px solid rgba(26,127,107,.1);border-radius:14px;transition:all .3s ease;position:relative;background:#fff9}.leaderboard-item:last-child{border-bottom:1px solid rgba(26,127,107,.1)}.leaderboard-item:hover{background:#1a7f6b12;border-color:#1a7f6b33;transform:translate(2px)}.leaderboard-item.rank-1{background:linear-gradient(135deg,#ffd7001f,#ffd7000f);border:1.5px solid rgba(255,215,0,.4);box-shadow:0 4px 16px #ffd70026}.leaderboard-item.rank-2{background:linear-gradient(135deg,#c0c0c01a,#c0c0c00d);border:1.5px solid rgba(192,192,192,.35);box-shadow:0 4px 16px #c0c0c01f}.leaderboard-item.rank-3{background:linear-gradient(135deg,#cd7f321f,#cd7f320f);border:1.5px solid rgba(205,127,50,.35);box-shadow:0 4px 16px #cd7f321f}.rank-section{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.rank-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a7f6b,#158f7f);color:#fff;font-weight:800;font-size:.95rem;flex-shrink:0;box-shadow:0 4px 14px #1a7f6b40;font-family:Playfair Display,serif}.rank-1 .rank-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#333;box-shadow:0 6px 18px #ffd70059;text-shadow:0 1px 2px rgba(255,255,255,.5)}.rank-2 .rank-badge{background:linear-gradient(135deg,silver,#e8e8e8);color:#333;box-shadow:0 6px 18px #c0c0c04d;text-shadow:0 1px 2px rgba(255,255,255,.8)}.rank-3 .rank-badge{background:linear-gradient(135deg,#cd7f32,#e6a76e);color:#fff;box-shadow:0 6px 18px #cd7f324d;text-shadow:0 1px 2px rgba(0,0,0,.3)}.player-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#1a7f6b,#158f7f);color:#fff;font-weight:700;font-size:.88rem;flex-shrink:0;box-shadow:0 4px 12px #1a7f6b33;letter-spacing:.3px}.rank-1 .player-avatar{background:linear-gradient(135deg,gold,#ffed4e);color:#333;box-shadow:0 4px 12px #ffd70040}.rank-2 .player-avatar{background:linear-gradient(135deg,silver,#e8e8e8);color:#333;box-shadow:0 4px 12px #c0c0c040}.rank-3 .player-avatar{background:linear-gradient(135deg,#cd7f32,#e6a76e);color:#fff;box-shadow:0 4px 12px #cd7f3240}.player-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.player-name{font-weight:700;color:var(--ink);font-size:.96rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.player-status{font-size:.76rem;color:#1a7f6bbf;font-weight:500;letter-spacing:.1px}.score-section{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;margin-left:16px}.score{font-weight:800;font-size:1.15rem;color:var(--teal);letter-spacing:-.3px;font-family:Playfair Display,serif}.score-label{font-size:.68rem;font-weight:700;color:#1a7f6b99;text-transform:uppercase;letter-spacing:.6px}.pts-badge{display:flex;align-items:center;gap:4px;white-space:nowrap;font-weight:700;color:var(--teal)}.pts-badge small{font-size:.65rem;font-weight:600;color:#1a7f6bb3}@media (max-width: 1200px){.scoreboard-side{grid-column:1;grid-row:auto;max-width:100%;position:relative;top:0}}.scoreboard{background:#fffaf3;border-radius:18px;padding:18px;border:1px solid rgba(30,27,22,.1)}.scoreboard.full{max-width:520px}.scoreboard ol{padding-left:20px;margin:12px 0 0;display:grid;gap:10px}.scoreboard li{display:flex;justify-content:space-between;align-items:center;font-weight:600}.leaderboard-bars{background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:16px;border:1.5px solid rgba(255,255,255,.25);display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 32px #0003}.leaderboard-row{display:grid;grid-template-columns:28px 70px 1fr 40px;gap:8px;align-items:center;padding:10px 12px;background:#ffffff14;border-radius:10px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.leaderboard-row:hover{background:#ffffff26;border-color:#fff3;transform:translate(4px)}@media (max-width: 768px){.leaderboard-row{grid-template-columns:26px 65px 1fr 38px;gap:6px;padding:7px 8px}}.row-rank{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.95rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);font-family:Playfair Display,serif}.row-player{display:flex;align-items:center;gap:6px;min-width:0}.player-avatar-small{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff;border:2.5px solid rgba(255,255,255,.7);flex-shrink:0;text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 3px 10px #0003;transition:all .3s ease}.leaderboard-row:hover .player-avatar-small{border-color:#fffffff2;box-shadow:0 4px 14px #00000040}.player-name-text{font-weight:600;font-size:.85rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;letter-spacing:.3px}.score-bar-container{height:20px;background:#ffffff26;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 2px 4px #00000026}.score-bar{height:100%;border-radius:10px;min-width:4%;transition:width .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000040,inset 0 1px #ffffff4d;position:relative}.score-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 50%);border-radius:10px}.row-score{font-weight:900;font-size:.9rem;color:#fff;text-align:right;text-shadow:0 1px 3px rgba(0,0,0,.3);font-family:Playfair Display,serif;letter-spacing:.5px}@media (max-width: 768px){.row-score{font-size:.8rem}}.question-view{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.question-view-full{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:24px;min-height:650px}@media (max-width: 1200px){.question-view-full{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;gap:20px;min-height:600px}}.question-header{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:12px}.question-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}@media (max-width: 900px){.question-header-top{flex-wrap:wrap;align-items:flex-start;gap:12px}.question-header-top>div:first-child{flex:1 1 100%;min-width:0}.question-timer{width:68px;height:68px;font-size:1.5rem}.audio-volume{flex:1 1 220px;min-width:0;align-self:center}}@media (max-height: 520px) and (orientation: landscape){.question-header-top{gap:10px}.audio-volume{grid-template-columns:auto minmax(120px,1fr) auto;padding:6px 10px;border-radius:16px}.audio-volume__label{font-size:.65rem;letter-spacing:.16em}.audio-volume__value{min-width:36px;font-size:.76rem}.audio-volume__slider,.audio-volume__slider::-webkit-slider-runnable-track,.audio-volume__slider::-moz-range-track{height:5px}.audio-volume__slider::-webkit-slider-thumb,.audio-volume__slider::-moz-range-thumb{width:16px;height:16px}.audio-volume__slider::-webkit-slider-thumb{margin-top:-5px}}.question-header p{margin:0}.question-header h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;font-weight:700;letter-spacing:-.3px;color:var(--ink);margin:0}.audio-volume{display:grid;grid-template-columns:auto 140px auto;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(26,127,107,.18);background:#ffffffd9;box-shadow:0 6px 16px #1a18141a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.audio-volume__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--teal);font-weight:700}.audio-volume__value{font-size:.8rem;font-weight:700;color:var(--ink);min-width:42px;text-align:right}.audio-volume__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,#1a7f6bb3,#f0b44fd9);outline:none;position:relative;cursor:pointer;caret-color:transparent;-webkit-user-select:none;user-select:none}.audio-volume__slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#1a7f6bb3,#f0b44fd9)}.audio-volume__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(26,127,107,.7);box-shadow:0 6px 14px #1a18142e;margin-top:-6px;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.audio-volume__slider::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#1a7f6bb3,#f0b44fd9)}.audio-volume__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(26,127,107,.7);box-shadow:0 6px 14px #1a18142e;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.audio-volume__slider:hover::-webkit-slider-thumb,.audio-volume__slider:focus-visible::-webkit-slider-thumb,.audio-volume__slider:hover::-moz-range-thumb,.audio-volume__slider:focus-visible::-moz-range-thumb{transform:scale(1.08);box-shadow:0 8px 18px #1a18143d}@media (max-width: 720px){.audio-volume{grid-template-columns:auto 1fr auto;width:100%}.question-view-full{gap:14px;min-height:auto}.question-header h2{font-size:clamp(1.3rem,6vw,1.7rem)}.question-content{gap:12px}.question-image-area{height:220px}.question-options-section{padding:12px;gap:10px}.option-grid-large{gap:10px}.option-pill-large{padding:14px 12px;min-height:48px;font-size:.95rem;line-height:1.35;white-space:normal;word-break:break-word}.question-options-section .panel-footer{display:grid;grid-template-columns:1fr;gap:10px}.question-options-section .panel-footer .btn{width:100%}}.question-timer{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border:3px solid;border-radius:50%;font-weight:800;font-size:1.8rem;transition:all .15s ease;flex-shrink:0;box-shadow:0 8px 24px #00000026;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.question-timer.warning{animation:pulse .5s ease-in-out infinite;box-shadow:0 12px 32px #e0704a40}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timer-number{font-family:Playfair Display,serif;font-weight:800}.question-content{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:stretch}.question-image-area{flex:0 0 auto;height:320px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#1a7f6b14,#f0b44f0f);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #3a32261a;border:1px solid rgba(26,127,107,.1)}.question-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.question-options-section{display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#f0b44f08,#1a7f6b05);padding:16px;border-radius:16px;border:1px solid rgba(26,127,107,.08);box-shadow:0 4px 12px #3a32260f}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.option-grid-large{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}@media (max-width: 768px){.option-grid-large{grid-template-columns:1fr}}.option-pill{border-radius:14px;border:1px solid rgba(30,27,22,.15);padding:12px 14px;background:#fff;font-weight:600}.option-pill-large{border-radius:14px;border:2px solid rgba(30,27,22,.15);padding:16px 20px;background:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;min-height:52px;display:flex;align-items:center;justify-content:center}.option-pill-large:hover:not(:disabled){border-color:var(--amber);background:#f0b44f0d}.option-pill-large.selected:hover:not(:disabled){border-color:var(--amber);background:#f0b44f1a}.option-pill-large.selected{border-color:var(--amber);background:#f0b44f26;box-shadow:0 4px 12px #f0b44f40}.option-pill-large.correct{border-color:#1a7f6bcc;background:#1a7f6b1f;color:var(--teal)}.option-pill-large.wrong{border-color:#e0704acc;background:#e0704a26;color:var(--coral)}.option-pill-large.locked{opacity:.7;cursor:not-allowed}:root[data-theme=dark] .audio-volume{border-color:#4fb4a147;background:#2b313de0;box-shadow:0 8px 18px #070a1047}:root[data-theme=dark] .audio-volume__slider::-webkit-slider-thumb{background:#c8d2cc;border-color:#4fb4a1d9}:root[data-theme=dark] .audio-volume__slider::-moz-range-thumb{background:#c8d2cc;border-color:#4fb4a1d9}:root[data-theme=dark] .option-pill,:root[data-theme=dark] .option-pill-large{background:#2b313d;color:var(--ink);border-color:#ece5db33}:root[data-theme=dark] .option-pill-large:hover:not(:disabled){background:#d7b06724}:root[data-theme=dark] .option-pill-large.selected:hover:not(:disabled){background:#d7b06733}:root[data-theme=dark] .option-pill-large.selected{background:#d7b06733;box-shadow:0 6px 16px #090d144d}:root[data-theme=dark] .option-pill-large.correct{border-color:#48c48cf2;background:#22634aa6;color:#d5f7e8;box-shadow:0 0 0 2px #48c48c47,0 10px 24px #10503673}:root[data-theme=dark] .option-pill-large.wrong{border-color:#ef6b6bf2;background:#782d389e;color:#ffd8dd;box-shadow:0 0 0 2px #ef6b6b3d,0 10px 24px #58202973}.question-reveal-view{display:grid;grid-template-columns:1fr auto;gap:24px;animation:fadeIn .6s ease-out;min-height:650px}@media (max-width: 1200px){.question-reveal-view{grid-template-columns:1fr;gap:20px;min-height:600px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.question-reveal-view .eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.25em;color:var(--teal);grid-column:1}.reveal-question{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.2;font-weight:700;letter-spacing:-.5px;color:var(--ink);margin:0;grid-column:1;justify-self:start;text-align:left}.reveal-image-area{grid-column:2;grid-row:1 / 3;flex:0 0 auto;width:100%;min-height:400px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#1a7f6b14,#f0b44f0f);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px #3a32261f;border:1px solid rgba(26,127,107,.1)}@media (max-width: 1200px){.reveal-image-area{grid-column:1;grid-row:3;max-height:300px;min-height:300px}}.reveal-image{width:100%;height:100%;object-fit:cover}.reveal-hint{font-size:1rem;color:var(--muted);font-weight:500;letter-spacing:.5px;animation:pulse-text 1.5s ease-in-out infinite;grid-column:1}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.lobby{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.lobby-code{background:var(--sand);border-radius:18px;padding:18px;display:grid;gap:10px}.lobby-code h3{letter-spacing:.18em}.lobby-list ul{margin:12px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:6px}.waiting{text-align:center;padding:28px 24px;border-radius:20px;background:linear-gradient(135deg,#1a7f6b0f,#f0b44f0a);border:1.5px solid rgba(26,127,107,.15);box-shadow:0 8px 28px #1a7f6b14}.waiting h3{font-size:1.5rem;margin-bottom:12px;font-weight:700;letter-spacing:-.3px}.waiting p{font-size:.96rem;line-height:1.6}.answer-feedback{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2,#4158d0,#00b4db,#0083b0);background-attachment:fixed;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .5s ease-out}.feedback-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;max-width:600px;width:100%;animation:slideUp .6s cubic-bezier(.34,1.56,.64,1)}.feedback-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);margin:0;letter-spacing:.5px}.feedback-icon{display:flex;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;color:#fff;filter:drop-shadow(0 8px 24px rgba(0,0,0,.3));animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1)}.feedback-icon.correct{background:linear-gradient(135deg,#34d399,#10b981)}.feedback-icon.wrong{background:linear-gradient(135deg,#ef4444,#dc2626)}.feedback-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.feedback-streak,.feedback-message{font-size:clamp(1rem,2vw,1.3rem);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3);margin:0;font-weight:600;letter-spacing:.3px}.feedback-points{font-size:clamp(1.8rem,4vw,2.8rem);font-family:Playfair Display,serif;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);margin:12px 0 0;letter-spacing:-.5px;padding:16px 32px;background:#0003;border-radius:16px}.feedback-rank{font-size:.95rem;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.3);margin:8px 0 0;font-weight:500;letter-spacing:.3px}.feedback-score{font-size:.9rem;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.3);margin:12px 0 0;font-weight:500;letter-spacing:.2px}.waiting-for-others{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2,#4158d0,#00b4db,#0083b0);background-attachment:fixed;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .5s ease-out}.waiting-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;max-width:600px;width:100%;animation:slideUp .6s cubic-bezier(.34,1.56,.64,1)}.waiting-spinner{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.spinner-animation{width:60px;height:60px;border:5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.waiting-for-others h3{font-size:clamp(1.4rem,3.5vw,2rem);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);margin:0;letter-spacing:.5px;font-weight:700}.waiting-message{font-size:clamp(1rem,2vw,1.2rem);color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.3);margin:0;font-weight:500;letter-spacing:.3px}.waiting-players{width:100%;margin-top:12px}.waiting-label{font-size:.9rem;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.3);margin:0 0 12px;font-weight:600;letter-spacing:.2px}.player-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;width:100%}.player-check{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:10px;background:#ffffff1a;transition:all .3s ease}.player-check.answered{background:#34d3994d;box-shadow:0 0 12px #34d39980}.player-check.waiting{background:#ffffff1a}.check-icon{font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);animation:pulse 1.5s ease-in-out infinite}.player-check.answered .check-icon{animation:none;color:#34d399}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.check-name{font-size:.85rem;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3);text-align:center;font-weight:500;word-break:break-word}.leaderboard-celebration{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2,#4158d0,#00b4db,#0083b0);background-attachment:fixed;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.leaderboard-celebration:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.1) 0%,transparent 50%);z-index:1;pointer-events:none}.confetti-container{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.confetti{position:absolute;width:6px;height:6px;background:gold;opacity:.7;border-radius:50%;animation:confetti-fall linear infinite;top:-10px}.confetti:nth-child(odd){background:#ff6b9d}.confetti:nth-child(3n){background:#00d4ff}.confetti:nth-child(5n){background:#00c896}.confetti:nth-child(7n){background:#ffa502;border-radius:2px}.confetti:nth-child(11n){background:#ffe55c}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}.leaderboard-wrapper{position:relative;z-index:100;width:100%;max-width:650px;display:flex;flex-direction:column;gap:18px;max-height:90vh;max-height:90dvh;animation:slideUp .6s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.celebration-title{font-size:clamp(1.5rem,3vw,2.2rem);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);margin:0;text-align:center;font-weight:700;letter-spacing:.5px}.podium-compact{display:grid;grid-template-columns:70px 100px 70px;gap:10px;justify-content:center;align-items:flex-end;height:140px}@media (max-width: 768px){.podium-compact{grid-template-columns:1fr 1.1fr 1fr;gap:6px;height:auto}}.podium-slot{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;transition:transform .3s ease}.podium-slot:hover{transform:translateY(-4px)}.podium-slot.first-place{order:1}.podium-slot.second-place{order:0}.podium-slot.third-place{order:2}.medal{position:absolute;top:-14px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;border:2px solid rgba(255,255,255,.8);z-index:20;text-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 4px 12px #0000004d}.podium-slot.first-place .medal{background:radial-gradient(circle at 35% 35%,#ffe55c,gold);box-shadow:0 4px 16px #ffd70066}.podium-slot.second-place .medal{background:radial-gradient(circle at 35% 35%,#f0f0f0,#d3d3d3);box-shadow:0 4px 12px #c0c0c04d}.podium-slot.third-place .medal{background:radial-gradient(circle at 35% 35%,#e8c4a0,#d2a679);box-shadow:0 4px 12px #cd7f324d}.podium-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 6px 20px #00000059;border:3px solid rgba(255,255,255,.9);transition:all .3s ease}.podium-slot:hover .podium-avatar{box-shadow:0 8px 28px #0006;border-color:#fff}@media (max-width: 768px){.podium-avatar{width:52px;height:52px;font-size:1.1rem}}.podium-name{font-size:.8rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3);text-align:center;line-height:1.2;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.3px}.podium-score{font-size:1rem;font-weight:800;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.3);letter-spacing:.5px;display:flex;align-items:baseline;gap:4px}.podium-score .pts{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;opacity:.85}