/* Quiz Arena inherits FiSi's light-blue design system. */
.arena-page{--arena-soft:var(--surface-soft,#f3f7fd);max-width:1160px;margin:0 auto;min-width:0;color:var(--text,#243951)}
.arena-page *,.arena-dialog *{box-sizing:border-box;min-width:0}.arena-page h1,.arena-page h2,.arena-page h3,.arena-page p,.arena-page a,.arena-dialog h2{overflow-wrap:anywhere}
.arena-page h1{font-size:clamp(1.65rem,3vw,2.35rem);font-weight:650;line-height:1.2;margin:5px 0 10px}.arena-page h2{font-size:1.22rem;font-weight:620;line-height:1.45;margin:0 0 14px}.arena-page h3{font-size:1.08rem;line-height:1.5}.arena-page p{line-height:1.65;margin:8px 0 16px}.arena-heading{display:flex;align-items:center;gap:22px;padding:12px 0 25px}.arena-heading p{margin:0;color:var(--text-muted,#61758e)}.arena-brandmark{display:grid;place-items:center;width:62px;height:62px;flex-shrink:0;border:1px solid var(--border,#dce5ef);border-radius:14px;background:var(--arena-soft);color:var(--primary,#3471bf)}.arena-brandmark svg{width:32px;height:32px}.arena-tabs{display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:24px}.arena-tabs a{padding:10px 14px;border-radius:8px;text-decoration:none;color:var(--text-muted);font-size:.94rem;min-height:44px}.arena-tabs a.active{background:#eaf2ff;color:#235b9f;font-weight:650}.arena-tabs a:hover{background:var(--arena-soft)}
.arena-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px;padding:6px 16px;margin-bottom:26px}.arena-stats>div{padding:18px 14px}.arena-stats strong,.arena-stats span{display:block}.arena-stats strong{font-size:1.65rem;line-height:1.3;font-weight:620;font-variant-numeric:tabular-nums}.arena-stats span{font-size:.85rem;margin-top:6px;color:var(--text-muted)}
.arena-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0 30px}.arena-event,.arena-panel{padding:25px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px}.arena-event{border-top:3px solid #80a8dc}.arena-event .kicker{font-size:.7rem;letter-spacing:.08em}.arena-event h2{font-size:1.6rem;margin-top:10px}.arena-muted{color:var(--text-muted)}.arena-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:30px 0 14px}.arena-section-head h2{margin:0}.arena-list{list-style:none;margin:0 0 28px;padding:0}.arena-list-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--border)}.arena-list-row>div:first-child{flex:1 1 220px}.arena-list-row p{font-size:.9rem;color:var(--text-muted);margin:5px 0 0}.arena-list-row strong a{text-decoration:none;color:var(--text)}.arena-list-row small{display:block;color:var(--text-muted);font-size:.82rem;margin-top:5px}.arena-badge{font-size:.85rem;padding:5px 9px;border-radius:6px;background:var(--arena-soft);color:var(--primary)}.arena-empty{padding:26px 0;color:var(--text-muted)}.arena-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 0}.arena-page .btn,.arena-dialog .btn{min-height:44px;white-space:normal;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;max-width:100%}.arena-page button:disabled{opacity:.6;cursor:wait}.arena-page button:focus-visible,.arena-page a:focus-visible,.arena-page summary:focus-visible,.arena-dialog button:focus-visible{outline:3px solid #8bb5ed;outline-offset:3px}
.arena-rules{border-top:1px solid var(--border);padding:20px 0;margin:30px 0}.arena-rules summary,.arena-review summary{cursor:pointer;font-weight:600;min-height:44px;padding:10px 0}.arena-rules p{max-width:85ch;color:var(--text-muted)}.arena-page input,.arena-page select,.arena-dialog select{display:block;max-width:100%;width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface,#fff);color:var(--text);font:inherit;min-height:46px}.arena-page label,.arena-dialog label{display:block;font-weight:600;margin-bottom:8px}.arena-search-row{display:flex;gap:10px;max-width:640px;margin-bottom:24px}.arena-search-row input{flex:1}.arena-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.arena-player{padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--surface,#fff);display:flex;flex-direction:column;align-items:flex-start}.arena-player-head{display:flex;gap:12px;align-items:center;margin-bottom:14px;max-width:100%}.arena-player-head h2{margin:0 0 4px;font-size:1.1rem}.arena-player-head h2 a{text-decoration:none;color:var(--text)}.arena-player-head span{font-size:.85rem;color:var(--text-muted)}.arena-avatar{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:#eaf2ff;border-radius:50%;font-weight:650;color:#38649a!important}.arena-player .btn{margin-top:auto}.arena-player p{font-size:.88rem}.arena-pagination{display:flex;gap:15px;justify-content:center;align-items:center;margin:28px 0}.arena-pagination span{color:var(--text-muted)}
.arena-table-wrap{overflow-x:auto;max-width:100%;margin:20px 0;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff)}.arena-table{border-collapse:collapse;width:100%;font-size:.88rem;text-align:left;min-width:680px}.arena-table th,.arena-table td{padding:16px 14px;border-bottom:1px solid var(--border)}.arena-table thead{background:var(--arena-soft);color:var(--text-muted)}.arena-table tbody th{font-weight:550;max-width:230px;overflow-wrap:anywhere}.arena-table a{color:var(--text)}.arena-podium td:first-child{font-weight:700;color:var(--primary)}.arena-me{background:#eef5ff}.arena-table tr:last-child td,.arena-table tr:last-child th{border-bottom:0}.arena-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 25px}.arena-facts div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding:14px 0}.arena-facts dt{color:var(--text-muted)}.arena-facts dd{margin:0;font-weight:650;font-size:1.2rem;font-variant-numeric:tabular-nums}.arena-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center;padding:30px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.arena-versus>div{text-align:center}.arena-versus span{color:var(--text-muted)}.arena-versus h2{margin:8px 0 0}.arena-vs{font-style:italic}.arena-outcome{text-align:center;padding:30px 0}.arena-outcome strong,.arena-big{font-size:2.3rem;font-weight:650;color:var(--primary);font-variant-numeric:tabular-nums}
.arena-game{max-width:800px;margin:auto}.arena-game-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.arena-game-meta span{color:var(--text-muted);font-variant-numeric:tabular-nums}.arena-game progress{width:100%;height:8px;display:block;border:0;border-radius:4px;overflow:hidden;accent-color:var(--primary);margin-bottom:30px}.arena-game progress::-webkit-progress-bar{background:#e5edf7}.arena-game progress::-webkit-progress-value{background:#4d81c5}.arena-question-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted);margin-bottom:18px}.arena-timer{padding:8px 12px;background:var(--arena-soft);border:1px solid var(--border);border-radius:8px;white-space:nowrap;font-variant-numeric:tabular-nums}.arena-game .arena-question{font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:600;line-height:1.6;white-space:pre-line}.arena-answers{display:grid;gap:12px;margin:24px 0}.arena-answers button{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;line-height:1.55;text-align:left;cursor:pointer;overflow-wrap:anywhere}.arena-answers button>span:first-child{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;background:var(--arena-soft);border-radius:6px;color:var(--primary);font-weight:600}.arena-answers button:hover{border-color:#78a6e0;background:#f5f9ff}.arena-feedback{padding:24px;background:var(--surface,#fff);border:1px solid var(--border);border-left:3px solid #688abc;border-radius:10px}.arena-feedback.is-correct{border-left-color:#5d997b}.arena-feedback.is-wrong{border-left-color:#c59662}.arena-review details{border-bottom:1px solid var(--border);padding:10px 0}.arena-review p{white-space:pre-line}.arena-review small{color:var(--text-muted)}.arena-error{padding:12px 15px;border-left:3px solid #b75b5b;background:#fff4f3;border-radius:6px;color:#853c3c;overflow-wrap:anywhere}.arena-error[hidden],.arena-error:empty{display:none}.arena-dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d6e1ee;border-radius:14px;padding:28px;color:#253954;background:white;box-shadow:0 12px 60px #18365125}.arena-dialog::backdrop{background:#20375355}.arena-dialog h2{font-size:1.45rem;line-height:1.35}.arena-dialog p{line-height:1.65}.arena-dialog .arena-muted{font-size:.88rem;color:#60718a}.arena-dialog .arena-actions{justify-content:flex-end}
@media(max-width:1024px){.arena-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-brandmark{width:50px;height:50px}}
@media(max-width:600px){.arena-heading{gap:13px;align-items:flex-start}.arena-brandmark{width:40px;height:40px;border-radius:10px}.arena-brandmark svg{width:25px;height:25px}.arena-heading .kicker{font-size:.65rem}.arena-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.arena-stats>div{padding:15px 10px}.arena-stats strong{font-size:1.3rem}.arena-stats span{font-size:.78rem}.arena-events,.arena-player-grid,.arena-facts{grid-template-columns:minmax(0,1fr)}.arena-event,.arena-panel{padding:20px}.arena-tabs a{padding:10px 11px;font-size:.85rem}.arena-list-row{gap:12px}.arena-list-row>div:first-child{flex-basis:100%}.arena-list-row .btn{margin-left:auto}.arena-versus{padding:18px 10px;gap:10px}.arena-versus h2{font-size:1.05rem}.arena-answers button{padding:14px 12px;gap:10px}.arena-dialog{padding:22px}.arena-game-meta{font-size:.88rem}.arena-page .arena-question{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){.arena-page *{scroll-behavior:auto!important;transition:none!important}}