.arena-root{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-color:#121816;font-family:Outfit,Noto Sans SC,system-ui,-apple-system,sans-serif;color:#18181b;user-select:none}.arena-backdrop{position:fixed;inset:0;width:100%;height:100%;background-image:url(/images/arena_lobby_bg.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:0;filter:brightness(.98) saturate(1.05)}.arena-backdrop-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08) 0,rgba(0,0,0,.22) 100%),linear-gradient(180deg,rgba(0,0,0,.2),transparent 20%,rgba(0,0,0,.35));pointer-events:none}.arena-content{position:relative;z-index:10;display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:1440px;margin:0 auto;padding:16px 24px 32px}.arena-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;margin-bottom:24px}.arena-profile-capsule{display:inline-flex;align-items:center;gap:12px;background:rgba(255,253,248,.94);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.8);border-radius:9999px;padding:6px 16px 6px 6px;max-width:fit-content;transition:transform .2s ease,box-shadow .2s ease}.arena-profile-capsule:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.arena-avatar-wrapper{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid #e11d48;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);flex-shrink:0}.arena-avatar-img{width:100%;height:100%;object-fit:cover}.arena-profile-meta{display:flex;flex-direction:column;gap:2px}.arena-profile-row{display:flex;align-items:center;gap:8px}.arena-scholar-name{font-weight:800;font-size:15px;color:#18181b;letter-spacing:-.2px}.arena-streak-badge{display:inline-flex;align-items:center;gap:4px;background:#fef2f2;color:#e11d48;border:1px solid #fecdd3;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:800}.arena-xp-track{width:110px;height:6px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.arena-xp-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:9999px;transition:width .4s ease}.arena-xp-text{font-size:10.5px;color:#64748b;font-weight:700}.arena-placard-wrapper{display:flex;justify-content:center;perspective:1000px;z-index:15}.arena-wooden-sign{position:relative;display:flex;flex-direction:column;align-items:center;background:transparent;border:none;padding:0;cursor:pointer;animation:placardFloat 4.8s ease-in-out infinite alternate;transform-origin:top center;transition:transform .22s cubic-bezier(.34,1.56,.64,1);outline:none}.arena-wooden-sign:hover{transform:scale(1.04) translateY(-3px);filter:brightness(1.06)}.arena-wooden-sign:active{transform:scale(.97) translateY(2px)}.arena-placard-roof{position:relative;width:calc(100% + 44px);height:22px;display:flex;flex-direction:column;align-items:center;z-index:5;margin-bottom:-5px}.arena-roof-ridge{width:90%;height:7px;background:linear-gradient(180deg,#f59e0b,#b45309);border-radius:4px 4px 0 0;box-shadow:0 2px 4px rgba(0,0,0,.4),inset 0 1px 0 rgba(254,243,199,.8);position:relative}.arena-roof-crest{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:28px;height:8px;background:#f59e0b;border:1.5px solid #78350f;border-radius:50% 50% 0 0;box-shadow:0 0 8px rgba(245,158,11,.6)}.arena-roof-tiles{width:100%;height:15px;background:repeating-linear-gradient(90deg,#1e293b,#334155 4px,#0f172a 8px,#1e293b 12px);border-radius:6px 6px 12px 12px;box-shadow:0 4px 8px rgba(0,0,0,.45);border-bottom:2.5px solid #0f172a;position:relative}.arena-roof-tiles:after,.arena-roof-tiles:before{content:"";position:absolute;bottom:0;width:14px;height:8px;background:#334155;border-bottom:2px solid #0f172a}.arena-roof-tiles:before{left:-8px;transform:rotate(-25deg);border-radius:0 0 0 8px}.arena-roof-tiles:after{right:-8px;transform:rotate(25deg);border-radius:0 0 8px 0}.arena-sign-chain{position:absolute;top:-24px;width:8px;height:26px;display:flex;flex-direction:column;align-items:center;z-index:1}.arena-chain-left{left:32px}.arena-chain-right{right:32px}.arena-chain-link{width:6px;height:18px;background:repeating-linear-gradient(180deg,#d97706,#d97706 4px,#78350f 0,#78350f 8px);border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,.4)}.arena-chain-ring{width:10px;height:10px;border:2px solid #f59e0b;border-radius:50%;margin-top:-3px}.arena-sign-lacquer-board{position:relative;display:flex;flex-direction:column;align-items:center;padding:10px 34px 12px;background:radial-gradient(circle at 50% 30%,#271008 0,#150603 100%);border:3.5px solid #d97706;outline:2px solid #78350f;border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.5),inset 0 2px 4px rgba(254,240,138,.4),inset 0 -3px 6px rgba(0,0,0,.8);min-width:250px}.arena-corner-filigree{position:absolute;font-size:10px;color:#fbbf24;text-shadow:0 0 6px rgba(245,158,11,.8);pointer-events:none;line-height:1}.filigree-tl{top:4px;left:5px}.filigree-tr{top:4px;right:5px}.filigree-bl{bottom:4px;left:5px}.filigree-br{bottom:4px;right:5px}.arena-sign-zh{font-family:LXGW WenKai,Han-Nom Kai,Noto Sans SC,serif;font-size:29px;font-weight:900;display:flex;align-items:center;gap:8px;letter-spacing:5px;line-height:1.1;margin-bottom:4px}.arena-zh-glyph{display:inline-block;background:linear-gradient(180deg,#fffbeb,#fef08a 25%,#f59e0b 70%,#b45309);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.85)) drop-shadow(0 0 8px rgba(251,191,36,.45));transition:transform .2s ease}.arena-wooden-sign:hover .arena-zh-glyph{transform:scale(1.08)}.arena-sign-ribbon{gap:8px;background:rgba(0,0,0,.45);border:1px solid rgba(245,158,11,.4);padding:3px 12px;border-radius:9999px}.arena-sign-ribbon,.arena-sign-seal{display:inline-flex;align-items:center}.arena-sign-seal{justify-content:center;width:17px;height:17px;background:#dc2626;color:#ffffff;font-size:11px;font-weight:900;border-radius:3px;box-shadow:0 1px 4px rgba(220,38,38,.6);line-height:1}.arena-sign-subtext{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#fde68a;text-shadow:0 1px 2px rgba(0,0,0,.8)}.arena-sign-badge{display:inline-flex;align-items:center;gap:3px;background:#b45309;color:#fffbeb;font-size:9.5px;font-weight:900;padding:1px 6px;border-radius:9999px}.arena-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px}.arena-ctrl-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,253,248,.94);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 0 #cbd5e1,0 8px 16px rgba(0,0,0,.15);color:#334155;font-size:16px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.arena-ctrl-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 #cbd5e1,0 10px 18px rgba(0,0,0,.2);color:#0f172a;background:#ffffff}.arena-ctrl-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #cbd5e1,0 2px 4px rgba(0,0,0,.1)}.arena-ctrl-btn.active-audio{color:#10b981}.arena-home-pill{display:inline-flex;align-items:center;gap:8px;padding:0 16px;height:44px;border-radius:9999px;background:rgba(255,253,248,.94);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 0 #cbd5e1,0 8px 16px rgba(0,0,0,.15);color:#1e293b;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.arena-home-pill:hover{transform:translateY(-2px);box-shadow:0 6px 0 #cbd5e1,0 10px 18px rgba(0,0,0,.2)}.arena-home-pill:active{transform:translateY(3px);box-shadow:0 1px 0 #cbd5e1,0 2px 4px rgba(0,0,0,.1)}.arena-controls .language-switcher-wrapper{position:relative;z-index:120}.arena-controls .language-select-btn{height:44px;border-radius:9999px;padding:0 14px;background:rgba(255,253,248,.94);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 0 #cbd5e1,0 8px 16px rgba(0,0,0,.15);color:#1e293b;font-size:13.5px;font-weight:800;display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.arena-controls .language-select-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 #cbd5e1,0 10px 18px rgba(0,0,0,.2);background:#ffffff;border-color:#cbd5e1}.arena-controls .language-select-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #cbd5e1,0 2px 4px rgba(0,0,0,.1);border-bottom-width:2px}.arena-controls .language-dropdown-menu{top:calc(100% + 8px);right:0;width:190px;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);border:2px solid #e2e8f0;border-radius:18px;box-shadow:0 16px 36px rgba(15,23,42,.16),0 4px 0 #cbd5e1;padding:6px;z-index:220}.arena-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,36px);max-width:1220px;width:100%;margin:auto;padding:12px 0 24px}.arena-cards-grid.arena-cards-grid-2col{grid-template-columns:repeat(2,minmax(280px,450px));justify-content:center;max-width:960px;gap:clamp(24px,3.5vw,44px)}.arena-topbar-spacer{display:block}.arena-card.card-coming-soon{cursor:pointer;position:relative}.arena-card.card-coming-soon:hover{transform:translateY(-6px);box-shadow:0 14px 0 #d9cdbd,0 24px 40px rgba(0,0,0,.24)}.arena-card-coming-soon-tag{position:absolute;top:14px;right:16px;gap:6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#ffffff;font-size:11px;font-weight:900;letter-spacing:.6px;padding:4px 10px;box-shadow:0 4px 10px rgba(217,119,6,.35);text-transform:uppercase;z-index:10}.arena-btn-coming-soon,.arena-card-coming-soon-tag{display:inline-flex;align-items:center;border-radius:9999px}.arena-btn-coming-soon{justify-content:center;gap:8px;width:80%;padding:14px 24px;font-weight:800;font-size:15px;letter-spacing:.5px;background:linear-gradient(180deg,#94a3b8,#64748b);border:2px solid #cbd5e1;box-shadow:0 6px 0 #475569,0 10px 18px rgba(71,85,105,.25);color:#f8fafc;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.arena-btn-coming-soon:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 8px 0 #475569,0 12px 22px rgba(71,85,105,.35)}.arena-btn-coming-soon:active{transform:translateY(3px);box-shadow:0 2px 0 #475569}.arena-toast-coming-soon{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);background:rgba(15,23,42,.94);backdrop-filter:blur(14px);color:#ffffff;padding:12px 24px;border-radius:9999px;font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:10px;box-shadow:0 12px 32px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.18);z-index:9999;animation:toastFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.arena-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fffdf8;border-radius:18px;padding:0 24px 28px;box-shadow:0 10px 0 #e2d9cc,0 20px 35px rgba(0,0,0,.22);border:2px solid rgba(255,255,255,.95);cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;overflow:visible}.arena-card:hover{transform:translateY(-8px);box-shadow:0 16px 0 #d9cdbd,0 28px 45px rgba(0,0,0,.28)}.arena-card:hover .arena-card-img{transform:scale(1.08) translateY(-4px)}.arena-card-binder{position:relative;width:100%;padding-top:10px;margin-bottom:8px;pointer-events:none}.arena-binder-holes{display:flex;align-items:center;justify-content:space-evenly;width:90%;margin:0 auto}.arena-binder-ring{position:relative;width:14px;height:14px;border-radius:50%;background:#1e293b;box-shadow:inset 0 2.5px 4px rgba(0,0,0,.8),0 1px 1px rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.2)}.arena-binder-ring:before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:8px;height:20px;background:linear-gradient(90deg,#94a3b8,#f8fafc,#64748b);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.25)}.arena-tear-line{width:100%;border-top:2px dashed #d1c7b7;margin-top:10px}.arena-card-img-wrapper{position:relative;width:150px;height:150px;margin:6px 0 14px;display:flex;align-items:center;justify-content:center}.arena-card-img{width:100%;height:100%;object-fit:contain;transition:transform .28s cubic-bezier(.34,1.56,.64,1),filter .28s ease;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18))}.arena-card:hover .arena-card-img{transform:scale(1.1) translateY(-5px);filter:drop-shadow(0 18px 24px rgba(0,0,0,.24))}.arena-card-title{font-size:clamp(20px,1.8vw,25px);font-weight:800;color:#18181b;margin-bottom:8px;letter-spacing:-.3px}.arena-card-desc{font-size:clamp(13px,1.05vw,14.5px);color:#52525b;line-height:1.5;margin-bottom:24px;flex-grow:1}.arena-3d-btn{width:100%;max-width:250px;height:48px;border-radius:9999px;font-size:15px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:2.5px solid rgba(255,255,255,.9);color:#ffffff;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.arena-btn-green{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 5px 0 #047857,0 10px 20px rgba(16,185,129,.35)}.arena-btn-green:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 7px 0 #047857,0 14px 24px rgba(16,185,129,.45)}.arena-btn-green:active{transform:translateY(3px);box-shadow:0 1px 0 #047857,0 2px 4px rgba(0,0,0,.2)}.arena-btn-amber{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 5px 0 #b45309,0 10px 20px rgba(245,158,11,.35)}.arena-btn-amber:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 7px 0 #b45309,0 14px 24px rgba(245,158,11,.45)}.arena-btn-amber:active{transform:translateY(3px);box-shadow:0 1px 0 #b45309,0 2px 4px rgba(0,0,0,.2)}.arena-btn-rose{background:linear-gradient(180deg,#e11d48,#be123c);box-shadow:0 5px 0 #9f1239,0 10px 20px rgba(225,29,72,.35)}.arena-btn-rose:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 7px 0 #9f1239,0 14px 24px rgba(225,29,72,.45)}.arena-btn-rose:active{transform:translateY(3px);box-shadow:0 1px 0 #9f1239,0 2px 4px rgba(0,0,0,.2)}.arena-mascot-wrapper{position:fixed;bottom:12px;left:24px;z-index:20;display:flex;align-items:flex-end;gap:12px;pointer-events:auto;animation:mascotBob 4s ease-in-out infinite alternate}.arena-mascot-avatar{width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.95);border:3px solid #18181b;box-shadow:0 10px 25px rgba(0,0,0,.25);cursor:pointer;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.arena-mascot-avatar:hover{transform:scale(1.1) rotate(-3deg)}.arena-mascot-img{width:100%;height:100%;object-fit:cover}.arena-speech-bubble{position:relative;background:#ffffff;border:2px solid #18181b;border-radius:16px;padding:10px 16px;max-width:260px;font-size:13.5px;font-weight:700;color:#18181b;line-height:1.4;box-shadow:0 6px 0 #18181b,0 12px 24px rgba(0,0,0,.15);animation:bubblePop .3s cubic-bezier(.34,1.56,.64,1)}.arena-speech-bubble:before{content:"";position:absolute;bottom:14px;left:-10px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #18181b}.arena-speech-bubble:after{content:"";position:absolute;bottom:15px;left:-7px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid #ffffff}.arena-modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(15,23,42,.65);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:modalFadeIn .2s ease}.arena-modal-window{position:relative;background:#fffdf8;border-radius:24px;border:3px solid #18181b;box-shadow:0 16px 0 #18181b,0 30px 60px rgba(0,0,0,.35);width:100%;max-width:820px;max-height:90vh;overflow-y:auto;padding:28px 32px;animation:modalScaleUp .25s cubic-bezier(.34,1.56,.64,1)}.arena-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px dashed #e4e4e7}.arena-modal-title{font-size:24px;font-weight:900;color:#18181b;display:flex;align-items:center;gap:10px}.arena-modal-badge{background:#fef3c7;color:#b45309;border:1px solid #fde68a;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:800}.arena-modal-close{width:38px;height:38px;border-radius:50%;border:2px solid #18181b;background:#fff;color:#18181b;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #18181b;transition:transform .12s ease,box-shadow .12s ease}.arena-modal-close:hover{transform:translateY(-2px);box-shadow:0 5px 0 #18181b}.arena-modal-close:active{transform:translateY(2px);box-shadow:0 1px 0 #18181b}.arena-modal-topic-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid #a7f3d0;border-radius:14px;padding:10px 16px;margin-bottom:20px;box-shadow:0 2px 8px rgba(16,185,129,.08)}.arena-modal-topic-banner-left{display:flex;align-items:center;gap:12px}.arena-modal-topic-banner-icon{width:36px;height:36px;border-radius:10px;background:#ffffff;border:1.5px solid #10b981;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 4px rgba(16,185,129,.15);flex-shrink:0}.arena-modal-topic-banner-info{display:flex;flex-direction:column}.arena-modal-topic-banner-sub{font-size:10.5px;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.05em}.arena-modal-topic-banner-title{font-size:14.5px;font-weight:900;color:#064e3b;display:flex;align-items:center;gap:6px}.arena-modal-topic-banner-zh{font-family:Noto Sans SC,sans-serif;font-size:16px;font-weight:900;color:#0f172a}.arena-modal-topic-banner-right{display:flex;align-items:center;gap:8px}@media (max-width:640px){.arena-modal-topic-banner{flex-direction:column;align-items:flex-start;gap:10px}}.arena-modes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.arena-mode-modal-window{max-width:660px;padding:22px 24px 24px;border-radius:24px}.arena-mode-modal-window .arena-modal-header{margin-bottom:14px;padding-bottom:12px}.arena-mode-modal-window .arena-modal-title{font-size:20px;font-weight:900}.arena-mode-modal-window .arena-modal-topic-banner{margin-bottom:16px;padding:8px 14px;border-radius:12px}.arena-modes-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;gap:16px}.arena-mode-card{position:relative;background:#ffffff;border:2.5px solid #e4e4e7;border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;outline:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.arena-mode-card:hover{transform:translateY(-3px)}.arena-mode-card:active{transform:translateY(1px)}.arena-mode-card-bot:focus-visible,.arena-mode-card-bot:hover{border-color:#10b981;box-shadow:0 10px 24px rgba(16,185,129,.18)}.arena-mode-card-online:focus-visible,.arena-mode-card-online:hover{border-color:#f59e0b;box-shadow:0 10px 24px rgba(245,158,11,.18)}.arena-mode-icon-box{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:10px;flex-shrink:0;transition:transform .2s ease}.arena-mode-card:hover .arena-mode-icon-box{transform:scale(1.08)}.arena-mode-icon-box-bot{background:#ecfdf5;border:1.5px solid #a7f3d0;color:#059669}.arena-mode-icon-box-online{background:#fffbeb;border:1.5px solid #fde68a;color:#d97706}.arena-mode-card-content{width:100%}.arena-mode-card-content,.arena-mode-card-title-row{display:flex;flex-direction:column;align-items:center}.arena-mode-card-title-row{gap:4px;margin-bottom:6px}.arena-mode-name{font-size:16px;font-weight:800;color:#0f172a;margin:0}.arena-mode-tag{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:9999px;margin:0}.arena-mode-tag-bot{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.arena-mode-tag-online{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.arena-mode-desc{font-size:12px;color:#64748b;line-height:1.4;margin:0 0 14px;min-height:34px}.arena-mode-action-wrap{width:100%}.arena-mode-action-btn{width:100%;height:40px;border-radius:9999px;font-size:12.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#ffffff;border:1.5px solid rgba(255,255,255,.4);cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.arena-mode-action-btn:hover{filter:brightness(1.08)}.arena-mode-action-btn:active{transform:translateY(2px);border-bottom-width:1px!important}.arena-btn-action-bot{background:linear-gradient(180deg,#10b981,#059669);border-bottom:3.5px solid #047857;box-shadow:0 4px 12px rgba(16,185,129,.3)}.arena-btn-action-online{background:linear-gradient(180deg,#f59e0b,#d97706);border-bottom:3.5px solid #b45309;box-shadow:0 4px 12px rgba(245,158,11,.3)}@keyframes placardFloat{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-.8deg)}to{transform:translateY(-2px) rotate(.6deg)}}@keyframes mascotBob{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(-1.5deg)}to{transform:translateY(-3px) rotate(1deg)}}@keyframes bubblePop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.arena-topic-view{display:flex;flex-direction:column;width:100%;animation:modalFadeIn .25s ease;padding-bottom:84px}.arena-topic-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;margin-bottom:16px;background:transparent;border:none;box-shadow:none;padding:6px 0}.arena-topic-header-left{display:flex;align-items:center;justify-self:start}.arena-btn-back{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;background:rgba(255,255,255,.95);border:1.5px solid #18181b;font-size:12.5px;font-weight:800;color:#18181b;cursor:pointer;box-shadow:0 2px 0 #18181b;transition:transform .12s ease,box-shadow .12s ease;backdrop-filter:blur(8px)}.arena-btn-back:hover{background:#ffffff;transform:translateY(-2px);box-shadow:0 4px 0 #18181b}.arena-btn-back:active{transform:translateY(2px);box-shadow:0 1px 0 #18181b}.arena-topic-title-block{text-align:center;justify-self:center}.arena-topic-title-block h1{font-size:22px;font-weight:900;color:#ffffff;text-shadow:0 2px 10px rgba(0,0,0,.7);letter-spacing:-.01em;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}.arena-topic-title-block p{font-size:13px;color:rgba(255,255,255,.88);text-shadow:0 1px 4px rgba(0,0,0,.65);margin:2px 0 0}.arena-topic-header .arena-controls{justify-self:end}.arena-topic-count-pill{font-size:11px;font-weight:800;padding:2px 8px;border-radius:9999px;background:#059669;color:#ffffff;box-shadow:0 2px 6px rgba(5,150,105,.4)}.arena-topic-filter-bar{justify-content:space-between;gap:12px;width:100%;max-width:1100px;margin:0 auto 14px}.arena-topic-filter-bar,.arena-topic-tabs{display:flex;align-items:center;flex-wrap:wrap}.arena-topic-tabs{gap:6px}.arena-topic-tab{padding:5px 14px;border-radius:9999px;font-size:12px;font-weight:800;cursor:pointer;border:1.5px solid #18181b;background:#ffffff;color:#18181b;box-shadow:0 2px 0 #18181b;transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.arena-topic-tab:hover{transform:translateY(-1.5px);box-shadow:0 3px 0 #18181b}.arena-topic-tab.active{background:#059669;color:#ffffff;border-color:#065f46;box-shadow:0 2px 0 #065f46}.arena-topic-search-wrap{position:relative;display:flex;align-items:center;width:240px}.arena-topic-search-input{width:100%;padding:6px 12px 6px 30px;border-radius:9999px;border:1.5px solid #d4d4d8;background:rgba(255,255,255,.95);font-size:12px;color:#18181b;outline:none;box-shadow:0 2px 4px rgba(0,0,0,.04);transition:border-color .15s ease,box-shadow .15s ease}.arena-topic-search-input:focus{border-color:#059669;box-shadow:0 0 0 2px rgba(5,150,105,.2)}.arena-topic-search-icon{position:absolute;left:10px;color:#94a3b8;font-size:12px;pointer-events:none}.arena-topic-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:1100px;margin:0 auto 20px}.arena-topic-card{position:relative;background:#fffdfa;border:2px solid #e4e4e7;border-radius:14px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(0,0,0,.04);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;user-select:none}.arena-topic-card:hover{transform:translateY(-2px);border-color:#10b981;box-shadow:0 5px 14px rgba(16,185,129,.15)}.arena-topic-card.selected{border-color:#059669;background:#f0fdf4;box-shadow:0 4px 12px rgba(5,150,105,.2),inset 0 0 0 1px #059669;transform:translateY(-2px)}.arena-topic-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.arena-topic-icon-wrap{width:30px;height:30px;border-radius:8px;background:#ffffff;border:1.5px solid #18181b;display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 1.5px 0 #18181b}.arena-topic-badges-group{display:flex;align-items:center;gap:4px}.arena-diff-badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:9999px;border:1px solid}.arena-diff-badge.diff-easy{color:#059669;background:#ecfdf5}.arena-diff-badge.diff-medium{color:#d97706;background:#fffbeb}.arena-diff-badge.diff-hard{color:#e11d48;background:#fff1f2}.arena-check-badge{width:18px;height:18px;border-radius:50%;background:#059669;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900}.arena-topic-zh-title{display:flex;align-items:baseline;gap:5px;margin-bottom:2px}.arena-topic-zh-text{font-family:Noto Sans SC,sans-serif;font-size:16px;font-weight:900;color:#0f172a;line-height:1.2}.arena-topic-pinyin-text{font-size:11px;font-weight:700;color:#64748b;letter-spacing:.01em}.arena-topic-loc-title{font-size:12.5px;font-weight:800;color:#1e293b;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-topic-loc-desc{font-size:10.5px;color:#64748b;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:28px}.arena-topic-card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px dashed #e2e8f0;margin-top:auto}.arena-topic-word-count{font-size:10.5px;font-weight:800;color:#475569;display:inline-flex;align-items:center;gap:4px}.arena-topic-speaker-btn{width:22px;height:22px;border-radius:6px;background:#f1f5f9;border:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;transition:transform .12s ease,background .12s ease}.arena-topic-speaker-btn:hover{background:#e2e8f0;transform:scale(1.1);color:#0f172a}.arena-topic-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:2px solid #e4e4e7;box-shadow:0 -6px 20px rgba(0,0,0,.1);padding:8px 20px}.arena-topic-bottom-container{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.arena-topic-summary-box{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;overflow:hidden}.arena-topic-summary-icon{width:36px;height:36px;border-radius:10px;background:#ecfdf5;border:1.5px solid #10b981;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.arena-topic-summary-label{font-size:10.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.arena-topic-summary-name{font-size:14px;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:6px;min-width:0}.arena-topic-summary-name,.arena-topic-summary-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-topic-continue-btn{width:auto!important;height:48px!important;min-height:48px!important;padding:0 20px!important;font-size:13.5px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box!important;flex-shrink:0!important}.arena-topic-continue-btn,.arena-topic-continue-btn span,.arena-topic-continue-label{max-width:100%!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important}.arena-topic-continue-btn span,.arena-topic-continue-label{display:block!important;text-overflow:ellipsis!important;flex:0 1 auto!important;text-align:center!important;line-height:1.2!important}.arena-topic-continue-btn i{flex-shrink:0!important;margin-left:2px!important}@media (max-width:1024px){.arena-cards-grid,.arena-modes-grid,.arena-topic-cards-grid{grid-template-columns:repeat(2,1fr)}}.arena-root.arena-anime-theme{background-image:url(/images/arena_battle_bg.webp);background-size:cover;background-position:center 30%;background-repeat:no-repeat;min-height:100vh}.arena-battle-stage{display:flex;flex-direction:column;width:100%;max-width:1120px;margin:0 auto;animation:modalFadeIn .3s ease;user-select:none;padding:0 12px}.arena-battle-hud-row{display:grid;grid-template-columns:220px 1fr 220px;align-items:center;gap:16px;margin-bottom:20px;width:100%}.arena-hud-side-card{position:relative;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:2px solid #e2e8f0;border-radius:20px;padding:10px 16px;box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 0 #cbd5e1;transition:transform .15s ease}.arena-hud-side-card.arena-player-card{border-left:4px solid #059669}.arena-hud-side-card.arena-bot-card{border-right:4px solid #0d9488;justify-content:flex-end}.arena-hud-avatar-wrap{width:52px;height:52px;border-radius:50%;border:2.5px solid #18181b;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 0 #18181b;overflow:hidden}.arena-hud-avatar-img{width:100%;height:100%;object-fit:cover}.arena-hud-info{display:flex;flex-direction:column}.arena-hud-score{font-size:32px;font-weight:900;line-height:1;letter-spacing:-.02em}.arena-hud-name{font-size:11.5px;font-weight:800;color:#64748b;margin-top:4px;display:flex;align-items:center;gap:6px}.arena-combo-chip{font-size:9.5px;font-weight:900;padding:1px 6px;border-radius:9999px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#ffffff;display:inline-flex;align-items:center;box-shadow:0 1px 3px rgba(239,68,68,.4);animation:bubblePop .2s ease}.arena-center-prompt-group{display:flex;flex-direction:column;align-items:center;position:relative}.arena-prompt-paper-card{position:relative;background:#ffffff;border:2px solid #e2e8f0;border-radius:18px;padding:18px 36px 14px;box-shadow:0 6px 18px rgba(0,0,0,.08),0 3px 0 #e2e8f0;min-width:380px;max-width:520px;width:100%;text-align:center}.arena-washi-tape{position:absolute;top:-8px;width:46px;height:16px;background:rgba(254,240,138,.85);border:1px dashed rgba(217,119,6,.4);border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.1);pointer-events:none}.arena-washi-tape.tape-left{left:20px;transform:rotate(-4deg)}.arena-washi-tape.tape-right{right:20px;transform:rotate(3deg)}.arena-prompt-type-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:9999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 12px;margin-bottom:8px}.arena-prompt-word-title{font-family:Noto Sans SC,system-ui,-apple-system,sans-serif;font-size:38px;font-weight:900;color:#18181b;line-height:1.15;letter-spacing:-.01em}.arena-prompt-pinyin-line{gap:8px;font-size:15px;font-weight:700;margin-top:4px}.arena-prompt-pinyin-line,.arena-prompt-speak-btn{display:inline-flex;align-items:center;color:#059669}.arena-prompt-speak-btn{width:26px;height:26px;border-radius:8px;background:#ecfdf5;border:1.5px solid #a7f3d0;justify-content:center;cursor:pointer;transition:transform .12s ease}.arena-prompt-speak-btn:hover{transform:scale(1.15)}.arena-prompt-subbar{display:flex;align-items:center;gap:10px;margin-top:-12px;z-index:10}.arena-subbar-pill{display:inline-flex;align-items:center;background:#ffffff;border:1.5px solid #e2e8f0;padding:5px 14px;border-radius:9999px;font-size:12px;font-weight:800;color:#334155;box-shadow:0 3px 8px rgba(0,0,0,.08),0 2px 0 #cbd5e1}.arena-subbar-pill.arena-pill-timer{background:#ffffff;border-color:#18181b;color:#0f172a;box-shadow:0 3px 0 #18181b,0 4px 10px rgba(0,0,0,.12);padding:5px 16px}.arena-subbar-pill.arena-pill-timer.urgent-timer{border-color:#e11d48;color:#e11d48;animation:urgentPulse .4s infinite alternate}.arena-subbar-pill.arena-pill-progress{color:#059669;font-weight:900}.arena-dual-battlefield{display:grid;grid-template-columns:1fr auto .78fr;align-items:center;gap:18px;width:100%;margin-top:14px;margin-bottom:22px;position:relative}.arena-side-container{position:relative;display:flex;flex-direction:column}.arena-speed-pill{position:absolute;top:-34px;left:6px;display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:800;z-index:20;animation:bubblePop .25s ease;box-shadow:0 3px 8px rgba(0,0,0,.08)}.arena-speed-pill.pill-slower{background:#e0f2fe;border:1.5px solid #7dd3fc;color:#0284c7}.arena-speed-pill.pill-faster{background:#ecfdf5;border:1.5px solid #6ee7b7;color:#047857}.arena-speed-pill.pill-penalty{background:#fff1f2;border:1.5px solid #fecdd3;color:#be123c;animation:combatShake .35s ease}.arena-player-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%}.arena-player-opt-btn{position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff;border:2px solid #e2e8f0;border-radius:18px;min-height:82px;padding:16px 20px;cursor:pointer;text-align:center;box-shadow:0 4px 0 #cbd5e1,0 8px 18px rgba(0,0,0,.06);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}.arena-player-opt-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#059669;box-shadow:0 6px 0 #059669,0 10px 22px rgba(5,150,105,.15)}.arena-player-opt-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #059669}.arena-opt-key-hint{position:absolute;top:8px;left:10px;font-size:10px;font-weight:800;color:#94a3b8;background:#f1f5f9;border:1px solid #cbd5e1;width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center}.arena-opt-text{font-size:19px;font-weight:800;color:#1e293b;line-height:1.3}.arena-player-opt-btn.player-opt-correct{background:#22c55e!important;border-color:#16a34a!important;box-shadow:0 4px 0 #15803d!important;animation:bubblePop .25s ease}.arena-player-opt-btn.player-opt-correct .arena-opt-text{color:#ffffff!important}.arena-player-opt-btn.player-opt-correct .arena-opt-key-hint{background:rgba(255,255,255,.3);color:#ffffff;border-color:transparent}.arena-player-opt-btn.player-opt-revealed{background:#f0fdf4!important;border:2.5px dashed #059669!important;box-shadow:0 3px 0 #059669!important}.arena-player-opt-btn.player-opt-revealed .arena-opt-text{color:#065f46!important}.arena-player-opt-btn.player-opt-wrong{background:#fff1f2!important;border-color:#f43f5e!important;box-shadow:0 2px 0 #fda4af!important;cursor:not-allowed;opacity:.72;animation:combatShake .35s ease}.arena-player-opt-btn.player-opt-wrong .arena-opt-text{color:#be123c!important;text-decoration:line-through}.arena-player-opt-btn.player-opt-wrong .arena-opt-key-hint{background:#ffe4e6;color:#e11d48;border-color:#fecdd3}.arena-player-opt-btn.player-opt-dimmed{opacity:.45;cursor:default}.arena-player-opt-btn.player-opt-cooldown{opacity:.5;cursor:wait!important;background:#f8fafc!important}.arena-player-opt-btn.player-opt-cooldown,.arena-player-opt-btn.player-opt-cooldown:hover{border-color:#cbd5e1!important;box-shadow:0 1px 0 #cbd5e1!important;transform:none!important}.arena-check-icon{color:#ffffff}.arena-check-icon,.arena-wrong-icon{position:absolute;right:14px;font-size:18px}.arena-wrong-icon{color:#e11d48}.arena-floating-score-badge{background:linear-gradient(135deg,#fef08a,#f59e0b);border:2px solid #b45309;border-radius:9999px;color:#78350f;box-shadow:0 3px 0 #b45309;animation:floatDamageUp .6s ease-out forwards}.arena-floating-penalty-badge,.arena-floating-score-badge{position:absolute;top:-14px;right:14px;padding:2px 10px;font-size:13px;font-weight:900;z-index:30}.arena-floating-penalty-badge{background:linear-gradient(135deg,#fee2e2,#f43f5e);border:2px solid #e11d48;border-radius:9999px;color:#ffffff;box-shadow:0 3px 0 #9f1239;animation:floatDamageUp .7s ease-out forwards}.arena-vs-divider{z-index:10}.arena-vs-divider,.arena-vs-emblem{display:flex;align-items:center;justify-content:center}.arena-vs-emblem{background:linear-gradient(135deg,#ffffff,#f1f5f9);border:2.5px solid #18181b;border-radius:50%;width:58px;height:58px;box-shadow:0 4px 0 #18181b,0 10px 20px rgba(0,0,0,.15);transform:rotate(-6deg)}.arena-vs-letters{font-size:18px;font-weight:900;font-style:italic;color:#e11d48;letter-spacing:-.05em;text-shadow:0 1px 0 #18181b}.arena-vs-star-left,.arena-vs-star-right{font-size:9px;color:#f59e0b}.arena-opponent-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.arena-opponent-opt-btn{position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff;border:1.5px solid #e2e8f0;border-radius:14px;min-height:64px;padding:10px 14px;text-align:center;box-shadow:0 2px 0 #cbd5e1,0 4px 10px rgba(0,0,0,.04);pointer-events:none;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.arena-opponent-opt-text{font-size:15px;font-weight:800;color:#475569;line-height:1.25}.arena-opponent-opt-btn.bot-opt-correct{background:#48bb78!important;border-color:#2f855a!important;box-shadow:0 3px 0 #276749!important;animation:bubblePop .25s ease}.arena-opponent-opt-btn.bot-opt-correct .arena-opponent-opt-text{color:#ffffff!important}.arena-opponent-opt-btn.bot-opt-wrong{background:#f87171!important;border-color:#dc2626!important;box-shadow:0 3px 0 #b91c1c!important}.arena-opponent-opt-btn.bot-opt-wrong .arena-opponent-opt-text{color:#ffffff!important}.arena-opponent-opt-btn.bot-opt-dimmed{opacity:.55}.arena-bot-check-icon{margin-left:6px;font-size:14px;color:#ffffff}.arena-bot-wrong-icon{margin-left:6px;font-size:13px;color:#e11d48}.arena-floating-bot-badge{background:linear-gradient(135deg,#fef08a,#f59e0b);border:2px solid #b45309;border-radius:9999px;padding:2px 9px;font-size:12px;color:#78350f;box-shadow:0 2px 0 #b45309}.arena-floating-bot-badge,.arena-floating-bot-penalty-badge{position:absolute;top:-16px;right:12px;font-weight:900;animation:floatDamageUp .6s ease-out forwards;z-index:30}.arena-floating-bot-penalty-badge{background:linear-gradient(135deg,#fee2e2,#f43f5e);border:2px solid #e11d48;border-radius:9999px;padding:2px 8px;font-size:11px;color:#ffffff;box-shadow:0 2px 0 #9f1239}.arena-dual-explanation-banner{background:#ffffff;border:1.5px solid #cbd5e1;border-radius:14px;padding:10px 18px;font-size:13.5px;font-weight:800;color:#1e293b;display:inline-flex;align-items:center;gap:10px;margin:0 auto 16px;box-shadow:0 3px 8px rgba(0,0,0,.08);animation:bubblePop .2s ease}.arena-battle-footer-clean{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 4px}.arena-battle-hint{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8)}.arena-battle-hint,.arena-battle-hint span{color:#ffffff!important}.arena-surrender-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(15,23,42,.65);border:1px solid rgba(255,255,255,.2);border-radius:9999px;color:#ffffff;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(6px)}.arena-surrender-btn:hover{background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.6);color:#fca5a5;transform:translateY(-1px)}.arena-result-duel-score-banner{border:2px solid #e2e8f0;border-radius:18px;padding:12px 20px;margin-bottom:20px}@media (max-width:900px) and (orientation:portrait){.arena-battle-hud-row{grid-template-columns:1fr 1fr;gap:10px}.arena-center-prompt-group{grid-column:1/-1;order:-1;margin-bottom:8px;width:100%}.arena-prompt-paper-card{min-width:0!important;width:100%!important;max-width:100%!important;padding:14px 16px 12px!important}.arena-washi-tape{display:none}.arena-dual-battlefield{grid-template-columns:1fr;gap:16px}.arena-vs-divider{display:none}}@media (orientation:landscape) and (max-height:560px){.arena-root{min-height:100vh!important;min-height:100dvh!important;height:100vh!important;height:100dvh!important;overflow:hidden!important}.arena-content{max-width:100%!important;padding:4px 14px!important;height:100vh!important;height:100dvh!important}.arena-battle-stage,.arena-content{display:flex!important;flex-direction:column!important;justify-content:space-between!important;overflow:hidden!important}.arena-battle-stage{height:100%!important;gap:2px!important}.arena-battle-hud-row{display:grid!important;grid-template-columns:170px 1fr 170px!important;align-items:center!important;gap:10px!important;margin-bottom:2px!important;width:100%!important}.arena-hud-side-card{padding:4px 10px!important;border-radius:12px!important;gap:8px!important}.arena-hud-avatar-wrap{width:36px!important;height:36px!important;border-width:2px!important}.arena-hud-score{font-size:20px!important}.arena-hud-name{font-size:10.5px!important;margin-top:1px!important}.arena-center-prompt-group{grid-column:auto!important;order:0!important;margin-bottom:0!important;width:100%!important}.arena-prompt-paper-card{min-width:0!important;width:auto!important;max-width:380px!important;padding:4px 18px 3px!important;border-radius:12px!important}.arena-washi-tape{display:none!important}.arena-prompt-word-title{font-size:24px!important;line-height:1.15!important}.arena-prompt-pinyin-line{font-size:12.5px!important;margin-top:1px!important;gap:5px!important}.arena-prompt-speak-btn{width:20px!important;height:20px!important;border-radius:5px!important}.arena-prompt-subbar{margin-top:-5px!important;gap:6px!important}.arena-subbar-pill{font-size:9.5px!important;padding:2px 8px!important;height:20px!important;box-shadow:0 1.5px 0 #18181b!important}.arena-dual-battlefield{display:grid!important;grid-template-columns:1fr 40px .72fr!important;align-items:center!important;gap:10px!important;flex:1!important;min-height:0!important;margin:2px 0!important}.arena-player-options-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.arena-player-opt-btn{min-height:46px!important;max-height:60px!important;padding:6px 10px!important;border-radius:12px!important;border-width:2px!important;box-shadow:0 2.5px 0 #cbd5e1,0 4px 10px rgba(0,0,0,.05)!important}.arena-opt-text{font-size:15px!important;font-weight:800!important;line-height:1.2!important}.arena-opt-key-hint{width:15px!important;height:15px!important;font-size:8.5px!important;top:3px!important;left:5px!important}.arena-speed-pill{top:-24px!important;font-size:10px!important;padding:2px 8px!important}.arena-vs-divider{display:flex!important;align-items:center!important;justify-content:center!important}.arena-vs-emblem{width:36px!important;height:36px!important;font-size:11px!important;border-width:2px!important}.arena-opponent-options-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.arena-opponent-opt-btn{min-height:38px!important;max-height:52px!important;padding:4px 8px!important;border-radius:10px!important}.arena-opponent-opt-text{font-size:12.5px!important}.arena-dual-explanation-banner{padding:4px 12px!important;font-size:11px!important;margin-top:1px!important;border-radius:8px!important}.arena-battle-footer-clean{padding-top:1px!important;margin-top:0!important}.arena-battle-hint{font-size:10.5px!important}.arena-ctrl-btn{width:30px!important;font-size:12px!important}.arena-ctrl-btn,.arena-surrender-btn{height:30px!important;border-radius:8px!important}.arena-surrender-btn{padding:3px 10px!important;font-size:10.5px!important}.arena-result-modal-window{max-height:94vh!important;max-width:700px!important;padding:10px 18px!important;border-radius:16px!important}.arena-result-header-row{margin-bottom:6px!important;gap:10px!important}.arena-result-trophy-wrap-sm{width:34px!important;height:34px!important;font-size:18px!important}.arena-result-title-sm{font-size:16px!important}.arena-result-desc-sm{font-size:11px!important}.arena-result-body-split{gap:8px!important;margin-bottom:6px!important}.arena-result-duel-score-banner{padding:6px 12px!important;margin-bottom:6px!important;border-radius:10px!important}.arena-result-stats-grid{gap:6px!important}.arena-result-stat-card{padding:4px 8px!important;border-radius:8px!important}.arena-result-stat-val{font-size:14px!important}.arena-result-stat-label{font-size:8.5px!important}.arena-result-actions-row{gap:8px!important;padding-top:4px!important}.arena-result-action-btn{padding:6px 12px!important;font-size:11.5px!important;border-radius:10px!important}}.arena-landscape-prompt-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:rgba(16,185,129,.15);border:1.5px solid #10b981;color:#047857;font-size:11px;font-weight:800;padding:4px 14px;border-radius:9999px;margin-top:6px;cursor:pointer;box-shadow:0 2px 6px rgba(16,185,129,.15);transition:all .15s ease;animation:bounceSlow 2s ease-in-out infinite}.arena-landscape-prompt-pill:hover{background:#10b981;color:#ffffff;transform:translateY(-1px)}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.arena-orientation-modal-window{position:relative;background:#ffffff;border-radius:24px;border:3px solid #18181b;box-shadow:0 12px 0 #18181b,0 24px 48px rgba(0,0,0,.4);width:100%;max-width:400px;padding:24px 22px 20px;text-align:center;animation:modalScaleUp .25s cubic-bezier(.34,1.56,.64,1)}.arena-orientation-phone-wrap{position:relative;width:80px;height:80px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(16,185,129,.18) 0,rgba(16,185,129,0) 70%);border-radius:50%}.arena-orientation-phone-icon{font-size:40px;color:#059669;animation:phoneRotateLandscape 2.5s ease-in-out infinite;transform-origin:center center}@keyframes phoneRotateLandscape{0%,15%{transform:rotate(0deg)}45%,70%{transform:rotate(-90deg)}85%,to{transform:rotate(0deg)}}.arena-orientation-badge{display:inline-flex;align-items:center;gap:5px;background:#ecfdf5;color:#047857;border:1.5px solid #a7f3d0;font-size:11px;font-weight:800;letter-spacing:.5px;padding:3px 12px;border-radius:9999px;margin-bottom:8px;text-transform:uppercase}.arena-orientation-title{font-size:20px;font-weight:900;color:#0f172a;letter-spacing:-.02em;margin:0 0 8px;text-transform:uppercase}.arena-orientation-desc{font-size:13px;line-height:1.5;color:#475569;margin:0 0 18px}.arena-orientation-btn-primary{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 18px;background:#10b981;color:#ffffff;border:solid #065f46;border-width:2px 2px 5px;border-radius:16px;font-size:13.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 14px rgba(16,185,129,.3);transition:transform .1s ease,border-bottom .1s ease,filter .15s ease}.arena-orientation-btn-primary:hover{filter:brightness(1.06)}.arena-orientation-btn-primary:active{transform:translateY(4px);border-bottom-width:1px}.arena-orientation-btn-secondary{display:flex;align-items:center;justify-content:center;width:100%;margin-top:8px;padding:8px 14px;background:transparent;color:#64748b;border:none;border-radius:10px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s ease}.arena-orientation-btn-secondary:hover{background:#f1f5f9;color:#334155}.arena-orientation-hint{display:block;margin-top:10px;font-size:11px;color:#94a3b8;font-weight:500}@media (orientation:landscape) and (max-height:560px){.arena-topic-view{height:100%!important;max-height:100vh!important;max-height:100dvh!important;overflow-y:auto!important;padding-bottom:70px!important}.arena-topic-header{margin-bottom:10px!important;padding:2px 0!important}.arena-topic-title-block h1{font-size:18px!important}.arena-topic-title-block p{font-size:11px!important}.arena-topic-filter-bar{margin-bottom:10px!important}.arena-topic-cards-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.arena-topic-card{padding:8px 10px!important}.arena-topic-card-title{font-size:13.5px!important}.arena-topic-bottom-container{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.arena-topic-continue-btn{width:auto!important;max-width:320px!important;height:42px!important;padding:6px 18px!important;font-size:13px!important}.arena-topic-continue-btn span,.arena-topic-continue-label{max-width:240px!important}.arena-mode-modal-window{max-width:580px!important;padding:8px 14px 10px!important;border-radius:16px!important}.arena-mode-modal-window .arena-modal-header{margin-bottom:6px!important;padding-bottom:5px!important}.arena-mode-modal-window .arena-modal-title{font-size:14px!important}.arena-mode-modal-window .arena-modal-badge{font-size:9.5px!important;padding:1px 5px!important}.arena-mode-modal-window .arena-modal-close{width:26px!important;height:26px!important;font-size:11px!important}.arena-mode-modal-window .arena-modal-topic-banner{padding:4px 8px!important;margin-bottom:8px!important;border-radius:8px!important}.arena-mode-modal-window .arena-modal-topic-banner-icon{width:22px!important;height:22px!important;font-size:11px!important}.arena-mode-modal-window .arena-modal-topic-banner-title{font-size:11px!important}.arena-mode-modal-window .arena-modes-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.arena-mode-modal-window .arena-mode-card{display:grid!important;grid-template-columns:32px 1fr auto!important;align-items:center!important;text-align:left!important;padding:6px 8px!important;border-radius:10px!important;gap:6px!important;border-width:2px!important}.arena-mode-modal-window .arena-mode-icon-box{width:32px!important;height:32px!important;border-radius:8px!important;font-size:14px!important;margin:0!important}.arena-mode-modal-window .arena-mode-name{font-size:12px!important;margin:0!important}.arena-mode-modal-window .arena-mode-tag{font-size:8.5px!important;padding:0 4px!important;margin:0!important}.arena-mode-modal-window .arena-mode-desc{display:none!important}.arena-mode-modal-window .arena-mode-action-btn{height:28px!important;padding:0 8px!important;font-size:10px!important;border-bottom-width:2px!important}}.arena-result-modal-window{position:relative;background:#fffdf8;border:3px solid #18181b;border-radius:26px;padding:22px 26px 20px;width:100%;max-width:820px;box-shadow:0 10px 0 #18181b,0 20px 40px rgba(0,0,0,.3);text-align:center;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1);max-height:92vh;overflow-y:auto}.arena-result-header-row{display:flex;align-items:center;gap:14px;margin-bottom:14px;text-align:left}.arena-result-trophy-wrap-sm{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;border:2.5px solid #18181b;box-shadow:0 2.5px 0 #18181b;flex-shrink:0}.arena-result-trophy-wrap-sm.trophy-victory{background:linear-gradient(135deg,#fef08a,#f59e0b);animation:bubblePop .4s cubic-bezier(.34,1.56,.64,1)}.arena-result-trophy-wrap-sm.trophy-defeat{background:linear-gradient(135deg,#f1f5f9,#cbd5e1)}.arena-result-title-sm{font-size:22px;font-weight:900;letter-spacing:-.02em;margin-bottom:2px}.arena-result-title-sm.victory-text{color:#059669}.arena-result-title-sm.defeat-text{color:#e11d48}.arena-result-desc-sm{font-size:13px;color:#64748b;line-height:1.35;margin:0}.arena-result-body-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;text-align:left}.arena-result-left-col{gap:10px}.arena-result-left-col,.arena-result-right-col{display:flex;flex-direction:column}.arena-result-duel-score-banner{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:8px 14px;margin-bottom:0;display:flex;align-items:center;justify-content:space-between}.arena-result-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:0}.arena-result-stat-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:2px}.arena-result-stat-val{font-size:18px;font-weight:900;color:#0f172a}.arena-result-stat-label{font-size:10.5px;font-weight:700;color:#64748b}.arena-weak-words-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;padding:12px;margin-bottom:0;text-align:left;height:100%;display:flex;flex-direction:column}.arena-weak-words-header{font-size:12px;font-weight:800;color:#1e293b;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.arena-weak-words-list{display:flex;flex-direction:column;gap:5px;max-height:135px;overflow-y:auto;flex:1}.arena-weak-word-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff;padding:5px 10px;border-radius:8px;border:1px solid #e2e8f0;font-size:11.5px}.arena-weak-word-zh{font-family:Noto Sans SC,sans-serif;font-weight:800;color:#0f172a}.arena-weak-word-py{font-weight:700;color:#059669;margin-left:6px}.arena-weak-word-mean{color:#475569;margin-left:auto;margin-right:8px}.arena-perfect-score-card{background:#ecfdf5;border:2px dashed #a7f3d0;border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%}.arena-result-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:680px){.arena-result-modal-window{padding:18px 14px}.arena-result-body-split{grid-template-columns:1fr;gap:12px}.arena-result-header-row{flex-direction:column;text-align:center;gap:8px}.arena-result-actions{grid-template-columns:1fr}}@keyframes combatShake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes floatDamageUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(1.2)}}@keyframes urgentPulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(225,29,72,.4)}to{transform:scale(1.08);box-shadow:0 0 16px rgba(225,29,72,.7)}}@media (max-width:640px){.arena-options-grid{grid-template-columns:1fr}.arena-result-stats-grid{grid-template-columns:repeat(2,1fr)}.arena-result-actions{grid-template-columns:1fr}.arena-battle-hud{grid-template-columns:1fr 1fr}.arena-battle-timer-box{grid-column:1/-1;order:-1}}@media (max-width:768px){.arena-topbar{grid-template-columns:1fr;justify-items:center;gap:12px}.arena-topbar-spacer{display:none}.arena-cards-grid,.arena-cards-grid.arena-cards-grid-2col{grid-template-columns:1fr!important;max-width:420px;width:100%;margin-left:auto;margin-right:auto;gap:30px}.arena-cards-grid .arena-card{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-areas:"binder binder" "image title" "image desc" "button button";column-gap:12px;row-gap:0;align-items:center;padding:0 14px 14px;text-align:left}.arena-cards-grid .arena-card-binder{grid-area:binder;margin:0;padding-top:6px}.arena-cards-grid .arena-card-img-wrapper{grid-area:image;width:76px;height:76px;margin:0 auto}.arena-cards-grid .arena-card-title{grid-area:title;align-self:end;margin:0 0 4px;font-size:18px;line-height:1.2}.arena-cards-grid .arena-card-desc{grid-area:desc;align-self:start;margin:0 0 12px;font-size:12px;line-height:1.4}.arena-cards-grid .arena-3d-btn{grid-area:button;width:100%;max-width:none;height:42px;font-size:13px}.arena-mascot-wrapper{display:none}.arena-modes-grid{grid-template-columns:1fr}.arena-modal-window{padding:20px 16px}.arena-topic-cards-grid{grid-template-columns:1fr}.arena-topic-bottom-container{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:8px 12px 10px!important}.arena-topic-continue-btn{width:100%!important;max-width:100%!important;height:44px!important;min-height:44px!important;padding:0 14px!important;font-size:13px!important}.arena-topic-continue-btn span,.arena-topic-continue-label{max-width:calc(100% - 24px)!important}.arena-mode-modal-window{max-width:calc(100vw - 24px)!important;padding:12px 14px 14px!important;border-radius:20px!important;border-width:2.5px!important;box-shadow:0 8px 0 #18181b,0 16px 30px rgba(0,0,0,.3)!important}.arena-mode-modal-window .arena-modal-header{margin-bottom:8px!important;padding-bottom:8px!important}.arena-mode-modal-window .arena-modal-title{font-size:15px!important;gap:6px!important;white-space:nowrap!important}.arena-mode-modal-window .arena-modal-badge{font-size:10px!important;padding:1px 6px!important}.arena-mode-modal-window .arena-modal-close{width:30px!important;height:30px!important;font-size:13px!important}.arena-mode-modal-window .arena-modal-topic-banner{padding:6px 10px!important;margin-bottom:10px!important;border-radius:10px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.arena-mode-modal-window .arena-modal-topic-banner-icon{width:26px!important;height:26px!important;font-size:13px!important}.arena-mode-modal-window .arena-modal-topic-banner-sub{display:none!important}.arena-mode-modal-window .arena-modal-topic-banner-title{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.arena-mode-modal-window .arena-modal-topic-banner-zh{font-size:13px!important}.arena-mode-modal-window .arena-modes-grid{display:flex!important;flex-direction:column!important;gap:8px!important}.arena-mode-modal-window .arena-mode-card{display:grid!important;grid-template-columns:42px 1fr auto!important;align-items:center!important;text-align:left!important;padding:8px 10px!important;border-radius:14px!important;border-width:2px!important;gap:10px!important}.arena-mode-modal-window .arena-mode-icon-box{width:42px!important;height:42px!important;border-radius:10px!important;font-size:18px!important;margin:0!important}.arena-mode-modal-window .arena-mode-card-content{min-width:0!important;align-items:flex-start!important}.arena-mode-modal-window .arena-mode-card-title-row{flex-direction:row!important;align-items:center!important;gap:6px!important;margin-bottom:2px!important}.arena-mode-modal-window .arena-mode-name{font-size:13.5px!important;font-weight:800!important;margin:0!important;white-space:nowrap!important}.arena-mode-modal-window .arena-mode-tag{font-size:9.5px!important;padding:1px 5px!important;margin:0!important}.arena-mode-modal-window .arena-mode-desc{font-size:10.5px!important;color:#64748b!important;margin:0!important;min-height:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:170px!important}.arena-mode-modal-window .arena-mode-action-wrap{width:auto!important;flex-shrink:0!important}.arena-mode-modal-window .arena-mode-action-btn{height:34px!important;padding:0 10px!important;font-size:11px!important;border-bottom-width:3px!important;white-space:nowrap!important}}.arena-matchmaking-window{background:radial-gradient(circle at 50% 30%,#1e293b 0,#0f172a 100%);border:2px solid rgba(245,158,11,.4);box-shadow:0 25px 60px -15px rgba(0,0,0,.8),0 0 40px rgba(245,158,11,.2);border-radius:28px;overflow:hidden}.arena-radar-container{position:relative;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.08) 0,rgba(6,78,59,.4) 100%);border:2px solid rgba(16,185,129,.5);box-shadow:0 0 30px rgba(16,185,129,.3),inset 0 0 25px rgba(16,185,129,.25);display:flex;align-items:center;justify-content:center;overflow:hidden}.arena-radar-ripple{position:absolute;border-radius:50%;border:1px solid rgba(16,185,129,.35);pointer-events:none}.arena-radar-ripple.ripple-1{width:75px;height:75px}.arena-radar-ripple.ripple-2{width:140px;height:140px}.arena-radar-ripple.ripple-3{width:205px;height:205px}.arena-radar-sweep{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,rgba(16,185,129,.6) 0deg,rgba(16,185,129,.15) 45deg,transparent 75deg);animation:radarRotate 2.4s linear infinite;pointer-events:none}@keyframes radarRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.arena-radar-center-avatar{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}50%{transform:scale(1.06);filter:drop-shadow(0 0 16px rgba(16,185,129,.8))}}.arena-radar-blip{position:absolute;width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;opacity:0}.arena-radar-blip.blip-1{top:40px;right:55px;animation:blipFade 1.8s ease-in-out .4s infinite}.arena-radar-blip.blip-2{bottom:50px;left:45px;animation:blipFade 2.1s ease-in-out 1.1s infinite}.arena-radar-blip.blip-3{bottom:75px;right:40px;animation:blipFade 1.6s ease-in-out .7s infinite}@keyframes blipFade{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1.3)}80%,to{opacity:0;transform:scale(.8)}}.arena-vs-matchup-banner{display:flex;align-items:center;justify-content:space-around;width:100%;background:rgba(15,23,42,.75);border:2px solid rgba(245,158,11,.35);border-radius:20px;padding:16px 20px;box-shadow:inset 0 0 20px rgba(0,0,0,.5);margin-top:8px}.arena-vs-player-card{text-align:center}.arena-vs-center-symbol,.arena-vs-player-card{display:flex;flex-direction:column;align-items:center}.arena-vs-center-symbol{justify-content:center;padding:0 10px}.arena-vs-lightning-wrap{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#f59e0b 0,#b45309 100%);border:3px solid #fef3c7;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(245,158,11,.8),inset 0 0 10px rgba(255,255,255,.5);animation:vsThump .8s ease-in-out infinite alternate}.arena-vs-symbol-text{font-family:inherit;font-size:20px;font-weight:900;font-style:italic;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,.6)}@keyframes vsThump{0%{transform:scale(.96) rotate(-2deg)}to{transform:scale(1.08) rotate(2deg);box-shadow:0 0 28px rgba(245,158,11,1),inset 0 0 14px rgba(255,255,255,.8)}}.arena-radar-cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 28px;background:rgba(244,63,94,.14);border:1.5px solid rgba(244,63,94,.45);border-radius:9999px;color:#fecdd3;font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(244,63,94,.15);backdrop-filter:blur(8px)}.arena-radar-cancel-btn:hover{background:rgba(244,63,94,.28);border-color:rgba(244,63,94,.8);color:#ffffff;transform:translateY(-2px);box-shadow:0 6px 22px rgba(244,63,94,.35)}.arena-radar-cancel-btn:active{transform:translateY(0)}.arena-rematch-backdrop{position:fixed;inset:0;z-index:70;background:rgba(15,23,42,.78);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:modalFadeIn .2s ease}.arena-rematch-window{position:relative;background:#fffdf8;border-radius:26px;border:3px solid #18181b;box-shadow:0 12px 0 #18181b,0 28px 60px rgba(0,0,0,.45);width:100%;max-width:460px;padding:24px 22px 20px;text-align:center;animation:modalScaleUp .25s cubic-bezier(.34,1.56,.64,1)}.arena-rematch-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:9999px;border:2px solid #18181b;font-size:11px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px}.arena-rematch-badge-waiting{background:#fef08a;color:#854d0e;box-shadow:0 2px 0 #18181b}.arena-rematch-badge-accepted{background:#a7f3d0;color:#065f46;box-shadow:0 2px 0 #18181b;animation:bubblePop .3s ease}.arena-rematch-badge-declined{background:#fecdd3;color:#9f1239;box-shadow:0 2px 0 #18181b}.arena-rematch-badge-finding{background:#bae6fd;color:#0369a1;box-shadow:0 2px 0 #18181b}.arena-rematch-avatar-wrap{position:relative;width:92px;height:92px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.arena-rematch-avatar-img{width:100%;height:100%;border-radius:50%;border:3px solid #18181b;object-fit:cover;box-shadow:0 5px 0 #18181b;background:#f1f5f9;position:relative;z-index:2;transition:all .3s ease}.arena-rematch-avatar-img.avatar-declined{filter:grayscale(85%) contrast(.9);opacity:.8}.arena-rematch-avatar-img.avatar-accepted{border-color:#059669;box-shadow:0 0 0 4px rgba(16,185,129,.35),0 5px 0 #18181b}.arena-rematch-radar-ring{position:absolute;inset:-8px;border-radius:50%;border:2.5px dashed #f59e0b;z-index:1;animation:spinSlow 7s linear infinite}.arena-rematch-radar-ping{position:absolute;inset:-14px;border-radius:50%;border:2px solid rgba(245,158,11,.45);z-index:1;animation:rematchPing 1.8s cubic-bezier(0,0,.2,1) infinite}@keyframes rematchPing{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.4);opacity:0}}.arena-rematch-name{font-size:18px;font-weight:900;color:#18181b;margin-bottom:2px}.arena-rematch-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:2px 10px;border-radius:9999px;border:1.5px solid #18181b;background:#f4f4f5;color:#3f3f46}.arena-rematch-status-card{margin:14px 0 18px;padding:12px 14px;border-radius:16px;border:2px solid #18181b;text-align:center;box-shadow:0 3px 0 #18181b;transition:all .25s ease}.arena-rematch-status-card.status-waiting{background:#fefce8;border-color:#ca8a04;color:#854d0e}.arena-rematch-status-card.status-accepted{background:#ecfdf5;border-color:#059669;color:#065f46}.arena-rematch-status-card.status-declined{background:#fff1f2;border-color:#e11d48;color:#9f1239}.arena-rematch-status-card.status-finding{background:#f0f9ff;border-color:#0284c7;color:#0369a1}.arena-rematch-dots span{display:inline-block;animation:rematchDotBlink 1.4s infinite;opacity:.2}.arena-rematch-dots span:nth-child(2){animation-delay:.2s}.arena-rematch-dots span:nth-child(3){animation-delay:.4s}@keyframes rematchDotBlink{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;font-weight:900;transform:translateY(-2px)}}.arena-rematch-progress-bar{width:100%;height:6px;border-radius:9999px;background:#a7f3d0;overflow:hidden;margin-top:8px;border:1px solid rgba(5,150,105,.4)}.arena-rematch-progress-fill{height:100%;background:#059669;animation:rematchProgressFill 2s linear forwards}@keyframes rematchProgressFill{0%{width:100%}to{width:0}}.arena-rematch-actions{display:flex;flex-direction:column;gap:10px}.arena-rematch-actions-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.arena-rematch-back-btn{background:none;border:none;padding:6px;font-size:12px;font-weight:700;color:#71717a;text-decoration:underline;cursor:pointer;transition:color .15s}.arena-rematch-back-btn:hover{color:#18181b}.arena-rules-window{position:relative;background:#fffdf8;border-radius:26px;border:3px solid #18181b;box-shadow:0 14px 0 #18181b,0 32px 64px rgba(0,0,0,.4);width:100%;max-width:740px;max-height:92vh;overflow-y:auto;padding:24px 28px 22px;animation:modalScaleUp .25s cubic-bezier(.34,1.56,.64,1)}.arena-rules-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:2px dashed #e4e4e7;position:relative}.arena-rules-header-left{display:flex;align-items:center;gap:14px}.arena-rules-icon-wrap{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#fef08a,#f59e0b);border:2.5px solid #18181b;box-shadow:0 3px 0 #18181b;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.arena-rules-title-group h2{font-size:20px;font-weight:900;color:#18181b;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.25}.arena-rules-scroll-badge{display:inline-flex;align-items:center;gap:4px;background:#fef08a;color:#854d0e;border:1.5px solid #18181b;border-radius:9999px;padding:1px 8px;font-size:10px;font-weight:900;letter-spacing:.5px;box-shadow:0 1.5px 0 #18181b}.arena-rules-subtitle{font-size:12.5px;color:#52525b;margin-top:4px;font-weight:500}.arena-rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}@media (max-width:640px){.arena-rules-grid{grid-template-columns:1fr;gap:12px}.arena-rules-window{padding:20px 16px 18px}}.arena-rule-card{border-radius:20px;border:2.5px solid #18181b;padding:14px 16px;box-shadow:0 4px 0 #18181b;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.arena-rule-card:hover{transform:translateY(-2px);box-shadow:0 6px 0 #18181b}.arena-rule-card-cyan{background:linear-gradient(135deg,#f0fdfa,#e0f2fe)}.arena-rule-card-amber{background:linear-gradient(135deg,#fffbeb,#fef08a)}.arena-rule-card-rose{background:linear-gradient(135deg,#fff1f2,#fecdd3)}.arena-rule-card-emerald{background:linear-gradient(135deg,#f0fdf4,#d1fae5)}.arena-rule-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.arena-rule-icon{width:32px;height:32px;border-radius:10px;border:2px solid #18181b;box-shadow:0 2px 0 #18181b;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;flex-shrink:0}.arena-rule-card-cyan .arena-rule-icon{background:#0284c7}.arena-rule-card-amber .arena-rule-icon{background:#d97706}.arena-rule-card-rose .arena-rule-icon{background:#e11d48}.arena-rule-card-emerald .arena-rule-icon{background:#059669}.arena-rule-badge{font-size:9.5px;font-weight:900;padding:2px 8px;border-radius:9999px;border:1.5px solid #18181b;letter-spacing:.3px;text-transform:uppercase}.arena-rule-card-cyan .arena-rule-badge{background:#bae6fd;color:#0369a1}.arena-rule-card-amber .arena-rule-badge{background:#fde047;color:#854d0e}.arena-rule-card-rose .arena-rule-badge{background:#fecdd3;color:#9f1239}.arena-rule-card-emerald .arena-rule-badge{background:#a7f3d0;color:#065f46}.arena-rule-title{font-size:14px;font-weight:900;color:#18181b;margin-bottom:4px}.arena-rule-desc{font-size:11.5px;color:#3f3f46;line-height:1.45;font-weight:500}.arena-rules-tip-banner{background:#18181b;border:2px solid #27272a;border-radius:14px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;box-shadow:0 3px 0 rgba(0,0,0,.3)}.arena-rules-tip-left{display:flex;align-items:center;gap:10px;font-size:12px;color:#e4e4e7;font-weight:600}.arena-rules-keycaps{display:flex;align-items:center;gap:4px;flex-shrink:0}.arena-rule-keycap{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#27272a;color:#fef08a;font-size:11px;font-weight:900;border-radius:6px;border:1px solid #3f3f46;box-shadow:0 2px 0 #09090b}.arena-rules-footer{display:flex;align-items:center;justify-content:flex-end}.arena-exit-modal-window{position:relative;background:#fffdf8;border-radius:26px;border:3px solid #18181b;box-shadow:0 12px 0 #18181b,0 28px 60px rgba(0,0,0,.45);width:100%;max-width:440px;padding:24px 26px 20px;text-align:center;animation:modalScaleUp .25s cubic-bezier(.34,1.56,.64,1)}.arena-exit-icon-wrap{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#fef08a,#f59e0b);border:2.5px solid #18181b;box-shadow:0 3px 0 #18181b;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 12px;animation:bubblePop .3s ease}.arena-exit-modal-title{font-size:19px;font-weight:900;color:#18181b;margin-bottom:8px;letter-spacing:.3px}.arena-exit-panel{background:#fff1f2;border:2px solid #fecdd3;border-radius:16px;padding:12px 16px;color:#881337;font-size:12.5px;font-weight:600;line-height:1.5;margin-bottom:20px;box-shadow:0 2px 0 rgba(225,29,72,.1)}.arena-exit-actions{display:flex;gap:12px;align-items:center;justify-content:center}.arena-keep-fighting-btn{flex:1.4;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:900;letter-spacing:.3px;border-radius:16px;box-shadow:0 5px 0 #18181b;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.arena-keep-fighting-btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 #18181b}.arena-keep-fighting-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #18181b}.arena-quit-match-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 14px;background:#f4f4f5;color:#52525b;border:2.5px solid #18181b;border-radius:16px;font-size:12px;font-weight:800;box-shadow:0 4px 0 #18181b;cursor:pointer;transition:all .15s ease}.arena-quit-match-btn:hover{background:#fee2e2;color:#991b1b;border-color:#18181b;transform:translateY(-2px);box-shadow:0 6px 0 #18181b}.arena-quit-match-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #18181b}