.online-players{display:flex;align-items:center;justify-content:center;gap:24px;margin:20px 0}.online-players>aside.online-side{width:170px;flex:none;order:0;align-items:center;gap:8px;padding:16px 12px;text-align:center}.online-players .online-side .online-side-top{flex-direction:column;align-items:center;gap:8px;width:auto}.online-players .online-side .online-avatar{width:56px;height:56px;font-size:24px}.online-players .online-side .online-name{flex:none;max-width:none;white-space:normal;text-align:center}.online-avatar{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--grad-primary);color:#fff;font-size:24px;font-weight:800;font-family:var(--font-display)}.online-avatar-empty{background:var(--surface-2);color:var(--mut);border:2px dashed var(--line)}.online-name{font-weight:700;color:var(--ink)}#ready-host[data-ready="1"],#ready-guest[data-ready="1"]{background:var(--green-soft);border-color:var(--green);color:var(--green-ink)}.online-vs{font-size:20px;font-weight:800;font-family:var(--font-display);color:var(--mut)}.online-quiz{text-align:center;margin-bottom:16px}.online-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px}.online-pagination{margin-bottom:8px}.question-total{float:right;font-size:14px;font-weight:600;color:var(--mut);font-family:var(--font-body)}.personal-form-actions{display:flex;gap:12px;align-items:center;margin-top:4px}.personal-form-actions .manager-btn-ghost{text-decoration:none}.online-match-foot{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 48px}.online-match-foot .online-forfeit-btn{margin:0}.online-forfeit-btn{display:inline-block;margin:24px 0 48px;padding:12px 26px;border:2px solid var(--red);border-radius:999px;background:transparent;color:var(--red);font-size:15px;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:background-color .18s var(--ease),transform .18s var(--ease)}.online-forfeit-btn:hover{background:rgba(239,68,68,.15);transform:translateY(-2px)}.search-more-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;align-self:stretch;padding:24px 12px;border-radius:14px;border:2px dashed rgba(255,255,255,.25);text-decoration:none;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.search-more-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(255,255,255,.45)}.search-more-count{font-size:40px;font-weight:800;font-family:var(--font-display);color:#fff;letter-spacing:-.02em;line-height:.8}.search-more-label{font-size:15px;font-weight:700;color:var(--sky-400);text-decoration:none}@media(max-width:768px){.search-more-tile{flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:20px 0}.search-more-count{font-size:32px;line-height:.8}}.search-quiz-card-footer form{margin-left:auto}.search-quiz-card>a.card-edit-btn{position:absolute;top:10px;right:54px;z-index:2;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.95);color:var(--navy-800);font-size:16px;text-decoration:none;box-shadow:var(--shadow-md);transition:transform .18s var(--ease)}.search-quiz-card>a.card-edit-btn:hover{transform:translateY(-2px)}.card-delete-form{display:contents}.search-quiz-card>form>button.card-delete-btn{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:var(--red);font-size:16px;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .18s var(--ease)}.search-quiz-card>form>button.card-delete-btn:hover{transform:translateY(-2px)}@media(max-width:768px){.search-quiz-card>a.card-edit-btn,.search-quiz-card>form>button.card-delete-btn{width:24px;height:24px;font-size:11px;top:8px;left:auto}.search-quiz-card>a.card-edit-btn{right:40px}.search-quiz-card>form>button.card-delete-btn{right:8px}.search-quiz-card:has(.card-edit-btn) .search-quiz-card-content h3,.search-quiz-card:has(.card-delete-btn) .search-quiz-card-content h3{padding-right:70px}}.online-lobby-btn{background:var(--grad-primary);border:0;border-radius:12px;padding:7px 12px;color:#fff;font-size:14px;font-weight:700;font-family:var(--font-display);box-shadow:var(--glow-blue);cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.online-lobby-btn:hover{background-color:var(--blue-bright);transform:translateY(-2px);box-shadow:var(--glow-blue)}#online-actions form[data-join-form],#online-actions form[action*="/pronto/"]{width:100%;max-width:320px;margin-top:12px}#online-actions form[data-join-form] .login-submit-button,#online-actions form[action*="/pronto/"] .login-submit-button{max-width:none;padding:14px 22px;border-radius:12px}#online-actions .login-submit-button,#online-actions .login-outline-btn{width:100%;max-width:320px}.online-guest-cta{text-align:left}.online-guest-text{font-size:17px;margin:0 0 20px}a.online-guest-btn{display:inline-block;width:auto;min-width:220px;text-align:center;text-decoration:none}.online-conn{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:200;padding:10px 18px;border-radius:999px;background:rgba(11,26,69,.92);color:#fff;font-size:14px;font-weight:700;font-family:var(--font-display);box-shadow:0 8px 24px rgba(0,0,0,.35)}.online-countdown{text-align:center;margin:16px 0 0;font-size:64px;font-weight:800;font-family:var(--font-display);color:var(--ink)}.online-countdown #countdown-number,#match-countdown #match-countdown-number{display:inline-block;animation:countdown-pulse 1s ease-in-out infinite}.online-players .online-countdown{margin:0;font-size:34px;flex:none}@keyframes countdown-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.online-lobby-card{background:transparent;box-shadow:none;border:0;padding:0}.online-lobby-card .online-side{background:transparent;border-color:transparent;box-shadow:none}.online-lobby-card .online-name,.online-lobby-card .online-vs,#online-countdown{color:#fff}.online-lobby-card .online-avatar-empty{background:transparent;border:2px dashed rgba(255,255,255,.55);color:#fff}.online-lobby-card .online-share p,.online-lobby-card .challenge-cta-hint{color:#b8c6e4}.online-lobby-card .login-outline-btn{color:#fff;border-color:rgba(255,255,255,.55)}.online-lobby-card .login-outline-btn:hover{background:rgba(255,255,255,.14)}.online-terminal-notice{text-align:center;margin:0;color:var(--ink-2);font-size:17px;line-height:1.6}.online-terminal-notice a{color:var(--link);font-weight:700;text-decoration:none}.online-terminal-notice a:hover{color:var(--blue-500);text-decoration:underline}#online-actions .online-leave-btn{width:auto;padding:8px 22px;font-size:14px;color:#ff7f7f;border:2px solid rgba(255,127,127,.5);border-radius:12px;background:transparent}#online-actions .online-leave-btn:hover{background:rgba(255,127,127,.12)}.online-share{margin-top:20px;text-align:center}.online-share p{color:var(--mut);font-size:14px}.online-share .share-quiz-buttons{justify-content:center}.challenge-score{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0}.challenge-side{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.challenge-name{font-weight:700;color:var(--ink)}.challenge-points{font-size:32px;font-weight:800;font-family:var(--font-display);color:var(--ink)}.challenge-vs{font-size:14px;font-weight:800;font-family:var(--font-display);color:var(--mut)}.challenge-cta-hint{color:var(--mut);font-size:14px;text-align:center}.quiz-area .quiz-info-description{color:var(--mut);text-align:center}.online-change{margin-top:12px}.online-change summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--ink)}.online-change form{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:8px;flex-wrap:wrap}.online-change select{max-width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:14px}.online-q-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.online-sound-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:16px;cursor:pointer;padding:0}.online-q-top h2{margin:0;flex:1}.quiz-q-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.quiz-q-top h2{margin:0;flex:1}.online-timer{flex-shrink:0;min-width:44px;text-align:center;font-size:20px;font-weight:800;font-family:var(--font-display);color:var(--ink);padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.online-timer-low{color:var(--red-ink,#991b1b);border-color:var(--red)}.online-wait-card{text-align:center}.online-wait-card h2{margin-top:0}.online-wait-card p{margin-bottom:0}#online-wait-countdown{margin-top:12px;font-size:48px}.online-game{display:grid;grid-template-columns:170px 1fr 170px;gap:12px 16px;align-items:stretch;margin-top:20px}main:has(>.online-match-page){display:flex;flex-direction:column}.online-match-page{flex:1}.online-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 12px;width:170px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}.online-side-top{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.online-side .online-avatar{width:30px;height:30px;font-size:14px;flex-shrink:0}.online-side .online-name{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-game .online-side-top{justify-content:center}.online-game .online-side .online-name{flex:0 1 auto;text-align:center}.online-topcenter{min-width:0;display:flex;align-items:stretch}.online-topcenter .online-progress-card{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:8px 12px;display:flex;flex-direction:column;justify-content:center}.online-topcenter .online-progress-card .progress{margin:0 0 6px;font-size:14px}.online-topcenter .online-vs-card{align-items:center;justify-content:center;background:transparent;border:0}.online-topcenter .online-vs-card .online-vs{font-size:24px;color:#fff}.skel-wrap{position:relative}.skel-wrap>:not([data-skeleton]){visibility:hidden}.skel-wrap,.online-topcenter [data-skeleton="progress"],[data-skeleton="quiz"]{background:transparent;border-color:transparent;box-shadow:none}[data-skeleton]{position:absolute;inset:0;overflow:hidden;border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px}[data-skeleton="progress"],[data-skeleton="quiz"]{position:static}[data-skeleton="quiz"]{min-height:320px;margin-bottom:16px}.sk{display:block;border-radius:var(--radius-md);background:linear-gradient(100deg,var(--line) 35%,var(--blue-50) 50%,var(--line) 65%);background-size:200% 100%;animation:online-sk-shimmer 1.4s linear infinite}@keyframes online-sk-shimmer{from{background-position:180% 0}to{background-position:-80% 0}}.sk-avatar{width:30px;height:30px;border-radius:50%;flex:none}.sk-line{height:12px}.sk-score{height:22px}.sk-bar{height:10px;width:100%;border-radius:999px}.sk-title{height:20px;width:100%}.sk-answers{display:grid;gap:8px;width:100%}.sk-answer{height:44px}.sk-w40{width:40%}.sk-w50{width:50%}.sk-w60{width:60%}.sk-w80{width:80%}.sk-w100{width:100%}.sk-pill{width:100%;height:100%;border-radius:999px;border:2px solid rgba(239,68,68,.45);background:linear-gradient(100deg,rgba(59,130,246,.18) 35%,rgba(59,130,246,.38) 50%,rgba(59,130,246,.18) 65%);background-size:200% 100%}.online-forfeit-btn.skel-wrap{color:transparent;pointer-events:none}[data-skeleton="forfeit"]{padding:0}.sk-vh{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}@media(prefers-reduced-motion:reduce){.sk{animation:none}}.online-board{min-width:0;grid-column:1 / -1}.online-score{font-weight:800;font-family:var(--font-display);color:var(--ink)}.online-side .online-score{font-size:20px;line-height:1.1}.online-progress{font-size:13px;color:var(--mut);font-weight:700}@media(max-width:900px){.online-game{grid-template-columns:1fr 1fr}.online-side{min-width:0;width:auto;justify-content:center;padding:6px 8px;order:1}.online-side .online-name{max-width:80px}.online-topcenter{display:flex;order:2;grid-column:1 / -1;width:100%}.online-topcenter .online-progress-card{padding:7px 12px}.online-topcenter .online-progress-card .progress{font-size:12px;margin:0}.online-topcenter .progress-bar{height:4px;margin-top:5px}.online-topcenter .online-vs-card .online-vs{font-size:18px}.online-topcenter .online-vs-card{display:none}.online-board{order:3}}.online-board .quiz-card .answer-buttons{margin-top:16px}.answer-button .rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-right:8px;border-radius:999px;background:var(--blue-600);color:#fff;font-size:13px;font-weight:800}#online-confirm{margin-top:12px}@media(max-width:480px){.online-players{flex-wrap:nowrap;gap:12px}.online-players>aside.online-side{flex:1 1 0;width:auto;min-width:0}.online-players .online-vs{font-size:16px;flex:none}.online-countdown{font-size:48px}#online-wait-countdown{font-size:36px}}