.arena{--cream:#fbdbaf;--muted:#fbdbafb8;--label:#fbdbaf80;--line:#fbdbaf29;--glass:#1408026b;min-height:100dvh;color:var(--cream);font-family:var(--font-inter), var(--font-noto-sc), "PingFang SC", system-ui, sans-serif;background:radial-gradient(70% 80% at 62% 40%,#e8862e 0%,#0000 60%),linear-gradient(160deg,#d9741f 0%,#c45a18 45%,#8e3209 100%);flex-direction:column;gap:24px;padding:28px 40px 32px;display:flex;position:relative;overflow:hidden}.arena h1,.arena h2,.arena h3{margin:0;font-weight:500}.arena-boss{pointer-events:none;z-index:1;position:absolute;inset:0}.arena-boss>div:first-child{position:absolute;inset:0}.arena-boss-img{filter:contrast(1.12)saturate(1.05)drop-shadow(0 30px 60px #280c028c);background:url(/images/neuralis-clearance.png) 50% 18%/cover no-repeat;width:min(60vw,880px);animation:7s ease-in-out infinite arena-float;position:absolute;inset:0 auto 0 50%;transform:translate(-46%);-webkit-mask-image:radial-gradient(62% 72% at 50% 44%,#000 55%,#0000 92%);mask-image:radial-gradient(62% 72% at 50% 44%,#000 55%,#0000 92%)}@keyframes arena-float{0%,to{translate:0}50%{translate:0 -10px}}.arena-boss-shake{animation:.42s cubic-bezier(.36,.07,.19,.97) arena-shake}@keyframes arena-shake{0%,to{filter:none;transform:translate(0)}15%{filter:brightness(1.8)saturate(1.6)hue-rotate(-12deg);transform:translate(-14px,4px)}35%{filter:brightness(1.3);transform:translate(12px,-4px)}55%{transform:translate(-8px,2px)}75%{transform:translate(5px,-1px)}}.arena-boss-flash{mix-blend-mode:screen;background:radial-gradient(30% 40% at 52% 42%,#fff0d2bf,#ff5a1459 45%,#0000 75%);animation:.45s ease-out forwards arena-flash;position:absolute;inset:0}@keyframes arena-flash{0%{opacity:1}to{opacity:0}}.arena-hits{z-index:6;pointer-events:none;height:0;position:absolute;inset:34% 28% auto}.arena-hits span{font-family:var(--font-orbitron), sans-serif;color:#fff6e6;-webkit-text-stroke:2px #5a1a02;paint-order:stroke fill;text-shadow:0 0 24px #ff7a1a,0 0 48px #ff5a14b3,0 4px #3a0f00;white-space:nowrap;flex-direction:column;align-items:center;font-size:clamp(44px,6vw,84px);font-weight:700;line-height:1;animation:1.6s cubic-bezier(.2,.9,.3,1) forwards arena-hit;display:flex;position:absolute}.arena-hits span.is-big{color:#ffe08a;font-size:clamp(60px,8.5vw,120px)}.arena-hits span.is-tick{color:#ffb25a;font-size:clamp(22px,2.6vw,34px);animation-duration:1.1s}.arena-hp-bar.is-burning{box-shadow:0 0 0 1px #ff782899,0 0 14px #ff5a14b3}.arena-hp-bar.is-burning span{background:linear-gradient(90deg,#ffe08a,#ff7a1a 45%,#e0360c) 0 0/200% 100%;transition:none;animation:.6s linear infinite arena-burn}@keyframes arena-burn{0%{background-position:0 0}to{background-position:200% 0}}.arena-hits span small{font-family:var(--font-noto-sc), sans-serif;letter-spacing:.3em;-webkit-text-stroke:0;color:#ffe08a;margin-bottom:4px;font-size:16px;font-weight:700}@keyframes arena-hit{0%{opacity:0;transform:translateY(20px)scale(2.2)}12%{opacity:1;transform:translateY(0)scale(.9)}22%{transform:scale(1.08)}30%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-110px)scale(.95)}}.arena-logo{aspect-ratio:618/87;filter:drop-shadow(0 2px 6px #280c0259);background:url(/images/jager-logo-alpha.png) 50%/contain no-repeat;width:128px;margin-bottom:12px}.arena-panel.arena-board{width:min(230px,100%);padding:14px}.arena-board .arena-board-list li{gap:8px;padding:6px 0;font-size:12px}.arena-board .arena-board-id{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arena-board .arena-board-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fbdbaf59 transparent;max-height:216px;margin:0 -10px;padding:0 10px;overflow-y:auto}.arena-board .arena-board-scroll::-webkit-scrollbar{width:4px}.arena-board .arena-board-scroll::-webkit-scrollbar-thumb{background:#fbdbaf59;border-radius:999px}.arena-board .arena-board-me{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.arena-board .arena-board-rank{flex-shrink:0;width:30px}.arena-top,.arena-body{z-index:3;position:relative}.arena-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.arena-left-top{align-items:flex-start;gap:16px;display:flex}.arena-back{border:1px solid var(--line);background:var(--glass);width:32px;height:32px;color:var(--cream);border-radius:999px;place-items:center;margin-top:4px;transition:background .2s;display:grid}.arena-back:hover{background:#140802a6}.arena-count{grid-template-rows:auto 1fr;grid-template-columns:auto auto;align-items:end;column-gap:14px;display:grid}.arena-count-num{font-family:var(--font-inter), sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;grid-row:1/3;font-size:clamp(36px,4.5vw,56px);font-weight:300;line-height:.9}.arena-count-unit{color:var(--muted);grid-area:2/2;padding-bottom:4px;font-size:12px}.arena-badge{color:#ffb25c;background:#1a0a03;border-radius:999px;grid-area:1/2;place-self:start;align-items:center;gap:6px;margin-top:2px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.arena-badge-dot{background:#ff8a2a;border-radius:999px;width:6px;height:6px;animation:1.4s ease-in-out infinite arena-pulse;box-shadow:0 0 8px #ff8a2a}@keyframes arena-pulse{50%{opacity:.35}}.arena-wallet{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;align-items:center;gap:10px;width:230px;padding:8px;display:flex}.arena-wallet-avatar{width:36px;height:36px;font-family:var(--font-orbitron), sans-serif;color:#ffb25c;background:#1a0a03;border-radius:999px;flex-shrink:0;place-items:center;font-size:13px;display:grid}.arena-wallet-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.arena-wallet-name{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.arena-wallet-out{flex-shrink:0}.arena-wallet-name svg{color:#7cf0a6}.arena-wallet-addr{font-family:ui-monospace, SFMono-Regular, Menlo, var(--font-noto-sc), monospace;color:var(--label);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.arena-wallet-out{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.arena-wallet-out:hover{color:var(--cream);background:#fbdbaf1a}.arena-wallet-connect{flex-direction:column;align-items:flex-end;gap:8px;width:230px;display:flex}.arena-connect-btn,.arena-attack-login{background:var(--cream);color:#1a0a03;font-family:var(--font-orbitron), var(--font-noto-sc), sans-serif;letter-spacing:.04em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;transition:transform .15s,box-shadow .2s;display:inline-flex}.arena-connect-btn:hover,.arena-attack-login:hover{transform:translateY(-1px);box-shadow:0 8px 24px #1a0a0359}.arena-connect-btn:disabled{opacity:.7;cursor:wait}.arena-connect-hint{color:var(--muted);text-align:right;font-size:12px}.arena-connect-error{text-align:right;color:#fff;margin:0;font-size:12px}.arena-connect-error button{color:var(--cream);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.arena-body{flex:1;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.arena-col-left{flex-direction:column;gap:10px;width:min(290px,100%);display:flex}.arena-col-right{flex-direction:column;align-items:flex-end;gap:14px;width:min(230px,100%);display:flex}.arena-col-right .arena-feed-text{border-radius:14px;padding:7px 12px;font-size:12px;line-height:1.45}.arena-col-right .arena-feed-avatar{width:28px;height:28px;font-size:10px}.arena-col-right .arena-feed-list li{gap:8px}.arena-stats{font-variant-numeric:tabular-nums;align-items:center;gap:14px;margin-bottom:6px;font-size:13px;display:flex}.arena-stats>span{align-items:center;gap:6px;display:inline-flex}.arena-chip{border:1px solid var(--line);background:var(--glass);color:var(--cream);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:12px;text-decoration:none}.arena-chip:hover{background:#140802a6}.arena-identity h1{font-family:var(--font-noto-sc), var(--font-orbitron), sans-serif;letter-spacing:.01em;font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.1}.arena-desc{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.55}.arena-hp{flex-direction:column;gap:8px;display:flex}.arena-hp-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.arena-hp-label{font-family:var(--font-orbitron), sans-serif;letter-spacing:.2em;color:var(--label);font-size:12px}.arena-hp-value{font-family:var(--font-orbitron), sans-serif;font-variant-numeric:tabular-nums;font-size:15px}.arena-hp-value small{color:var(--label);font-size:12px}.arena-hp-bar{background:#14080273;border-radius:999px;height:8px;overflow:hidden}.arena-hp-bar span{border-radius:inherit;background:linear-gradient(90deg,#ffd08a,#ff8a2a);height:100%;transition:width .5s ease-out;display:block;box-shadow:0 0 12px #ffa046cc}.arena-hp-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.arena-panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;width:100%;padding:18px}.arena-panel-head{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.arena-col-left .arena-panel{border-radius:14px;padding:12px}.arena-col-left .arena-panel-head h2{font-size:13px}.arena-col-left .arena-panel-sub{font-size:11px}.arena-col-left .arena-attack-grid{gap:8px}.arena-col-left .arena-attack-btn{border-radius:10px;padding:8px 4px;font-size:11px}.arena-col-left .arena-hp-value{font-size:13px}.arena-col-left .arena-hp-bar{height:6px}.arena-col-left .arena-hp-meta{font-size:11px}.arena-panel-head h2{font-size:14px;font-weight:600}.arena-panel-sub{color:var(--label);font-size:12px}.arena-attack-grid{gap:10px;display:flex}.arena-attack-btn{color:var(--cream);cursor:pointer;background:#fbdbaf14;border:1px solid #fbdbaf47;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 6px;font-size:12px;transition:background .15s,transform .1s;display:flex}.arena-attack-btn:hover:not(:disabled){background:#fbdbaf2e}.arena-attack-btn:active:not(:disabled){transform:scale(.96)}.arena-attack-btn.is-all{background:var(--cream);color:#1a0a03;border-color:#0000;flex:1.4}.arena-attack-btn.is-all:hover:not(:disabled){background:#fff0d8}.arena-attack-btn:disabled{opacity:.4;cursor:not-allowed}.arena-attack-x{font-family:var(--font-orbitron), sans-serif;font-variant-numeric:tabular-nums;font-size:16px}.arena-attack-btn{background-image:linear-gradient(#fbdbaf0d 1px,#0000 1px),linear-gradient(90deg,#fbdbaf0d 1px,#0000 1px);background-size:8px 8px;position:relative;overflow:hidden}.arena-attack-btn:before,.arena-attack-btn:after{content:"";opacity:.55;border-style:solid;border-color:currentColor;width:8px;height:8px;position:absolute}.arena-attack-btn:before{border-width:1.5px 0 0 1.5px;top:5px;left:5px}.arena-attack-btn:after{border-width:0 1.5px 1.5px 0;bottom:5px;right:5px}.arena-attack-weapon{color:#ff8a2a;justify-content:center;align-items:center;height:22px;margin-bottom:2px;transition:transform .15s;display:flex}.arena-attack-weapon svg{width:auto;height:100%}.arena-attack-weapon.is-short svg{height:18px}.arena-attack-btn.is-all .arena-attack-weapon{color:#c2410c}.arena-attack-btn:hover:not(:disabled) .arena-attack-weapon{transform:translate(3px)}.arena-attack-btn:active:not(:disabled) .arena-attack-weapon{transform:translate(-3px)}.arena-attack-label{opacity:.85;letter-spacing:.06em;font-size:11px}.arena-attack-login{width:100%}.arena-attack-notice{color:var(--muted);margin:12px 0 0;font-size:12px}.arena-board-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.arena-board-list li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.arena-board-list li:first-child{border-top:0}.arena-board-list li.is-you{color:#fff;background:linear-gradient(90deg,#ff8a2a40,#0000);border-radius:8px;margin:0 -10px;padding-inline:10px}.arena-board-rank{font-family:var(--font-orbitron), sans-serif;color:var(--label);width:22px;font-size:12px}.arena-board-id{flex:1;align-items:center;gap:6px;min-width:0;display:inline-flex}.arena-board-id em{color:#1a0a03;background:#ff8a2a;border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal}.arena-board-dmg{font-family:var(--font-orbitron), sans-serif;font-variant-numeric:tabular-nums}.arena-feed{flex-direction:column;align-items:flex-end;gap:10px;width:100%;display:flex}.arena-feed-list{flex-direction:column;align-items:flex-end;gap:10px;margin:0;padding:0;list-style:none;display:flex}.arena-feed-list li{align-items:center;gap:10px;animation:.4s ease-out arena-feed-in;display:flex}@keyframes arena-feed-in{0%{opacity:0;transform:translateY(10px)}}.arena-feed-text{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:9px 16px;font-size:13px}.arena-feed-list li.is-you .arena-feed-text{color:#1a0a03;background:#fbdbafe6}.arena-feed-avatar{border:1px solid var(--line);background:#1a0a03;border-radius:999px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:grid}.arena-feed-form{background:var(--glass);border:1px solid var(--line);border-radius:999px;gap:8px;width:100%;padding:4px 4px 4px 16px;display:flex}.arena-feed-form input{min-width:0;color:var(--cream);background:0 0;border:0;outline:none;flex:1;font-size:13px}.arena-feed-form input::placeholder{color:var(--label)}.arena-feed-form button{background:var(--cream);color:#1a0a03;cursor:pointer;border:0;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.arena-rules{border:1px solid var(--line);width:min(560px,100vw - 32px);max-height:min(80dvh,720px);color:var(--cream);background:linear-gradient(160deg,#3a1606,#1a0a03);border-radius:20px;padding:0}.arena-rules::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14080299}.arena-rules-inner{flex-direction:column;gap:20px;padding:24px;display:flex}.arena-rules-head{justify-content:space-between;align-items:center;display:flex}.arena-rules-head h2{font-size:20px}.arena-rules-head button{border:1px solid var(--line);width:32px;height:32px;color:var(--cream);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:grid}.arena-rules-section h3{font-family:var(--font-orbitron), var(--font-noto-sc), sans-serif;letter-spacing:.08em;color:#ffb25c;margin-bottom:10px;font-size:13px}.arena-rules-section ul{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:flex}@media (max-width:860px){.arena{padding:20px 18px 24px}.arena-top{flex-direction:column}.arena-wallet-connect{align-items:flex-start}.arena-connect-hint,.arena-connect-error{text-align:left}.arena-body{flex-direction:column;align-items:stretch;margin-top:30vh}.arena-col-left,.arena-col-right,.arena-wallet,.arena-wallet-connect{width:100%}.arena-boss-img{opacity:.75;width:100%;left:0;transform:none}}@media (prefers-reduced-motion:reduce){.arena-boss-img,.arena-badge-dot{animation:none}}.arena-stage{z-index:1;pointer-events:none;background:radial-gradient(34% 52% at 50% 56%,#0c0908d1 0%,#0c090873 50%,#0000 78%);position:absolute;inset:0}.arena-stage-canvas,.arena-stage-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.arena-stage-loading{letter-spacing:.08em;width:200px;color:var(--cream);text-align:center;flex-direction:column;gap:8px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arena-stage-loading i{background:linear-gradient(90deg,#f5c96a,#ffe7b0);border-radius:2px;height:3px;transition:width .2s;display:block;box-shadow:0 0 10px #f5c96acc}.arena-stage-error{white-space:nowrap;color:var(--cream);border:1px solid var(--line);background:#14080299;border-radius:999px;margin:0;padding:6px 12px;font-size:11px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.arena-top-right{flex-direction:column;align-items:stretch;gap:10px;display:flex}.arena-mystats{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;grid-template-columns:repeat(3,1fr);margin:0;padding:10px 14px;display:grid}.arena-mystats div+div{border-left:1px solid var(--line);padding-left:12px}.arena-mystats dt{color:var(--label);font-size:11px}.arena-mystats dd{font-family:var(--font-orbitron), sans-serif;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:15px;font-weight:600}.arena-attack-error{color:#ffe2cc;background:#82180080;border:1px solid #ff8c5a59;border-radius:8px;margin:0 0 10px;padding:7px 10px;font-size:12px}.arena-mystats-cn{font-family:var(--font-noto-sc), sans-serif;color:var(--muted);font-size:13px}
