.arena-page{--red:#c1272d;--grad:linear-gradient(45deg, #9f3a3e, #c1272d);--line:#ffd9d9;--line-2:#f6e6e6;--soft:#fff5f5;--ink:#1f2937;--muted:#6b7280;--ok:#16a34a;--gold:#f6c143;color:var(--ink);background:#fff}.arena-page .account-container{padding-left:300px;padding-right:2rem}.arena-page h1,.arena-page h2,.arena-page h3,.arena-page p,.arena-page ul,.arena-page ol{margin:0}.arena-page ul,.arena-page ol{padding:0;list-style:none}.arena-page b,.arena-page strong{color:inherit}.arena-page .ar-wrap{padding:16px 0 60px}.arena-page .ar-back{color:#374151;margin-bottom:12px;font-weight:600;display:inline-block}.arena-page .ar-back:hover{color:var(--red)}.arena-page .ar-muted{color:var(--muted);font-size:14px}.arena-page .ar-hint{color:var(--muted);margin-top:10px;font-size:12px}.arena-page .ar-err{color:#dc2626;margin-top:6px;font-size:13px;display:block}.arena-page .ar-ok{color:var(--ok);margin-top:8px;font-weight:600}.arena-page .ar-warn{color:#92400e;background:#fff4db;border-radius:10px;padding:10px 12px;font-size:13px}.arena-page .ar-empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:15px;padding:36px 20px}.arena-page .ar-empty h2{color:var(--ink);font-size:18px}.arena-page .ar-empty.small{padding:22px;font-size:14px}.arena-page .ar-btn{border:1px solid var(--line);font:inherit;color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.arena-page .ar-btn:hover:not(:disabled){border-color:var(--red);color:var(--red)}.arena-page .ar-btn:disabled{opacity:.55;cursor:default}.arena-page .ar-btn.primary{background:var(--grad);color:#fff;border-color:#9f3a3e}.arena-page .ar-btn.primary:hover:not(:disabled){color:#fff;filter:brightness(1.06)}.arena-page .ar-btn.big{padding:12px 24px;font-size:16px}.arena-page .ar-btn.block{width:100%;margin-top:14px;padding:11px}.arena-page .ar-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px;text-decoration:underline}.arena-page .ar-hero{border:1px solid var(--line);background:radial-gradient(circle at 92% 20%,#f6c14340,#0000 40%),linear-gradient(135deg,#fff5f5 0%,#fff 60%,#fff8e6 100%);border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.arena-page .ar-hero h1{font-size:26px;font-weight:800}.arena-page .ar-hero p{color:#4b5563;max-width:560px;margin-top:6px}.arena-page .ar-hero-stats{gap:10px;display:flex}.arena-page .ar-hero-stats div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;min-width:78px;padding:10px 12px}.arena-page .ar-hero-stats b{color:var(--red);font-size:22px;font-weight:800;display:block}.arena-page .ar-hero-stats .win b{color:var(--ok)}.arena-page .ar-hero-stats span{color:var(--muted);font-size:12px}.arena-page .ar-tabs{border-bottom:1px solid var(--line);gap:6px;margin:18px 0 16px;display:flex;overflow-x:auto}.arena-page .ar-tabs button{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:11px 18px;font-weight:700;display:flex}.arena-page .ar-tabs button em{background:var(--red);color:#fff;border-radius:99px;padding:0 7px;font-size:12px;font-style:normal}.arena-page .ar-tabs button:hover{color:var(--red)}.arena-page .ar-tabs button.active{color:var(--red);border-bottom-color:var(--red)}.arena-page .ar-tabs.small button{padding:9px 14px;font-size:14px}.arena-page .ar-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 10px;display:flex}.arena-page .ar-section-head h2{font-size:18px;font-weight:800}.arena-page .ar-section-head small{color:var(--muted);font-size:13px}.arena-page .ar-section-head:first-child{margin-top:0}.arena-page .ar-ico{background:var(--soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:inline-flex}.arena-page .ar-ico.big{width:52px;height:52px;font-size:28px}.arena-page .ar-ico.huge{border:1px solid var(--line);background:#fff;border-radius:22px;width:88px;height:88px;font-size:48px}.arena-page .ar-mode{color:#4338ca;background:#eef2ff;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.arena-page .ar-mode.center{color:#b45309;background:#fff4db}.arena-page .ar-live{color:var(--ok);margin-left:6px;font-size:12px;font-weight:700}.arena-page .ar-bar{background:#fbe9e9;border-radius:99px;max-width:120px;height:6px;margin-top:4px;overflow:hidden}.arena-page .ar-bar i{background:var(--grad);height:100%;display:block}.arena-page .ar-meta{color:#4b5563;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:13px;display:flex}.arena-page .ar-myres{font-size:14px}.arena-page .ar-myres b{color:var(--red)}.arena-page .ar-myres.big{background:var(--soft);border-radius:12px;padding:10px 14px;font-size:16px;display:inline-block}.arena-page .ar-registered{color:var(--ok);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.arena-page .ar-registered button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px;text-decoration:underline}.arena-page .ar-registered.big{font-size:15px}.arena-page .ar-action{flex-direction:column;align-items:flex-end;display:flex}.arena-page .ar-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.arena-page .ar-card{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;gap:6px;padding:16px;display:flex}.arena-page .ar-card.open{background:linear-gradient(#fff8e6,#fff 45%);border-color:#f6d27a}.arena-page .ar-card h3{margin-top:4px;font-size:17px;font-weight:800}.arena-page .ar-card p{color:var(--muted);font-size:13px}.arena-page .ar-card .ar-action{align-items:stretch;margin-top:auto;padding-top:10px}.arena-page .ar-card .ar-action .ar-btn{width:100%}.arena-page .ar-card-top{justify-content:space-between;align-items:center;display:flex}.arena-page .ar-table-wrap{border:1px solid var(--line);border-radius:15px;overflow-x:auto}.arena-page .ar-table{border-collapse:collapse;width:100%;font-size:14px}.arena-page .ar-table th{text-align:left;background:var(--soft);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:700}.arena-page .ar-table td{border-top:1px solid var(--line-2);vertical-align:middle;padding:12px 14px}.arena-page .ar-table td small{color:var(--muted);font-size:12px;display:block}.arena-page .ar-table tr:hover td{background:snow}.arena-page .ar-contest-name{align-items:center;gap:10px;display:flex}.arena-page .ar-contest-name b{margin-bottom:3px;display:block}.arena-page .ar-contest-name:hover b{color:var(--red)}.arena-page .ar-pill{color:#4338ca;background:#eef2ff;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}.arena-page .ar-pill.submitted{color:var(--ok);background:#e9f8ec}.arena-page .ar-pill.in_progress{color:#b45309;background:#fff4db}.arena-page .ar-rewards{color:#6b5a45;background:#fff8e6;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;padding:12px 14px;font-size:13px;display:flex}.arena-page .ar-rewards b{color:#92400e}.arena-page .ar-ended{flex-direction:column;gap:8px;display:flex}.arena-page .ar-ended li{border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.arena-page .ar-ended div{flex:1;min-width:0}.arena-page .ar-ended div b{display:block}.arena-page .ar-ended div small{color:var(--muted);font-size:12px}.arena-page .ar-ended em{color:var(--red);font-style:normal;font-weight:800}.arena-page .ar-ended em.muted{color:var(--muted);font-size:13px;font-weight:600}.arena-page .ar-person{align-items:center;gap:10px;min-width:0;display:inline-flex}.arena-page .ar-person img,.arena-page .ar-person i{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.arena-page .ar-person i{background:var(--grad);color:#fff;justify-content:center;align-items:center;font-style:normal;font-weight:800;display:inline-flex}.arena-page .ar-person>span{text-align:left;min-width:0}.arena-page .ar-person b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.arena-page .ar-person small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.arena-page .ar-split{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:18px;display:grid}.arena-page .ar-split.wide-left{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.arena-page .ar-col{flex-direction:column;gap:14px;display:flex}.arena-page .ar-box{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px}.arena-page .ar-box h3{align-items:center;gap:8px;margin-bottom:8px;font-size:17px;font-weight:800;display:flex}.arena-page .ar-count{background:var(--red);color:#fff;border-radius:99px;padding:0 8px;font-size:12px;font-style:normal}.arena-page .ar-label{margin:14px 0 6px;font-size:13px;font-weight:700;display:block}.arena-page .ar-input{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;padding:9px 12px}.arena-page .ar-input:focus{border-color:var(--red);outline:none}.arena-page .ar-people{flex-direction:column;gap:4px;max-height:260px;margin-top:6px;display:flex;overflow-y:auto}.arena-page .ar-people button{width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.arena-page .ar-people button:hover{background:var(--soft)}.arena-page .ar-people button .ar-person{flex:1}.arena-page .ar-people .ar-go{color:var(--red);font-size:13px;font-weight:700}.arena-page .ar-subjects{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.arena-page .ar-subjects button{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:99px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:600;display:inline-flex}.arena-page .ar-subjects button em{background:var(--soft);color:var(--red);border-radius:99px;padding:0 6px;font-size:11px;font-style:normal}.arena-page .ar-subjects button:hover{border-color:var(--red)}.arena-page .ar-subjects button.on{background:var(--grad);color:#fff;border-color:#9f3a3e}.arena-page .ar-subjects button.on em{color:#fff;background:#ffffff40}.arena-page .ar-practices{flex-direction:column;gap:4px;max-height:240px;margin-top:6px;display:flex;overflow-y:auto}.arena-page .ar-practices button{border:1px solid var(--line-2);width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;padding:8px 10px;display:grid}.arena-page .ar-practices button b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.arena-page .ar-practices button small{color:var(--muted);grid-row:2;font-size:12px}.arena-page .ar-practices button .ar-go{grid-area:1/2/3;align-self:center}.arena-page .ar-practices button:hover{background:var(--soft);border-color:var(--line)}.arena-page .ar-tag{color:#b45309;white-space:nowrap;background:#fff4db;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.arena-page .ar-picked{border:1px solid var(--red);background:var(--soft);border-radius:12px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.arena-page .ar-picked button{color:var(--red);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.arena-page .ar-chs{flex-direction:column;gap:8px;display:flex}.arena-page .ar-ch{border:1px solid var(--line-2);border-radius:12px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.arena-page .ar-ch.win{border-left:4px solid var(--ok)}.arena-page .ar-ch.lose{border-left:4px solid #dc2626}.arena-page .ar-ch.draw{border-left:4px solid #9ca3af}.arena-page .ar-ch.waiting,.arena-page .ar-ch.accepted{background:snow}.arena-page .ar-ch-mid{min-width:0}.arena-page .ar-ch-mid small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.arena-page .ar-status{color:#b45309;font-size:13px;font-weight:600}.arena-page .ar-result{font-size:14px}.arena-page .ar-result.win{color:var(--ok)}.arena-page .ar-result.lose{color:#dc2626}.arena-page .ar-result.draw{color:var(--muted)}.arena-page .ar-ch-actions{align-items:center;gap:6px;display:flex}.arena-page .ar-centers,.arena-page .ar-leader{flex-direction:column;gap:6px;margin-top:10px;display:flex}.arena-page .ar-centers li,.arena-page .ar-leader li{border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.arena-page .ar-centers li.me,.arena-page .ar-leader li.me{border-color:var(--red);background:var(--soft)}.arena-page .ar-centers div,.arena-page .ar-leader div{flex:1;min-width:0}.arena-page .ar-centers div b,.arena-page .ar-leader div b{display:block}.arena-page .ar-centers div small,.arena-page .ar-leader div small{color:var(--muted);font-size:12px}.arena-page .ar-centers .ar-person,.arena-page .ar-leader .ar-person{flex:1}.arena-page .ar-centers em,.arena-page .ar-leader em{color:var(--red);font-size:16px;font-style:normal;font-weight:800}.arena-page .ar-centers>li>small,.arena-page .ar-leader>li>small{text-align:right;width:48px;color:var(--muted);font-size:13px}.arena-page .ar-rank{text-align:center;width:32px;color:var(--muted);font-size:18px;font-weight:800}.arena-page .ar-contest-hero{border:1px solid var(--line);background:linear-gradient(135deg,#fff5f5 0%,#fff 60%,#fff8e6 100%);border-radius:15px;gap:20px;padding:24px;display:flex}.arena-page .ar-contest-hero.open{background:radial-gradient(circle at 95% 10%,#16a34a1f,#0000 40%),linear-gradient(135deg,#fff8e6,#fff 60%)}.arena-page .ar-contest-hero h1{margin-top:6px;font-size:24px;font-weight:800}.arena-page .ar-contest-hero p{color:#4b5563;margin-top:6px}.arena-page .ar-contest-info{flex:1;min-width:0}.arena-page .ar-hero-action{margin-top:14px}.arena-page .ar-rules{flex-direction:column;gap:8px;display:flex}.arena-page .ar-rules li{padding-left:20px;line-height:1.55;position:relative}.arena-page .ar-rules li:before{content:"✓";color:var(--red);font-weight:800;position:absolute;left:0}.arena-page .ar-vs{border:1px solid var(--line);text-align:center;background:linear-gradient(#fff5f5,#fff 50%);border-radius:15px;max-width:760px;margin:0 auto;padding:26px}.arena-page .ar-vs h1{font-size:26px;font-weight:800}.arena-page .ar-vs.win h1{color:var(--ok)}.arena-page .ar-vs.lose h1{color:#dc2626}.arena-page .ar-quote{color:#6b5a45;margin-top:8px;font-style:italic}.arena-page .ar-vs-board{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:22px 0;display:grid}.arena-page .ar-vs-mark{color:var(--red);font-size:30px;font-style:italic;font-weight:900}.arena-page .ar-vs-side{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;display:flex;position:relative}.arena-page .ar-vs-side img,.arena-page .ar-vs-side>i{object-fit:cover;border-radius:50%;width:72px;height:72px}.arena-page .ar-vs-side>i{background:var(--grad);color:#fff;justify-content:center;align-items:center;font-size:30px;font-style:normal;font-weight:800;display:flex}.arena-page .ar-vs-side b{font-size:16px}.arena-page .ar-vs-side small{color:var(--muted);font-size:12px}.arena-page .ar-vs-side.win{border-color:var(--gold);box-shadow:0 0 0 3px #f6c14359}.arena-page .ar-crown{font-size:28px;position:absolute;top:-18px}.arena-page .ar-vs-score{background:var(--soft);color:var(--red);border-radius:99px;margin-top:8px;padding:6px 14px;font-weight:800}.arena-page .ar-vs-score small{margin-left:6px;font-weight:600}.arena-page .ar-vs-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.arena-page .ap-wrap{max-width:1000px;margin:0 auto}.arena-page .ap-top{border:1px solid var(--line);background:linear-gradient(135deg,#fff5f5,#fff8e6);border-radius:15px;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.arena-page .ap-title small{color:var(--muted);font-size:12px;display:block}.arena-page .ap-title b{font-size:17px}.arena-page .ap-vs{font-size:14px}.arena-page .ap-vs b{color:var(--red);margin:0 4px}.arena-page .ap-timer{text-align:right}.arena-page .ap-timer small{color:var(--muted);font-size:12px;display:block}.arena-page .ap-timer b{color:var(--red);font-variant-numeric:tabular-nums;font-size:26px;font-weight:900}.arena-page .ap-timer.danger b{color:#dc2626;animation:1s steps(2,end) infinite ap-blink}.arena-page .ap-progress{background:#fbe9e9;border-radius:99px;height:6px;margin:10px 0 16px;overflow:hidden}.arena-page .ap-progress i{background:var(--grad);height:100%;transition:width .3s;display:block}.arena-page .ap-body{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:16px;display:grid}.arena-page .ap-question{border:1px solid var(--line);border-radius:15px;padding:20px}.arena-page .ap-q-head{justify-content:space-between;margin-bottom:10px;display:flex}.arena-page .ap-q-head span{color:var(--red);font-weight:800}.arena-page .ap-q-head small{color:var(--muted)}.arena-page .ap-q-visual{justify-content:center;gap:12px;margin-bottom:10px;display:flex}.arena-page .ap-q-visual span{font-size:54px}.arena-page .ap-q-visual img{border-radius:12px;max-height:140px}.arena-page .ap-q-text{margin-bottom:16px;font-size:20px;font-weight:700;line-height:1.45}.arena-page .ap-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.arena-page .ap-option{border:1px solid var(--line);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:14px;font-size:16px;display:flex}.arena-page .ap-option:hover{background:var(--soft);border-color:#f1b8b8;transform:translateY(-1px)}.arena-page .ap-option.on{border-color:var(--red);background:var(--soft)}.arena-page .ap-option.on .ap-letter{background:var(--grad);color:#fff;border-color:#0000}.arena-page .ap-letter{border:1px solid var(--line);width:34px;height:34px;color:var(--red);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.arena-page .ap-opt-body{align-items:center;gap:8px;display:flex}.arena-page .ap-opt-img{border-radius:8px;max-height:70px}.arena-page .ap-opt-icon{font-size:28px}.arena-page .ap-side{border:1px solid var(--line);border-radius:15px;padding:14px;position:sticky;top:16px}.arena-page .ap-nums{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.arena-page .ap-nums button{aspect-ratio:1;border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:9px;font-weight:700}.arena-page .ap-nums button.done{background:var(--grad);color:#fff;border-color:#0000}.arena-page .ap-nums button.current{box-shadow:0 0 0 2px #f59e0b}.arena-page .ap-btn{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:9px;font-weight:700}.arena-page .ap-btn.primary{background:var(--grad);color:#fff;border-color:#9f3a3e}.arena-page .ap-btn.block{width:100%;margin-top:14px;padding:11px}.arena-page .ap-btn:disabled{opacity:.6}.arena-page .ap-confirm{background:var(--soft);border-radius:12px;margin-top:12px;padding:10px}.arena-page .ap-confirm p{margin-bottom:8px;font-size:13px}.arena-page .ap-confirm div{gap:6px;display:flex}.ar-modal{z-index:300;background:#11182773;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ar-modal-box{background:#fff;border-radius:15px;width:640px;max-width:100%;max-height:calc(100vh - 32px);padding:22px;overflow-y:auto}.ar-modal-box h3{margin:0 0 14px;font-size:18px;font-weight:800}.ar-form{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.ar-form label{flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}.ar-form label.wide{grid-column:1/-1}.ar-form input,.ar-form select,.ar-form textarea{font:inherit;border:1px solid #ffd9d9;border-radius:10px;padding:8px 10px;font-weight:400}.ar-form input:focus,.ar-form select:focus,.ar-form textarea:focus{border-color:#c1272d;outline:none}.ar-modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}@keyframes ap-blink{50%{opacity:.5}}@media (max-width:1150px){.arena-page .ar-split,.arena-page .ar-split.wide-left,.arena-page .ap-body{grid-template-columns:minmax(0,1fr)}.arena-page .ap-side{position:static}}@media (max-width:760px){.arena-page .ar-hero,.arena-page .ar-contest-hero{flex-direction:column;align-items:stretch}.arena-page .ap-options,.arena-page .ar-ch,.arena-page .ar-vs-board{grid-template-columns:1fr}}
.arena-page .ar2-hero{border:1px solid var(--line);background:url(/trangnguyen/images/backdrop/account-backdrop.png) right 30%/520px no-repeat,linear-gradient(110deg,#fff5f5 0%,#fff 45%,#fde9c9 100%);border-radius:18px;align-items:center;gap:16px;padding:22px 26px;display:flex;position:relative;overflow:hidden}.arena-page .ar2-hero h1{font-size:30px;font-weight:900}.arena-page .ar2-hero p{color:#4b5563;margin-top:2px;font-weight:600}.arena-page .ar2-hero .ar-hero-stats{z-index:1;margin-left:auto;position:relative}.arena-page .ar2-hero .ar-hero-stats div{background:#ffffffeb}.arena-page .ar2-hero .ar-hero-stats b{font-size:18px}.arena-page .ar2-hero-ico{filter:drop-shadow(0 6px 10px #9f3a3e40);font-size:52px}.arena-page .ar2-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;margin-top:18px;display:grid}.arena-page .ar2-main{flex-direction:column;gap:14px;min-width:0;display:flex}.arena-page .ar2-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:16px}.arena-page .ar2-tabs{border:1px solid var(--line);background:#fff;border-radius:16px;gap:4px;padding:5px;display:flex;overflow-x:auto}.arena-page .ar2-tabs button{font:inherit;color:#374151;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:700;display:flex}.arena-page .ar2-tabs button em{background:var(--red);color:#fff;border-radius:99px;padding:0 7px;font-size:12px;font-style:normal}.arena-page .ar2-tabs button:hover{color:var(--red);background:var(--soft)}.arena-page .ar2-tabs button.active{background:var(--grad);color:#fff;box-shadow:0 6px 14px #9f3a3e40}.arena-page .ar2-tabs button.active em{color:var(--red);background:#fff}.arena-page .ar2-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.arena-page .ar2-card-head{margin-bottom:14px}.arena-page .ar2-card-head h2{font-size:20px;font-weight:800}.arena-page .ar2-card-head p{color:var(--muted);margin-top:2px;font-size:14px}.arena-page .ar2-h3{margin:0 0 10px;font-size:17px;font-weight:800}.arena-page .ar2-bar{background:#fbe9e9;border-radius:99px;width:100%;height:10px;overflow:hidden}.arena-page .ar2-bar i{border-radius:inherit;background:linear-gradient(90deg,#f6c143,#f59e0b);height:100%;transition:width .5s;display:block}.arena-page .ar2-bar.small{height:7px;margin-top:6px}.arena-page .ar2-bar.small i{background:linear-gradient(90deg,#4ade80,#16a34a)}.arena-page .ar2-solo-body{grid-template-columns:200px minmax(0,1fr);gap:24px;display:grid}.arena-page .ar2-rank{text-align:center;border-right:1px solid var(--line-2);flex-direction:column;align-items:center;gap:6px;padding-right:20px;display:flex}.arena-page .ar2-rank>b{font-size:24px;font-weight:900}.arena-page .ar2-rank small{color:var(--muted);font-size:13px}.arena-page .ar2-rank .ar2-bar{margin-top:8px}.arena-page .ar2-shield{clip-path:polygon(50% 0,100% 12%,100% 55%,50% 100%,0 55%,0 12%);background:radial-gradient(circle at 50% 38%, #fff7d6e6 0 22%, transparent 23%),linear-gradient(160deg, color-mix(in srgb, var(--tier) 50%, #fff) 0%, var(--tier) 55%, color-mix(in srgb, var(--tier) 65%, #000) 100%);justify-content:center;align-items:center;margin-bottom:4px;display:flex;position:relative}.arena-page .ar2-shield-star{color:#fbbf24;text-shadow:0 2px #b45309,0 0 14px #fde047cc;font-size:54px;line-height:1;transform:translateY(-8%)}.arena-page .ar2-shield-div{color:var(--tier);background:#fff;border-radius:99px;padding:0 10px;font-size:13px;font-weight:900;position:absolute;bottom:20%}.arena-page .ar2-stars{gap:3px;display:inline-flex}.arena-page .ar2-stars i{color:#e5e7eb;font-size:22px;font-style:normal}.arena-page .ar2-stars i.on{color:#f6c143;text-shadow:0 1px #b45309}.arena-page .ar2-pick h3{margin:0 0 10px;font-size:15px;font-weight:800}.arena-page .ar2-subjects+h3{margin-top:16px}.arena-page .ar2-subjects{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.arena-page .ar2-subjects button{border:1px solid var(--line);font:inherit;color:#374151;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:14px;font-weight:700;display:flex;position:relative}.arena-page .ar2-subjects button span{font-size:28px}.arena-page .ar2-subjects button:hover{border-color:#f1b8b8;transform:translateY(-1px)}.arena-page .ar2-subjects button.on{color:#1d4ed8;background:#eff6ff;border:2px solid #3b82f6}.arena-page .ar2-subjects button.on:after{content:"✓";color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex;position:absolute;top:-8px;right:-8px}.arena-page .ar2-modes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.arena-page .ar2-modes button{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;display:flex;position:relative}.arena-page .ar2-modes button b{font-size:16px}.arena-page .ar2-modes button small{color:var(--muted);font-size:12px}.arena-page .ar2-modes button span{color:#4b5563;font-size:13px}.arena-page .ar2-modes button em{font-style:normal;position:absolute;top:6px;right:8px}.arena-page .ar2-modes button:hover:not(:disabled){border-color:#f1b8b8}.arena-page .ar2-modes button.on{border:2px solid var(--red);background:var(--soft)}.arena-page .ar2-modes button.on b{color:var(--red)}.arena-page .ar2-modes button.locked{opacity:.55;cursor:not-allowed}.arena-page .ar2-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.arena-page .ar2-actions .ar-btn{padding:12px 18px}.arena-page .ar2-find-btn{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(#e53935,#b71c1c);border:0;border-radius:14px;flex:1;padding:14px;font-size:18px;font-weight:900;transition:transform .1s,box-shadow .1s;box-shadow:0 5px #8e1515,0 10px 18px #b71c1c4d}.arena-page .ar2-find-btn:hover:not(:disabled){filter:brightness(1.05)}.arena-page .ar2-find-btn:active{transform:translateY(3px);box-shadow:0 2px #8e1515}.arena-page .ar2-find-btn:disabled{opacity:.6;cursor:default}.arena-page .ar2-note{color:var(--muted);text-align:center;margin-top:10px;font-size:12px}.arena-page .ar2-grid2{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;display:grid}.arena-page .ar2-missions{flex-direction:column;gap:10px;display:flex}.arena-page .ar2-missions li{grid-template-columns:34px minmax(0,1fr) auto auto 70px;align-items:center;gap:10px;display:grid}.arena-page .ar2-missions b{font-size:14px}.arena-page .ar2-m-ico{background:#f0fdf4;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.arena-page .ar2-m-count{color:var(--muted);font-size:12px}.arena-page .ar2-m-reward{color:var(--ok);white-space:nowrap;font-size:12px;font-weight:800}.arena-page .ar2-m-done{background:var(--ok);color:#fff;border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:30px;height:30px;font-weight:900;display:flex}.arena-page .ar2-chest .ar2-m-done{border-radius:99px;width:auto;height:auto;padding:4px 10px;font-size:13px}.arena-page .ar2-m-claim{background:var(--grad);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:800;animation:2s infinite ci-pulse}.arena-page .ar2-m-claim.big{padding:8px 16px}.arena-page .ar2-m-todo{color:var(--muted);text-align:center;background:#f9fafb;border-radius:8px;padding:4px 6px;font-size:11px}.arena-page .ar2-chest{align-items:center;gap:12px;display:flex}.arena-page .ar2-chest>div{flex:1;min-width:0}.arena-page .ar2-chest-ico{filter:drop-shadow(0 8px 12px #b453094d);font-size:70px}.arena-page .ar2-chest-ico.ready{animation:1s ease-in-out infinite ar2-bounce}.arena-page .ar2-steps{justify-content:space-between;margin:16px 6px 12px;display:flex;position:relative}.arena-page .ar2-steps:before{content:"";background:#e5e7eb;border-radius:99px;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.arena-page .ar2-steps span{color:#6b7280;background:#e5e7eb;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:flex;position:relative}.arena-page .ar2-steps span.on{background:var(--ok);color:#fff}.arena-page .ar2-steps span.next{color:#fff;background:#f59e0b}.arena-page .ar2-chest-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.arena-page .ar2-chest-foot small{color:var(--muted)}.arena-page .ar2-overlay{z-index:300;background:#1118278c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.arena-page .ar2-find{text-align:center;background:linear-gradient(#fff5f5,#fff);border-radius:20px;width:440px;max-width:100%;padding:28px}.arena-page .ar2-find h3{margin:10px 0 4px;font-size:22px;font-weight:900}.arena-page .ar2-find p{color:var(--muted);margin-bottom:16px}.arena-page .ar2-radar{justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto;display:flex;position:relative}.arena-page .ar2-radar b{z-index:1;background:var(--grad);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;display:flex;position:relative;box-shadow:0 8px 20px #9f3a3e59}.arena-page .ar2-radar span{border:3px solid #c1272d73;border-radius:50%;animation:1.8s ease-out infinite ar2-ping;position:absolute;inset:0}.arena-page .ar2-radar span:nth-child(2){animation-delay:.6s}.arena-page .ar2-radar span:nth-child(3){animation-delay:1.2s}.arena-page .ar2-found{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0 10px;display:grid}.arena-page .ar2-found>div{flex-direction:column;align-items:center;gap:4px;display:flex}.arena-page .ar2-found i{background:var(--grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-style:normal;font-weight:900;animation:.4s cubic-bezier(.2,1.5,.4,1) ar2-pop;display:flex}.arena-page .ar2-found i.bot{background:linear-gradient(45deg,#475569,#64748b);font-size:30px}.arena-page .ar2-found b{font-size:15px}.arena-page .ar2-found small{color:var(--muted);font-size:12px}.arena-page .ar2-found.big{max-width:520px;margin:18px auto}.arena-page .ar2-found.big i{width:84px;height:84px;font-size:30px}.arena-page .ar-vs-side>i{background:var(--grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:30px;font-style:normal;font-weight:800;display:flex}.arena-page .ar2-result-rank{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:0 auto 18px;padding:12px 20px;display:inline-flex}.arena-page .ar2-result-rank b{font-size:18px;font-weight:900}.arena-page .ar2-result-rank .ar2-stars i{font-size:16px}.arena-page .ar2-result-rank .ar2-bar{width:200px;margin-top:6px}.arena-page .ar2-result-rank .ar2-shield-star{font-size:28px}.arena-page .ar2-result-rank .ar2-shield-div{padding:0 6px;font-size:10px}.arena-page .ar2-result-rank small{color:var(--muted);font-size:12px}.arena-page .ar2-delta{color:var(--muted);margin-top:2px;font-weight:800;display:block}.arena-page .ar2-delta.up{color:var(--ok)}.arena-page .ar2-delta.down{color:#dc2626}.arena-page .ar2-side-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.arena-page .ar2-side-head .ar2-h3{white-space:nowrap;margin:0}.arena-page .ar2-count{color:#b45309;white-space:nowrap;font-variant-numeric:tabular-nums;background:#fff4db;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.arena-page .ar2-seg{border:1px solid var(--line-2);background:#f9fafb;border-radius:12px;margin-bottom:10px;padding:3px;display:flex}.arena-page .ar2-seg button{font:inherit;color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:7px;font-size:14px;font-weight:700}.arena-page .ar2-seg button.active{color:var(--red);background:#fff;box-shadow:0 2px 6px #00000014}.arena-page .ar2-board{flex-direction:column;gap:4px;display:flex}.arena-page .ar2-board li{border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.arena-page .ar2-board li.me{background:#fff8e6}.arena-page .ar2-board img,.arena-page .ar2-board li>i{object-fit:cover;border-radius:50%;flex-shrink:0;width:38px;height:38px}.arena-page .ar2-board li>i{background:var(--grad);color:#fff;justify-content:center;align-items:center;font-style:normal;font-weight:800;display:flex}.arena-page .ar2-board div{flex:1;min-width:0}.arena-page .ar2-board div b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.arena-page .ar2-board div small{color:var(--muted);font-size:12px}.arena-page .ar2-board em{white-space:nowrap;font-style:normal;font-weight:800}.arena-page .ar2-medal{color:#6b7280;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:flex}.arena-page .ar2-medal.m1{color:#78350f;background:linear-gradient(#fde68a,#f59e0b)}.arena-page .ar2-medal.m2{color:#1f2937;background:linear-gradient(#e5e7eb,#9ca3af)}.arena-page .ar2-medal.m3{color:#fff;background:linear-gradient(#fdba74,#c2410c)}.arena-page .ar2-more{border:1px solid var(--line-2);text-align:center;color:#374151;border-radius:12px;margin-top:10px;padding:9px;font-size:14px;display:block}.arena-page .ar2-more:hover{color:var(--red);border-color:var(--line)}.arena-page .ar2-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px}.arena-page .ar2-link:hover{color:var(--red)}.arena-page .ar2-recent,.arena-page .ar2-history{flex-direction:column;gap:6px;display:flex}.arena-page .ar2-recent li,.arena-page .ar2-history li{border:1px solid var(--line-2);border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto auto 34px;align-items:center;gap:10px;padding:8px 10px;display:grid}.arena-page .ar2-recent div,.arena-page .ar2-history div{min-width:0}.arena-page .ar2-recent div b,.arena-page .ar2-history div b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.arena-page .ar2-recent div small,.arena-page .ar2-history div small{color:var(--muted);font-size:12px}.arena-page .ar2-recent li{grid-template-columns:30px minmax(0,1fr) auto 34px}.arena-page .ar2-recent li .ar2-h-time{display:none}.arena-page .ar2-trophy,.arena-page .ar2-h-ico{text-align:center;font-size:22px}.arena-page .ar2-h-res{text-align:right;font-size:14px;font-weight:800}.arena-page .ar2-h-res small{font-size:11px;font-weight:700;display:block}.arena-page .ar2-h-res.win{color:var(--ok)}.arena-page .ar2-h-res.lose{color:#dc2626}.arena-page .ar2-h-res.draw,.arena-page .ar2-h-res.plain{color:var(--muted)}.arena-page .ar2-h-time{color:var(--muted);white-space:nowrap;font-size:12px}.arena-page .ar2-play{border:1px solid var(--line);width:34px;height:34px;color:var(--red);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.arena-page .ar2-play:hover{background:var(--soft)}.arena-page .ar2-hist-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.arena-page .ar2-filter{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.arena-page .ar2-filter button{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600}.arena-page .ar2-filter button.active{background:var(--soft);border-color:var(--red);color:var(--red)}.arena-page .ar2-row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.arena-page .ar2-join{gap:8px;display:flex}.arena-page .ar2-code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-weight:800}.arena-page .ar2-rooms{flex-direction:column;gap:8px;display:flex}.arena-page .ar2-rooms li{border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.arena-page .ar2-rooms div{flex:1;min-width:0}.arena-page .ar2-rooms div b{align-items:center;gap:6px;display:flex}.arena-page .ar2-rooms div small{color:var(--muted);font-size:12px}.arena-page .ar2-codechip{border:1px dashed var(--red);background:var(--soft);color:var(--red);font:inherit;letter-spacing:.12em;cursor:pointer;white-space:nowrap;border-radius:10px;padding:6px 10px;font-weight:900}.ar2-rules-btn{z-index:120;color:#fff;font:inherit;cursor:pointer;background:linear-gradient(#e53935,#b71c1c);border:0;border-radius:99px;padding:12px 20px;font-weight:800;position:fixed;bottom:22px;right:24px;box-shadow:0 8px 20px #b71c1c59}.ar2-rules-btn:hover{filter:brightness(1.06)}.ar2-rules h4{margin:14px 0 6px;font-size:15px;font-weight:800}.ar2-rules ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.ar2-rules li{color:#374151;font-size:14px;line-height:1.55}@keyframes ar2-ping{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.25)}}@keyframes ar2-pop{0%{opacity:0;transform:scale(.3)}}@keyframes ar2-bounce{50%{transform:translateY(-8px)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.arena-page .ar2-radar span,.arena-page .ar2-chest-ico.ready{animation:none}}@media (max-width:1280px){.arena-page .ar2-layout{grid-template-columns:minmax(0,1fr)}.arena-page .ar2-side{grid-template-columns:1fr 1fr;display:grid;position:static}}@media (max-width:900px){.arena-page .ar2-solo-body{grid-template-columns:1fr}.arena-page .ar2-rank{border-right:0;padding-right:0}.arena-page .ar2-grid2,.arena-page .ar2-side,.arena-page .ar2-modes{grid-template-columns:1fr}.arena-page .ar2-hero .ar-hero-stats{display:none}}.arena-page .ar2-weekly .ar2-board{transition:opacity .15s}.arena-page .ar2-weekly.is-loading .ar2-board{opacity:.45;pointer-events:none}.arena-page .ar2-weekly .ar2-board{min-height:372px}.arena-page .ar2-weekly .ar2-board li{height:58px}.arena-page .ar2-weekly .ar2-board small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.arena-hub .ar2-medal.m1,.arena-hub .ar2-medal.m2,.arena-hub .ar2-medal.m3,.ar2-medal.m1,.ar2-medal.m2,.ar2-medal.m3{box-shadow:none;background:0 0;width:30px;height:30px}.ar2-subjects button .tn-subject-ico{filter:drop-shadow(0 4px 6px #00000026)}.ar-rank,.ev-rank{place-items:center;display:inline-grid}.ar2-subjects button.soon{cursor:not-allowed;opacity:.55;filter:grayscale(.7)}.ar2-subjects button.soon:hover{border-color:inherit;transform:none}.ar2-soon{color:#b45309;background:#fef3c7;border-radius:99px;padding:1px 7px;font-size:10.5px;font-style:normal;font-weight:800;position:absolute;top:6px;right:6px}html[data-theme=dark] .ar2-soon{color:#fbbf24;background:#fbbf242e}