:root{--gold:#ef9f27;--gold-light:#fac775;--team:#5dcaa5;--rival:#f0997b;--up:#5dcaa5;--down:#ff8a80}.arena-page{background-color:#01101f;background-image:linear-gradient(#01101f8c,#01101feb 420px),url(/art/backdrop-phone.webp);background-position:top;background-repeat:no-repeat;background-size:100%,cover;min-height:100svh;padding:0 16px 48px}@media (min-width:768px){.arena-page{background-image:linear-gradient(#01101f8c,#01101feb 520px),url(/art/backdrop-desktop.webp)}}.arena-wrap{width:min(100%,760px);margin:0 auto}.arena-narrow{width:min(100%,440px);margin:0 auto}.account-bar{align-items:center;gap:10px;width:min(100%,760px);margin:0 auto;padding:12px 0;font-size:14px;display:flex}.ab-spacer{flex:1}.ab-link,.ab-back{color:var(--gold-light);align-items:center;gap:6px;font-weight:600;display:inline-flex}.ab-link svg{width:18px;height:18px}.ab-me{border:1px solid var(--border);background:#00000073;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:5px 12px 5px 6px;display:inline-flex}.ab-name{text-overflow:ellipsis;white-space:nowrap;max-width:9em;font-weight:700;overflow:hidden}.ab-rp{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ab-auth{align-items:center;gap:12px;font-weight:600;display:inline-flex}.ab-join{background:var(--gold);color:#241400;border-radius:999px;padding:6px 12px}.ab-god{border:1px solid var(--border-gold);color:var(--gold-light);background:#ef9f271f;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:700;display:inline-flex}.ab-god svg{width:15px;height:15px}@media (max-width:420px){.ab-god span{display:none}}.site-banner{text-align:left;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:min(100%,760px);margin:10px auto 0;padding:9px 14px;font-size:14px;font-weight:600;line-height:1.35;animation:.4s ease-out both banner-in;display:flex}.site-banner .sb-icon{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid}.tone-info{background:#5dcaa524;border:1px solid #5dcaa573}.tone-info .sb-icon{background:var(--team);color:#03251a}.tone-warn{border:1px solid var(--border-gold);background:#ef9f2724}.tone-warn .sb-icon{background:var(--gold);color:#241400}.tone-party{border:1px solid var(--border-gold);background:linear-gradient(90deg,#ef9f272e,#5dcaa52e)}.tone-party .sb-icon{background:var(--gold-light);color:#241400}@keyframes banner-in{0%{opacity:0;transform:translateY(-6px)}}.home-nav .site-banner{width:100%}.rank-card{--h:32px;width:calc(var(--h) * .72);height:var(--h);border-radius:calc(var(--h) * .14);font-family:var(--font-display);vertical-align:middle;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;position:relative;box-shadow:0 2px 8px #00000073,inset 0 0 0 1px #ffffff38}.rc-xs{--h:22px}.rc-sm{--h:32px}.rc-md{--h:52px}.rc-lg{--h:76px}.rc-xl{--h:128px}.rank-card .rc-letter{font-size:calc(var(--h) * .52);margin-top:-10%}.rc-xs .rc-letter{font-size:calc(var(--h) * .6);margin-top:0}.rank-card .rc-pip{font-size:calc(var(--h) * .15);opacity:.75;position:absolute;top:6%;left:11%}.rc-xs .rc-pip{display:none}.rank-card .rc-stars{font-size:calc(var(--h) * .15);gap:1px;display:flex;position:absolute;bottom:8%}.rc-stars .off{opacity:.28}.rank-card .rc-crown{top:calc(var(--h) * -.56);width:calc(var(--h) * .66);fill:var(--gold);filter:drop-shadow(0 2px 6px #ef9f2799);position:absolute}.rank-jack{color:#fbe3c4;background:linear-gradient(160deg,#c48f57,#6e4520)}.rank-queen{color:#1e2328;background:linear-gradient(160deg,#f2f5f7,#8d99a4)}.rank-king{color:#241400;background:linear-gradient(160deg,#fdd892,#c77d12)}.rank-ace{color:var(--gold);box-shadow:0 2px 10px #ef9f2759, inset 0 0 0 2px var(--gold);background:linear-gradient(160deg,#2b2b2b,#000)}.rank-pop{animation:.7s cubic-bezier(.2,1.6,.4,1) rank-pop}@keyframes rank-pop{0%{transform:scale(.6)rotate(-12deg)}to{transform:none}}.medal{--m:56px;width:var(--m);height:var(--m);color:var(--medal-ink);background:radial-gradient(circle at 34% 28%, #ffffff52, transparent 55%), var(--medal-bg);box-shadow:inset 0 0 0 calc(var(--m) * .055) var(--medal-ring), inset 0 0 0 calc(var(--m) * .09) #0000002e, 0 4px 12px #00000073;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.medal svg{width:50%;height:50%}.medal .glyph-text{font-family:var(--font-display);font-weight:700;font-size:calc(var(--m) * .4);line-height:1}.medal .glyph-text.two{font-size:calc(var(--m) * .32);letter-spacing:-.02em}.medal.common{--medal-bg:linear-gradient(160deg, #b07a45, #5d3816);--medal-ring:#e0ad74;--medal-ink:#fde7c8}.medal.rare{--medal-bg:linear-gradient(160deg, #e4eaf0, #8795a3);--medal-ring:#f7fafc;--medal-ink:#17212b}.medal.epic{--medal-bg:linear-gradient(160deg, #f8bd55, #a35f05);--medal-ring:#fde1a6;--medal-ink:#2b1700}.medal.legendary{--medal-bg:linear-gradient(160deg, #2c2346, #07060c);--medal-ring:var(--gold);--medal-ink:var(--gold-light);box-shadow:inset 0 0 0 calc(var(--m) * .055) var(--medal-ring), 0 0 18px #ef9f2773, 0 4px 12px #00000073}.medal.locked{filter:grayscale()brightness(.62);opacity:.8;box-shadow:inset 0 0 0 2px #ffffff29}.result-card{border:1px solid var(--border);text-align:left;background:#0000004d;border-radius:14px;margin:4px 0 14px;padding:14px}.result-card.saving{text-align:center;color:var(--muted);font-size:14px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.rc-head{align-items:center;gap:14px;display:flex}.rc-delta{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1}.rc-delta span{color:var(--muted);font-size:16px}.result-card.gain .rc-delta{color:var(--up)}.result-card.loss .rc-delta{color:var(--down)}.rc-total{font-variant-numeric:tabular-nums;margin-top:4px;font-size:14px;font-weight:600}.rc-bar{background:#ffffff1a;border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.rc-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--gold-light));height:100%;transition:width 1.1s cubic-bezier(.2,.8,.2,1);display:block}.rc-next{color:var(--muted);margin-top:6px;font-size:12.5px}.rc-rankup{color:var(--gold-light);font-family:var(--font-display);text-align:center;text-transform:uppercase;background:#ef9f2729;border-radius:10px;margin-top:10px;padding:8px;font-size:18px;font-weight:700;animation:1.6s ease-out .9s both banner-glow}@keyframes banner-glow{0%{opacity:0;transform:scale(.85);box-shadow:0 0 #ef9f2700}40%{opacity:1;transform:scale(1.04);box-shadow:0 0 24px #ef9f278c}to{opacity:1;transform:none;box-shadow:0 0 #ef9f2700}}.rc-lines{gap:4px;margin-top:12px;font-size:14px;display:grid}.rc-lines li{justify-content:space-between;gap:10px;animation:.35s ease-out both line-in;display:flex}.rc-lines strong{color:var(--up);font-variant-numeric:tabular-nums}.rc-lines strong.neg{color:var(--down)}@keyframes line-in{0%{opacity:0;transform:translate(-8px)}}.rc-team{color:var(--muted);margin-top:10px;font-size:13.5px}.rc-team strong{color:var(--fg)}.rc-solo{color:var(--muted);margin:0;font-size:13.5px;line-height:1.45}.rc-badges{border-top:1px solid var(--border);text-align:center;margin-top:12px;padding-top:12px}.rc-badges-title{font-family:var(--font-display);color:var(--gold-light);text-transform:uppercase;letter-spacing:.04em;font-size:16px;font-weight:700}.rc-badge-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;display:flex}.rc-badge{justify-items:center;gap:6px;font-size:13px;font-weight:600;animation:.6s cubic-bezier(.2,1.6,.4,1) both medal-in;display:grid}@keyframes medal-in{0%{opacity:0;transform:scale(.3)rotate(-30deg)}}.rc-guest{border:1px solid var(--border-gold);text-align:center;background:#ef9f271f;border-radius:12px;margin-top:12px;padding:12px;font-size:14px}.rc-save{margin-top:10px;padding:11px 16px;display:block}.auth-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);background:#021a33e0;border-radius:20px;margin-top:8px;padding:24px 20px}.auth-panel h1{font-family:var(--font-display);text-transform:uppercase;text-align:center;font-size:30px;font-weight:700;line-height:1.1}.auth-sub{text-align:center;color:var(--muted);margin-top:6px;font-size:14px}.auth-logo{width:84px;height:auto;margin:0 auto 8px;display:block}.auth-form{gap:14px;margin-top:20px;display:grid}.auth-form label{gap:6px;font-size:14px;font-weight:600;display:grid}.auth-form .hint{color:var(--muted);font-size:12.5px;font-weight:400}.auth-form .err{color:var(--danger);font-size:13px;font-weight:500}.pw-wrap{position:relative}.pw-wrap .field{padding-right:64px}.pw-toggle{color:var(--gold-light);padding:6px 8px;font-size:13px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.check{grid-template-columns:none;align-items:flex-start;font-size:14px;line-height:1.4;gap:10px!important;font-weight:400!important;display:flex!important}.check input{width:20px;height:20px;accent-color:var(--gold);flex:none;margin-top:1px}.check a{color:var(--gold-light);text-decoration:underline}.auth-submit{width:100%;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:19px}.form-error{color:#ffc2bb;background:#ff8a801f;border-radius:10px;padding:10px 12px;font-size:14px}.form-ok{color:#bff0de;background:#5dcaa51f;border-radius:10px;padding:12px;font-size:14px}.auth-alt{text-align:center;color:var(--muted);margin-top:16px;font-size:14px}.auth-alt a{color:var(--gold-light);font-weight:600}.perks{background:#00000040;border-radius:14px;gap:10px;margin-top:18px;padding:14px;font-size:14px;display:grid}.perk{align-items:center;gap:12px;display:flex}.perk-icon{flex:none;place-items:center;width:36px;display:grid}.legal h1{font-family:var(--font-display);text-transform:uppercase;margin-top:12px;font-size:36px;font-weight:700}.legal h2{font-family:var(--font-display);text-transform:uppercase;margin-top:28px;font-size:20px;font-weight:700}.legal p,.legal li{color:var(--muted);margin-top:8px;line-height:1.6}.legal ul{padding-left:20px;list-style:outside}.legal a{color:var(--gold-light);text-decoration:underline}@media (prefers-reduced-motion:reduce){.rank-pop,.rc-rankup,.rc-lines li,.rc-badge,.result-card.saving{animation:none!important}.rc-bar span{transition:none}}.ab-face{--d:26px}