.arena-root{--arena-bg:#160a22;--arena-bg-2:#1d0e2e;--arena-surface:#271338;--arena-surface-2:#341a4a;--arena-surface-3:#3a1c5240;--arena-line:#ffffff14;--arena-line-2:#ffffff24;--arena-line-strong:#ffffff38;--arena-fg:#fffffff5;--arena-fg-strong:#ffffffe0;--arena-fg-mute:#ffffff9e;--arena-fg-quiet:#ffffff6b;--arena-fg-faint:#ffffff42;--arena-gold:#e8c25a;--arena-gold-bright:#ffd97a;--arena-gold-deep:#b9892f;--arena-gold-soft:rgb(from var(--arena-gold) r g b / .14);--arena-gold-line:rgb(from var(--arena-gold) r g b / .34);--arena-silver:#cdd3e0;--arena-silver-deep:#8b93a7;--arena-bronze:#d68a52;--arena-bronze-deep:#9a5a2e;--arena-you:#4be3ff;--arena-you-soft:rgb(from var(--arena-you) r g b / .16);--arena-up:#4ade80;--arena-down:#f87171;--arena-shadow:0 10px 40px #0000008c;--arena-glow-gold:0 0 0 1px var(--arena-gold-line), 0 8px 36px rgb(from var(--arena-gold) r g b / .28);--arena-glow-you:0 0 0 1px rgb(from var(--arena-you) r g b / .45), 0 8px 30px rgb(from var(--arena-you) r g b / .22);--arena-r:16px;--arena-r-lg:22px;--cat:var(--arena-gold);--cat-2:var(--arena-gold-bright);color:var(--arena-fg);background:0 0}body:not(.app-dark) .arena-root{background:var(--arena-bg);border-radius:var(--arena-r-lg)}.arena-sheen{background:linear-gradient(180deg, #ffffff0d, transparent 38%), var(--arena-surface)}.arena-gold-text{background:linear-gradient(180deg, var(--arena-gold-bright), var(--arena-gold-deep));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.arena-aura:before{content:"";background:radial-gradient(closest-side, rgb(from var(--arena-gold) r g b / .3), transparent 70%);filter:blur(10px);z-index:0;pointer-events:none;position:absolute;inset:-28% -12% 0}@keyframes arena-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.arena-rise{animation:.5s cubic-bezier(.16,1,.3,1) both arena-rise}@keyframes arena-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.arena-enter{animation:.55s cubic-bezier(.16,1,.3,1) both arena-enter}@keyframes arena-card-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:none}}.arena-card-in{animation:.6s cubic-bezier(.16,1,.3,1) both arena-card-in}.arena-card{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s}.arena-card:hover{transform:translateY(-4px)}@keyframes arena-pulse{0%,to{opacity:1}50%{opacity:.72}}.arena-pulse{animation:2.4s ease-in-out infinite arena-pulse}.arena-spotlight:before{content:"";background:conic-gradient(from 168deg at 50% 0%, transparent 0deg, rgb(from var(--arena-gold) r g b / .18) 12deg, rgb(from var(--arena-gold) r g b / .05) 24deg, transparent 38deg);filter:blur(6px);pointer-events:none;z-index:0;width:300px;max-width:130%;height:340px;position:absolute;top:-2.75rem;left:50%;transform:translate(-50%)}.arena-champion-ring{box-shadow:0 0 0 2px var(--arena-gold), 0 0 18px rgb(from var(--arena-gold) r g b / .45);border-radius:9999px}@keyframes arena-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.arena-float{animation:3s ease-in-out infinite arena-float}.arena-display{font-family:var(--font-arena-display), "Orbitron", system-ui, sans-serif;letter-spacing:.02em;font-feature-settings:"tnum" 1}.arena-cat-transaction{--cat:#e8c25a;--cat-2:#ff9d5c}.arena-cat-donation{--cat:#ec5c7f;--cat-2:#ff7ab8}.arena-cat-contribution{--cat:#b46bff;--cat-2:#5ffbf1}.arena-bg-fx{z-index:0;pointer-events:none;border-radius:var(--arena-r-lg);contain:layout paint style;background:radial-gradient(72vw 48vh at 50% -8%, rgb(from var(--cat) r g b / .22), transparent 55%), radial-gradient(50vw 36vh at 88% 2%, rgb(from var(--cat-2) r g b / .12), transparent 55%), repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 38px), repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 38px), radial-gradient(140% 100% at 50% 0%, transparent 48%, #0000008c 100%), linear-gradient(180deg, #1c0c2c 0%, #160a24 55%, #0f0719 100%);position:absolute;inset:0;overflow:hidden}.arena-hud{clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);background:linear-gradient(155deg, rgb(from var(--hud,var(--cat)) r g b / .85), rgb(from var(--hud-2,var(--cat-2)) r g b / .55) 45%, rgb(from var(--hud,var(--cat)) r g b / .25));filter:drop-shadow(0 0 10px rgb(from var(--hud,var(--cat)) r g b / .45));padding:2px;position:relative}.arena-hud-inner{clip-path:polygon(19px 0,calc(100% - 19px) 0,100% 19px,100% calc(100% - 19px),calc(100% - 19px) 100%,19px 100%,0 calc(100% - 19px),0 19px);background:linear-gradient(180deg, #ffffff0d, transparent 30%), linear-gradient(160deg, var(--arena-surface), var(--arena-surface-2));height:100%;position:relative}.arena-hud--champ{filter:drop-shadow(0 0 14px rgb(from var(--hud,var(--cat)) r g b / .55))}.arena-bignum{right:var(--bn-r,22px);bottom:var(--bn-b,10px);z-index:0;letter-spacing:-.05em;color:var(--hud,var(--cat));-webkit-text-stroke:0;filter:drop-shadow(0 0 12px rgb(from var(--hud,var(--cat)) r g b / .5));pointer-events:none;font-size:clamp(96px,26vw,150px);font-style:italic;font-weight:900;line-height:.7;position:absolute;transform:skew(-14deg)}.arena-bignum--champ{font-size:clamp(132px,34vw,210px)}.arena-hud--slant{clip-path:polygon(8px 0,calc(100% - 56px) 0,100% 56px,100% calc(100% - 8px),calc(100% - 8px) 100%,56px 100%,0 calc(100% - 56px),0 8px)}.arena-hud--slant .arena-hud-inner{clip-path:polygon(7px 0,calc(100% - 55px) 0,100% 55px,100% calc(100% - 7px),calc(100% - 7px) 100%,55px 100%,0 calc(100% - 55px),0 7px)}.arena-beam{z-index:0;pointer-events:none;background:conic-gradient(from 0deg, transparent 0deg, transparent 312deg, rgb(from var(--hud,var(--cat)) r g b / .2) 336deg, #fff 354deg, var(--hud,var(--cat)) 360deg);animation:4.5s linear infinite arena-beam-spin;position:absolute;inset:-40%}.arena-hud--champ .arena-beam{animation-duration:2.8s}@keyframes arena-beam-spin{to{transform:rotate(360deg)}}.arena-glitch{animation:1.05s step-end both arena-glitch-in}@keyframes arena-glitch-in{0%{opacity:0;text-shadow:-4px 0 #00ffffb3,4px 0 #ff005ab3;transform:skew(-14deg)translate(10px)}12%{opacity:1;clip-path:inset(0 0 62%);transform:skew(-14deg)translate(-6px)}24%{clip-path:inset(58% 0 0);text-shadow:5px 0 #00ffffb3,-5px 0 #ff005ab3;transform:skew(-14deg)translate(5px)}38%{opacity:.6;clip-path:inset(30% 0);transform:skew(-14deg)translate(-3px)}52%{opacity:1;clip-path:inset(0);text-shadow:2px 0 #00ffff80,-2px 0 #ff005a80;transform:skew(-14deg)translate(2px)}70%{transform:skew(-14deg)translate(0)}to{opacity:1;text-shadow:none;transform:skew(-14deg)translate(0)}}.arena-reticle{position:relative}.arena-reticle:before,.arena-reticle:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.arena-reticle:before{border:1.5px dashed rgb(from var(--hud,var(--cat)) r g b / .45);animation:22s linear infinite reverse arena-spin;inset:-13px}.arena-reticle:after{border:2px solid #0000;border-top-color:var(--hud,var(--cat));border-bottom-color:var(--hud,var(--cat));filter:drop-shadow(0 0 5px rgb(from var(--hud,var(--cat)) r g b / .7));animation:7s linear infinite arena-spin;inset:-6px}.arena-reticle--champ:after{animation-duration:4.5s}@keyframes arena-spin{to{transform:rotate(360deg)}}.arena-dais{z-index:0;pointer-events:none;width:130%;height:200px;position:absolute;bottom:-8px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:radial-gradient(120% 100% at 50% 100%,#000 35%,#0000 78%);mask-image:radial-gradient(120% 100% at 50% 100%,#000 35%,#0000 78%)}.arena-dais:before{content:"";background-image:repeating-linear-gradient(90deg, rgb(from var(--cat) r g b / .4) 0 1.5px, transparent 1.5px 46px), repeating-linear-gradient(0deg, rgb(from var(--cat) r g b / .32) 0 1.5px, transparent 1.5px 46px);transform-origin:bottom;height:360px;position:absolute;bottom:0;left:-50%;right:-50%;transform:rotateX(70deg)}.arena-hud-chip{background:linear-gradient(160deg, var(--arena-surface-2), var(--arena-surface));box-shadow:inset 0 0 0 1.5px rgb(from var(--cat) r g b / .4);border-radius:10px;transition:box-shadow .18s,filter .18s,background .18s;position:relative}.arena-hud-chip:hover{box-shadow:inset 0 0 0 1.5px rgb(from var(--cat) r g b / .7);filter:drop-shadow(0 0 6px rgb(from var(--cat) r g b / .4))}.arena-hud-chip.is-active{background:linear-gradient(160deg, rgb(from var(--cat) r g b / .3), rgb(from var(--cat) r g b / .12));box-shadow:inset 0 0 0 1.5px rgb(from var(--cat) r g b / .85);filter:drop-shadow(0 0 8px rgb(from var(--cat) r g b / .45))}.arena-hud-row{isolation:isolate;content-visibility:auto;contain-intrinsic-size:auto 68px;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);background:linear-gradient(90deg, rgb(from var(--cat) r g b / .9), rgb(from var(--cat) r g b / .32) 10%, rgb(from var(--cat) r g b / .26));transition:background .18s,transform .18s;position:relative}.arena-hud-row:before{content:"";z-index:-1;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:linear-gradient(100deg, rgb(from var(--cat) r g b / .1), var(--arena-surface) 34%);position:absolute;inset:1.4px}.arena-hud-row:hover{background:linear-gradient(90deg, rgb(from var(--cat) r g b / 1), rgb(from var(--cat) r g b / .5) 10%, rgb(from var(--cat) r g b / .42))}.arena-hud-panel{isolation:isolate;clip-path:polygon(10px 0,calc(100% - 32px) 0,100% 32px,100% calc(100% - 10px),calc(100% - 10px) 100%,32px 100%,0 calc(100% - 32px),0 10px);background:linear-gradient(150deg, rgb(from var(--cat) r g b / .85), rgb(from var(--cat-2) r g b / .55) 45%, rgb(from var(--cat) r g b / .32));filter:drop-shadow(0 0 10px rgb(from var(--cat) r g b / .28));position:relative}.arena-hud-panel:after{content:"";z-index:-2;pointer-events:none;background:conic-gradient(from 0deg, transparent 0deg, transparent 318deg, rgb(from var(--cat) r g b / .25) 340deg, #fff 355deg, var(--cat) 360deg);animation:5.5s linear infinite arena-beam-spin;position:absolute;inset:-45%}.arena-hud-panel:before{content:"";z-index:-1;clip-path:polygon(9px 0,calc(100% - 31px) 0,100% 31px,100% calc(100% - 9px),calc(100% - 9px) 100%,31px 100%,0 calc(100% - 31px),0 9px);background:linear-gradient(160deg, var(--arena-surface), var(--arena-surface-2));position:absolute;inset:1.6px}.arena-hud-dialog{isolation:isolate;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);background:linear-gradient(150deg, rgb(from var(--cat) r g b / .85), rgb(from var(--cat-2) r g b / .5) 45%, rgb(from var(--cat) r g b / .3));box-shadow:0 0 26px rgb(from var(--cat) r g b / .3);overflow:hidden;z-index:2100!important;max-height:min(100dvh - 48px,720px)!important}.arena-hud-scroll-dialog{--arena-dialog-bottom-safe:6px;grid-template-rows:auto minmax(0,1fr);height:min(100dvh - 48px,720px)!important;padding-bottom:var(--arena-dialog-bottom-safe)!important;display:grid!important;overflow:hidden!important}.arena-hud-scroll-dialog .arena-hud-dialog-body{box-sizing:border-box;height:auto;min-height:0;margin-bottom:0;scroll-padding-block:1.5rem;padding-top:1.5rem!important;padding-bottom:1.5rem!important}.arena-hud-dialog:before{content:"";z-index:-1;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);background:linear-gradient(160deg, var(--arena-bg-2), var(--arena-bg));position:absolute;inset:1.6px}.arena-hud-dialog-body{overscroll-behavior:contain;flex:auto;min-height:0;max-height:none;overflow-y:auto}.arena-blob{opacity:var(--b-op,.7);mix-blend-mode:screen;border-radius:50%;position:absolute}.arena-streak{top:var(--s-y,30%);width:var(--s-len,130px);background:linear-gradient(90deg, transparent, var(--cat-2));height:2px;filter:drop-shadow(0 0 6px var(--cat-2));opacity:0;will-change:transform, opacity;animation:arena-streak-go var(--s-dur,2.6s) linear infinite;animation-delay:var(--s-delay,0s);border-radius:2px;position:absolute;left:-14%}.arena-streak:after{content:"";background:var(--cat-2);width:6px;height:6px;box-shadow:0 0 9px var(--cat-2);border-radius:50%;margin-top:-3px;position:absolute;top:50%;right:-2px}@keyframes arena-streak-go{0%{opacity:0;transform:translate(0,0)rotate(-20deg)}6%{opacity:1}58%{opacity:1}to{opacity:0;transform:translate(138vw,-48vh)rotate(-20deg)}}.arena-streak-rev{background:linear-gradient(270deg, transparent, var(--cat-2));animation-name:arena-streak-go-rev;left:auto;right:-14%}.arena-streak-rev:after{left:-2px;right:auto}@keyframes arena-streak-go-rev{0%{opacity:0;transform:translate(0,0)rotate(20deg)}6%{opacity:1}58%{opacity:1}to{opacity:0;transform:translate(-138vw,-48vh)rotate(20deg)}}.arena-twinkle{background:var(--cat);box-shadow:0 0 8px var(--cat);opacity:0;will-change:opacity, transform;animation:arena-twinkle-pulse var(--t-dur,3.2s) ease-in-out infinite;animation-delay:var(--t-delay,0s);border-radius:50%;position:absolute}@keyframes arena-twinkle-pulse{0%,to{opacity:0;transform:scale(.6)}50%{opacity:var(--t-op,.9);transform:scale(1)}}.arena-motion-paused,.arena-motion-paused:before,.arena-motion-paused:after,.arena-motion-paused *,.arena-motion-paused :before,.arena-motion-paused :after{animation-play-state:paused!important}