/* ══════════════════════════════════════════════════════
   地球Online · 竞技场皮肤
   硬边目录板语感 · 红 / 芥末金 / 墨蓝 / 绿
   杜绝：紫光晕、圆角药丸、扫光按钮、科幻星云、Oxanium
   ══════════════════════════════════════════════════════ */

.eo-arena{
  --g-bg:#f3f1ec;
  --g-panel:#fffcf6;
  --g-panel-2:#ebe7df;
  --g-line:#111;
  --g-gold:#b8860b;
  --g-gold-2:#8a6508;
  --g-cyan:#1f5f7a;
  --g-rose:#c41212;
  --g-text:#111;
  --g-mute:rgba(0,0,0,.55);
  --g-hp:#c41212;
  --g-hp-dark:#8f0d0d;
  --g-mp:#1f5f7a;
  --g-mp-dark:#164456;
  --g-danger:#c41212;
  --g-ok:#16803c;
  --g-font:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --g-ui:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --g-serif:"Noto Serif SC","Songti SC",serif;
  --g-radius:0;
  --ar-red:#c41212;
  --ar-gold:#b8860b;
  --ar-ink:#1f5f7a;
  --ar-ok:#16803c;
  --ar-paper:#f3f1ec;
  --ar-panel:#fffcf6;
  max-width:min(920px,100%);
  padding:14px 14px calc(28px + var(--g-safe));
  background:
    linear-gradient(180deg,#ebe7df 0%,var(--ar-paper) 140px, #f0eeea 100%);
  min-height:calc(100vh - 60px);
  min-height:calc(100dvh - 60px);
  color:var(--g-text);
  font-family:var(--g-font);
}

.eo-arena .g-frame{
  background:var(--ar-panel);
  border:1px solid #111;
  border-radius:0;
  box-shadow:none;
}
.eo-arena .g-frame::before{ display:none; }

.eo-arena .btn-primary,
.eo-arena .btn-wide,
.eo-arena .btn-ghost,
.eo-arena .btn-match,
.eo-arena .btn-claim,
.eo-arena .btn-challenge,
.eo-arena .slot-btn,
.eo-arena .abil-btn,
.eo-arena .btn-buff-inline{
  border-radius:0;
  box-shadow:none;
  font-family:var(--g-font);
}
.eo-arena .btn-primary,
.eo-arena .btn-wide{
  background:var(--ar-red);
  border-color:#111;
  color:#fff;
  letter-spacing:.04em;
}
.eo-arena .btn-primary:hover:not(:disabled),
.eo-arena .btn-wide:hover:not(:disabled){
  background:#9e0e0e;
}
.eo-arena .btn-ghost:hover{ background:#f0ece4; }
.eo-arena .btn-ghost{ background:#fff; }

/* ── 大厅顶栏：记分条 ── */
.eo-arena .ar-mast{
  display:grid;
  grid-template-columns:minmax(118px,150px) minmax(0,1fr);
  margin:0;
  border:1px solid #111;
  background:#fff;
  overflow:hidden;
}
.eo-arena .ar-mast-brand{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:12px 14px;
  background:var(--ar-red);
  border-right:1px solid #111;
  color:#fff;
  min-width:0;
}
.eo-arena .ar-mast-brand h1{
  margin:0;
  font-family:var(--g-serif);
  font-size:clamp(22px,2.8vw,28px);
  font-weight:700;
  line-height:1.05;
  letter-spacing:.1em;
  color:#fff;
}
.eo-arena .ar-mast-brand .ar-lead{
  margin:0;
  max-width:none;
  font-size:11px;
  line-height:1.4;
  color:rgba(255,255,255,.82);
}
.eo-arena .ar-mast-grid{
  display:grid;
  grid-template-columns:1.15fr .9fr .95fr;
  grid-template-rows:auto auto;
  min-width:0;
  background:var(--ar-panel);
}
.eo-arena .ar-cell{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  min-width:0;
  padding:10px 12px;
  border-right:1px solid rgba(17,17,17,.22);
  border-bottom:1px solid rgba(17,17,17,.22);
  background:var(--ar-panel);
}
.eo-arena .ar-cell:nth-child(3){
  border-right:0;
}
.eo-arena .ar-cell-wide{
  grid-column:1 / -1;
  border-right:0;
  border-bottom:0;
  flex-direction:row;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  background:#f7f3ea;
}
.eo-arena .ar-cell-k{
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  color:rgba(17,17,17,.45);
  line-height:1;
}
.eo-arena .ar-cell-v{
  font-size:12.5px;
  font-weight:700;
  color:#111;
  line-height:1.35;
  min-width:0;
}
.eo-arena .ar-cell-wide .ar-cell-k{
  flex:0 0 auto;
}
.eo-arena .ar-cell-wide .ar-cell-v{
  flex:1 1 auto;
  font-weight:600;
  color:rgba(17,17,17,.72);
  font-size:12px;
}
.eo-arena .ar-mast .title-badge{
  display:inline-block;
  width:fit-content;
  max-width:100%;
  border-radius:0;
  border:1px solid #111;
  color:#fff;
  font-family:var(--g-ui);
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  padding:3px 8px;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.eo-arena .ar-mast .ticket-chip{
  display:inline-block;
  width:fit-content;
  border-radius:0;
  border:1px solid #111;
  background:#fff;
  color:#111;
  font-family:var(--g-ui);
  font-size:12px;
  font-weight:800;
  padding:3px 8px;
  line-height:1.25;
  cursor:default;
}
.eo-arena .ar-mast .ticket-chip.is-buyable{
  cursor:pointer;
  color:#8a4b12;
  background:#fff4df;
  border-color:#111;
  text-decoration:none;
}
.eo-arena .ticket-chip,
.eo-arena .fights-chip{
  font-family:var(--g-ui);
  color:#111;
}
.eo-arena .ticket-chip.is-buyable{ color:var(--ar-gold); }

/* ── 上场卡 ── */
.eo-arena .lobby-board{ gap:10px; }
.eo-arena .hero-panel{
  background:var(--ar-panel);
}
.eo-arena .hp-portrait{
  background:
    repeating-linear-gradient(-45deg, #f6f3ec, #f6f3ec 7px, #f0ece4 7px, #f0ece4 14px);
  border-right:1px solid #111;
}
.eo-arena .portrait-ornament,
.eo-arena .portrait-ornament .card-portrait,
.eo-arena .card-portrait{
  border-radius:0;
}
.eo-arena .hp-role{
  font-family:var(--g-ui);
  font-size:10px; letter-spacing:.14em;
  color:var(--ar-ink);
  text-transform:none;
}
.eo-arena .card-name{
  font-family:var(--g-serif);
  font-size:20px; font-weight:700;
}
.eo-arena .you-record{
  font-family:var(--g-ui);
  font-size:11px;
  color:var(--g-mute);
}
.eo-arena .btn-match{
  min-width:88px;
  min-height:54px;
  border-radius:0;
  background:var(--ar-red);
  border:1px solid #111;
  color:#fff;
  font-family:var(--g-serif);
  font-size:15px; font-weight:700;
  letter-spacing:.04em;
  box-shadow:3px 3px 0 #111;
}
.eo-arena .btn-match:hover:not(:disabled){
  background:#9e0e0e;
}
.eo-arena .btn-match:active:not(:disabled){
  transform:translate(1px,1px);
  box-shadow:2px 2px 0 #111;
}
.eo-arena .btn-match .bm-glow{ display:none !important; }
.eo-arena .btn-buff-inline{
  border-radius:0;
  background:#111;
  box-shadow:3px 3px 0 var(--ar-ink);
  font-family:var(--g-ui);
  font-size:10px; letter-spacing:.06em;
}
.eo-arena .btn-buff-inline i{ background:var(--ar-gold); }
.eo-arena .btn-buff-inline:hover:not(:disabled){ background:#222; filter:none; }

.eo-arena .bbs-sync-switch{
  border-radius:0;
  width:32px; height:16px;
}
.eo-arena .bbs-sync-switch::after{
  border-radius:0;
  width:12px; height:12px;
  top:1px; left:1px;
}
.eo-arena .bbs-sync-toggle.is-on .bbs-sync-switch,
.eo-arena .bbs-sync-switch.is-on{
  background:var(--ar-ok);
}
.eo-arena .bbs-sync-toggle.is-on .bbs-sync-switch::after,
.eo-arena .bbs-sync-switch.is-on::after{
  transform:translateX(16px);
}

.eo-arena .bar{
  border-radius:0;
  border:1px solid #111;
  background:#fff;
}
.eo-arena .bar.hp i{
  background:var(--ar-red);
  border-radius:0;
}
.eo-arena .bar.mp i{
  background:var(--ar-ink);
  border-radius:0;
}
.eo-arena .bar.ult i{
  background:var(--ar-gold);
  border-radius:0;
}
.eo-arena .lobby-vitals{
  border-top:1px solid #111;
  background:#fff;
  padding:10px 12px;
}

.eo-arena .stat-mini{
  border:1px solid rgba(17,17,17,.18);
  border-radius:0;
  background:#fff;
}
.eo-arena .stat-mini b{ font-family:var(--g-ui); }

/* ── 功能槽 / 任务 / 连胜 ── */
.eo-arena .menu-slots{ gap:0; border:1px solid #111; background:#fff; }
.eo-arena .slot-btn{
  border-radius:0;
  border:0;
  border-right:1px solid #111;
  background:#fff;
  min-height:52px;
  font-family:var(--g-ui);
  font-size:11px; letter-spacing:.08em;
}
.eo-arena .slot-btn:last-child{ border-right:0; }
.eo-arena .slot-btn:hover:not(:disabled){
  background:#f6f3ec;
  color:var(--ar-red);
}
.eo-arena .slot-btn i{ background:var(--ar-red); }

.eo-arena .quest-panel{ padding:0; }
.eo-arena .panel-cap{
  margin:0;
  padding:10px 12px;
  border-bottom:1px solid #111;
  background:#fff;
}
.eo-arena .panel-cap strong{
  font-family:var(--g-serif);
  letter-spacing:.02em;
}
.eo-arena .quest-list-host{ padding:10px 12px 12px; }
.eo-arena .quest-row{
  border-radius:0;
  border:1px solid #111;
  background:#fff;
  box-shadow:none;
}

.eo-arena .bonus-row{ gap:10px; }
.eo-arena .streak-strip,
.eo-arena .rival-bar{
  border-radius:0;
  background:#fff;
}
.eo-arena .sb-label{
  font-family:var(--g-ui);
  font-size:10px; letter-spacing:.12em;
  color:var(--ar-gold);
  text-transform:uppercase;
}
.eo-arena .sb-item{
  font-family:var(--g-ui);
  border-radius:0;
  border:1px solid rgba(17,17,17,.2);
  background:#f6f3ec;
}
.eo-arena .sb-item.hot{
  border-color:var(--ar-red);
  color:var(--ar-red);
  background:#fff;
}
.eo-arena .lobby-hint{
  font-family:var(--g-ui);
  font-size:11px;
  color:rgba(0,0,0,.45);
  letter-spacing:.02em;
}

/* ── 词条稀有度：硬边色条，不要紫光 ── */
.eo-arena .buff-item,
.eo-arena .eo-buff{
  border-radius:0;
  animation:none !important;
}
.eo-arena .buff-item.rarity-low,
.eo-arena .buff-item.rarity-common{
  box-shadow:none;
  border-color:#111;
  border-left:4px solid #8a8a8a;
}
.eo-arena .buff-item.rarity-rare{
  box-shadow:none;
  border-color:#111;
  border-left:4px solid var(--ar-ink);
}
.eo-arena .buff-item.rarity-epic{
  box-shadow:none;
  border-color:#111;
  border-left:4px solid #5c3d8a;
  background:#fff;
}
.eo-arena .buff-item.rarity-legendary{
  box-shadow:none;
  border-color:#111;
  border-left:4px solid var(--ar-gold);
  background:#fff;
  animation:none !important;
}
.eo-arena .buff-item.rarity-mythic{
  box-shadow:none;
  border-color:#111;
  border-left:4px solid var(--ar-red);
  background:#fff;
  animation:none !important;
}
.eo-arena .buff-item.rarity-immortal{
  box-shadow:none;
  border-color:#111;
  border-left:4px solid var(--ar-ok);
  background:#fff;
  animation:none !important;
}

.eo-arena .eo-buff{
  box-shadow:none !important;
  border:1px solid #111;
  background:#fff;
}
.eo-arena .buff-shop-chip{
  border-radius:0;
  border:1px solid #111;
  background:#fff;
}
.eo-arena .buff-shop-chip em,
.eo-arena .stats-kicker,
.eo-arena .eyebrow,
.eo-arena .page-en{
  font-family:var(--g-ui);
  letter-spacing:.12em;
  color:var(--ar-red);
  text-transform:uppercase;
}
.eo-arena .stats-sheet-panel h2,
.eo-arena .buff-shop-titles h2,
.eo-arena .quest-sheet-titles h2,
.eo-arena .page-titles h2{
  font-family:var(--g-serif);
  letter-spacing:.02em;
}
.eo-arena .stats-sheet-panel,
.eo-arena .buff-sheet-panel,
.eo-arena .quest-sheet-panel,
.eo-arena .result-panel,
.eo-arena .compare-panel,
.eo-arena .arena-confirm-panel,
.eo-arena .match-overlay-card{
  border-radius:0;
  box-shadow:6px 6px 0 #111;
  background:#fff;
}
.eo-arena .buff-pop-close{
  border-radius:0;
}
.eo-arena .match-overlay{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  background:rgba(243,241,236,.88);
}
.eo-arena .match-overlay-en{
  font-family:var(--g-ui);
  color:var(--ar-red);
  letter-spacing:.14em;
}
.eo-arena .match-overlay-num,
.eo-arena .match-overlay-label{
  font-family:var(--g-serif);
}
.eo-arena .match-dots i{
  border-radius:0;
  background:var(--ar-red);
}

/* ── 天梯 ── */
.eo-arena .page-board,
.eo-arena .ladder-board{
  gap:10px;
}
.eo-arena .page-rail{
  border:1px solid #111;
  background:#fff;
  border-radius:0;
  padding:12px 14px;
}
.eo-arena .ladder-rail::after{ display:none; }
.eo-arena .ladder-live{
  border:1px solid #111;
  border-radius:0;
  background:var(--ar-panel);
  color:#111;
  font-family:var(--g-ui);
  font-size:10px; letter-spacing:.12em;
  padding:4px 8px;
  animation:none;
}
.eo-arena .ladder-live i{ display:none; }
.eo-arena .ladder-stage{
  border:1px solid #111;
  border-radius:0;
  background:#fff;
  overflow:hidden;
}
.eo-arena .ladder-stage::before,
.eo-arena .ladder-stage-bg{
  background:
    repeating-linear-gradient(-45deg, #f6f3ec, #f6f3ec 8px, #efebe3 8px, #efebe3 16px) !important;
  opacity:1;
  filter:none;
  animation:none;
}
.eo-arena .ladder-board-cap{
  font-family:var(--g-ui);
}
.eo-arena .ladder-board-cap span{ color:var(--ar-ink); }
.eo-arena .ladder-board-cap em{ color:rgba(0,0,0,.35); }
.eo-arena .ladder-row,
.eo-arena .ladder-slim,
.eo-arena .podium-slot{
  border-radius:0;
  box-shadow:none;
}
.eo-arena .podium-slot{
  border:1px solid #111;
  overflow:hidden;
}
.eo-arena .podium-slot.place-1{
  --pod-accent:var(--ar-gold);
  background:
    linear-gradient(180deg, rgba(184,134,11,.22) 0%, transparent 42%),
    repeating-linear-gradient(-45deg, #1a1814 0 8px, #141210 8px 16px);
  color:#fff;
  border-top:4px solid var(--ar-gold);
  box-shadow:none;
}
.eo-arena .podium-slot.place-1::before,
.eo-arena .podium-slot.place-1::after{
  display:none;
}
.eo-arena .podium-slot.place-1 .podium-wm{
  color:var(--ar-gold);
  opacity:.18;
}
.eo-arena .podium-slot.place-1 .name,
.eo-arena .podium-slot.place-1 .job,
.eo-arena .podium-slot.place-1 .wins span{
  color:rgba(255,255,255,.85);
}
.eo-arena .podium-slot.place-1 .wins b{
  color:var(--ar-gold);
}
.eo-arena .podium-slot.place-1 .btn-challenge{
  background:var(--ar-gold);
  color:#111;
  border:1px solid #111;
}
.eo-arena .podium-slot.place-1 .btn-challenge:hover{
  background:#d4a017;
  color:#111;
}
.eo-arena .podium-slot.place-2{
  --pod-accent:var(--ar-ink);
  background:
    linear-gradient(180deg, rgba(31,95,122,.16) 0%, transparent 40%),
    repeating-linear-gradient(-45deg, #f4f7f8 0 8px, #eef3f5 8px 16px);
  color:#111;
  border-top:4px solid var(--ar-ink);
}
.eo-arena .podium-slot.place-2 .podium-wm{
  color:var(--ar-ink);
  opacity:.12;
}
.eo-arena .podium-slot.place-2 .wins b{
  color:var(--ar-ink);
}
.eo-arena .podium-slot.place-2 .podium-badge b{
  background:var(--ar-ink);
  border-color:#111;
}
.eo-arena .podium-slot.place-3{
  --pod-accent:#8a6508;
  background:
    linear-gradient(180deg, rgba(184,134,11,.14) 0%, transparent 40%),
    repeating-linear-gradient(-45deg, #faf6ee 0 8px, #f3ecdf 8px 16px);
  color:#111;
  border-top:4px solid #8a6508;
}
.eo-arena .podium-slot.place-3 .podium-wm{
  color:#8a6508;
  opacity:.14;
}
.eo-arena .podium-slot.place-3 .wins b{
  color:#8a6508;
}
.eo-arena .podium-slot.place-3 .podium-badge b{
  background:#8a6508;
  border-color:#111;
}
.eo-arena .podium-orbit,
.eo-arena .podium-spark,
.eo-arena .podium-ring,
.eo-arena .pb-glow{
  animation:none !important;
  box-shadow:none !important;
}
.eo-arena .podium-orbit{
  border-radius:0;
  opacity:.35;
}
.eo-arena .btn-challenge{
  border-radius:0;
  background:#111;
  color:#fff;
}
.eo-arena .history-row{
  border-radius:0;
  border:1px solid #111;
  background:#fff;
}

/* ── 对战场：纸面双席擂台，脚线对齐，不要透视椭圆 ── */
.eo-arena .battle-arena,
.eo-arena .battle-arena.scifi{
  border-radius:0;
  border:1px solid #111;
  background:var(--ar-paper);
  box-shadow:none;
  min-height:calc(100vh - 72px);
  min-height:calc(100dvh - 72px);
}
.eo-arena .battle-bg{
  background:var(--ar-paper);
}
.eo-arena .battle-sky{
  background:
    linear-gradient(180deg, #e7e2d8 0%, var(--ar-paper) 52%, #ebe6dc 100%),
    repeating-linear-gradient(-18deg, transparent 0 14px, rgba(17,17,17,.02) 14px 15px);
}
.eo-arena .battle-nebula,
.eo-arena .battle-stars,
.eo-arena .battle-scan,
.eo-arena .battle-grid-wall,
.eo-arena .battle-glow,
.eo-arena .battle-beam,
.eo-arena .battle-embers,
.eo-arena .battle-floor,
.eo-arena .battle-ring,
.eo-arena .holo-corners,
.eo-arena .frame-scan,
.eo-arena .vs-ring,
.eo-arena .vs-pulse,
.eo-arena .vs-core,
.eo-arena .stage-mid,
.eo-arena .result-fx{
  display:none !important;
}
.eo-arena .battle-rink{
  min-height:236px;
}
.eo-arena .rink-surface{
  border:1px solid #111;
  background:
    repeating-linear-gradient(90deg, #f8f5ef 0 20px, #efeae1 20px 40px);
  box-shadow:4px 4px 0 #111;
  border-radius:0;
}
.eo-arena .rink-edge{
  background:#111;
}
.eo-arena .rink-line{
  border-left:2px dashed rgba(17,17,17,.42);
}
.eo-arena .rink-mark{
  border-radius:0;
  font-family:var(--g-serif);
  box-shadow:none;
}
.eo-arena .rink-seat{
  font-family:var(--g-ui);
  letter-spacing:.14em;
}
.eo-arena .battle-stage{
  grid-template-columns:1fr 1fr;
  align-items:end;
  justify-items:center;
  padding-bottom:34px;
}
@media (max-width:520px){
  .eo-arena .battle-arena,
  .eo-arena .battle-arena.scifi{
    min-height:calc(100vh - 72px);
    min-height:calc(100dvh - 72px);
    overflow-x:hidden;
    overflow-y:visible;
  }
  .eo-arena .battle-rink{
    flex:0 0 auto;
    height:196px;
    min-height:196px;
    max-height:196px;
  }
  .eo-arena .battle-stage{
    position:absolute;
    inset:0;
    min-height:0;
    height:auto;
    padding:6px 4px 14px;
  }
  .eo-arena .fighter-label{
    display:none !important;
  }
}
.eo-arena .battle-topbar{
  border-bottom:1px solid #111;
  background:rgba(255,252,246,.92);
}
.eo-arena .round-chip{
  border:1px solid #111;
  border-radius:0;
  background:#fff;
  font-family:var(--g-ui);
}
.eo-arena .round-dot{
  border-radius:0;
  background:var(--ar-ok);
  box-shadow:none;
  animation:none;
}
.eo-arena .sync-label{
  font-family:var(--g-ui);
  font-size:10px; letter-spacing:.1em;
  color:rgba(0,0,0,.4);
  animation:none;
  text-shadow:none;
}
.eo-arena .momentum em{
  font-family:var(--g-ui);
  font-style:normal;
  letter-spacing:.08em;
  color:var(--ar-ink);
}
.eo-arena .momentum-track{
  border-radius:0;
  border:1px solid #111;
  background:#fff;
}
.eo-arena .momentum-track i{
  background:var(--ar-gold);
  border-radius:0;
}
.eo-arena .fighter-hud{
  border:1px solid #111;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.eo-arena .fighter-hud.holo,
.eo-arena .fighter-hud.me,
.eo-arena .fighter-hud.opp{
  background:#fff;
}
.eo-arena .fh-tag{
  border-radius:0;
  font-family:var(--g-ui);
  letter-spacing:.08em;
}
.eo-arena .fh-tag.me{
  background:var(--ar-ink);
  color:#fff;
  border:1px solid #111;
}
.eo-arena .fighter-frame{
  border:1px solid #111;
  border-radius:0;
  background:#fff;
  box-shadow:3px 3px 0 #111;
}
.eo-arena .fighter-label{
  font-family:var(--g-ui);
  letter-spacing:.1em;
}
.eo-arena .battle-feed{
  border:1px solid #111;
  border-radius:0;
  background:#fff;
}
.eo-arena .battle-feed-head{
  font-family:var(--g-ui);
  border-bottom:1px solid #111;
}
.eo-arena .ability-dock,
.eo-arena .battle-dock{
  border-top:1px solid #111;
  background:rgba(255,252,246,.95);
}
.eo-arena .battle-arena .abil-btn,
.eo-arena .battle-arena .btn-ult,
.eo-arena .battle-arena .btn-ult-mode,
.eo-arena .battle-arena .btn-compare{
  border-radius:0;
  box-shadow:none;
  font-family:var(--g-ui);
}
.eo-arena .battle-arena .btn-ult,
.eo-arena .battle-arena .abil-btn.ult{
  background:var(--ar-gold);
  color:#111;
  border:1px solid #111;
}
.eo-arena .battle-arena .btn-ult.is-ready,
.eo-arena .battle-arena .btn-ult.is-casting{
  background:var(--ar-red);
  color:#fff;
  box-shadow:none;
  animation:none;
}
.eo-arena .turn-banner{
  border-radius:0;
  border:1px solid #111;
  background:#111;
  color:#fff;
  font-family:var(--g-serif);
  box-shadow:none;
}

/* 结算 */
.eo-arena .result-hero{
  border-bottom:1px solid #111;
  background:#f6f3ec;
}
.eo-arena .result-tag{
  font-family:var(--g-ui);
  color:var(--ar-red);
}
.eo-arena .result-emblem{
  font-family:var(--g-serif);
  border:1px solid #111;
  border-radius:0;
  background:#fff;
  box-shadow:3px 3px 0 #111;
}
.eo-arena .result-panel.is-win .result-emblem{
  color:var(--ar-ok);
}
.eo-arena .result-panel.is-lose .result-emblem{
  color:var(--ar-red);
}

.eo-arena .arena-toast{
  border-radius:0;
  border:1px solid #111;
  background:#111;
  color:#fff;
  font-family:var(--g-ui);
  box-shadow:none;
}

@media (max-width:720px){
  .eo-arena{ padding:10px 10px calc(22px + var(--g-safe)); }
  .eo-arena .ar-mast{
    grid-template-columns:1fr;
  }
  .eo-arena .ar-mast-brand{
    border-right:0;
    border-bottom:1px solid #111;
    padding:10px 12px;
    flex-direction:row;
    align-items:baseline;
    justify-content:space-between;
    gap:10px;
  }
  .eo-arena .ar-mast-brand h1{
    font-size:22px;
  }
  .eo-arena .ar-mast-brand .ar-lead{
    text-align:right;
    max-width:16ch;
  }
  .eo-arena .ar-mast-grid{
    grid-template-columns:1fr 1fr 1fr;
  }
  .eo-arena .ar-cell{
    padding:8px 10px;
  }
  .eo-arena .ar-cell-wide{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
  .eo-arena .hp-main{
    grid-template-columns:108px minmax(0,1fr);
  }
  .eo-arena .btn-match{
    min-width:72px;
    min-height:48px;
    font-size:13px;
    box-shadow:2px 2px 0 #111;
  }
  .eo-arena .stats-sheet-panel,
  .eo-arena .buff-sheet-panel,
  .eo-arena .quest-sheet-panel,
  .eo-arena .result-panel,
  .eo-arena .compare-panel,
  .eo-arena .match-overlay-card{
    box-shadow:4px 4px 0 #111;
  }
}

@media (prefers-reduced-motion:reduce){
  .eo-arena *{
    animation:none !important;
    transition:none !important;
  }
}