.page-shell:has(.match-arena){max-width:none;width:100%;padding:82px 0 0;margin:0}.page-shell:has(.match-arena)::before{display:none}
.match-arena{position:relative;isolation:isolate;min-height:calc(100svh - 82px);padding:30px clamp(22px,4vw,76px) 96px;color:#f4f0dc;overflow:hidden}
.arena-backdrop{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(17,8,5,.42),rgba(10,8,6,.72) 70%,#090909),url('/static/ui/v21/arena-city.png') center 40%/cover;animation:arena-arrival 1.2s ease-out both}
.arena-content{max-width:1420px;margin:auto;position:relative;z-index:1}
.arena-teams{scroll-margin-top:92px}
.arena-embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.arena-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px}
.arena-live,.arena-kicker{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.19em;color:#fff19c}
.arena-live{display:flex;gap:9px;align-items:center}.arena-live i{width:6px;height:6px;background:#f1e342;border-radius:50%;box-shadow:0 0 12px #f1e342}
.arena-heading h1{font-family:'Archivo Black',sans-serif;font-size:clamp(25px,3.1vw,46px);letter-spacing:-.045em;line-height:1.15;margin:12px 0 7px;color:#fffbea}
.arena-heading p,.arena-replay p{font-size:12px;color:#c4bbae;margin:0;line-height:1.6}
.arena-cancel{background:#110e0bbf;border:1px solid #bc887b80;color:#e5b0a3;padding:12px 16px;font:500 11px 'IBM Plex Mono',monospace;cursor:pointer;transition:background .2s,border-color .2s}
.arena-cancel:hover{background:#552b24;border-color:#e5b0a3}
.arena-teams{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;position:relative}
.arena-team{background:rgba(12,12,10,.93);border:1px solid #61533d;min-width:0;box-shadow:0 12px 35px #0004}
.arena-team-blue{--side:#75c5ff}.arena-team-red{--side:#f37676}
.arena-team-heading{display:flex;justify-content:space-between;align-items:center;border-top:3px solid var(--side);padding:16px 20px;border-bottom:1px solid #ffffff15;font-size:10px;letter-spacing:.12em;color:var(--side)}
.arena-team-heading strong{font:18px 'Archivo Black',sans-serif;display:inline-block;margin-left:6px}.arena-team-heading small{font-size:9px;color:#a9a293}
.arena-roster{list-style:none;margin:0;padding:0}
.arena-player{position:relative;display:grid;grid-template-columns:23px 48px minmax(70px,1fr) 72px 65px;gap:13px;align-items:center;padding:15px 19px;border-bottom:1px solid #ffffff0d;min-height:90px;transition:background .2s}
.arena-player:last-child{border-bottom:0}.arena-player:hover{background:#f1e34208}.arena-player.is-you{background:linear-gradient(90deg,#f1e34210,transparent);box-shadow:inset 3px 0 #f1e342}
.arena-role{width:23px;height:28px;object-fit:contain}.arena-avatar{width:48px;height:48px;object-fit:cover;border:1px solid #ffffff24}
.arena-identity{min-width:0;position:relative}.arena-identity a,.arena-identity>strong{display:block;color:#f7f3df;font:16px 'Archivo Black',sans-serif;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-identity a:hover{color:#fff18b}
.arena-identity>small{display:block;font:italic 13px 'Cormorant Garamond',serif;color:#bdb5a4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.arena-identity em{font:600 8px 'IBM Plex Mono',monospace;color:#f1e342;letter-spacing:.1em}.arena-identity .arena-test{color:#867e70}
.arena-rank{text-align:center}.arena-rank img{display:block;width:62px;height:43px;object-fit:contain;margin:auto}.arena-rank small{font-size:8px;white-space:nowrap;color:#c9bda6}
.arena-rating{text-align:right}.arena-rating small{display:block;font-size:8px;letter-spacing:.08em;color:#968d79}.arena-rating strong{font:23px 'Archivo Black',sans-serif;color:#fff293}
.arena-versus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:italic 21px 'Archivo Black',sans-serif;color:#ffedb9;text-shadow:0 2px 8px #000}
.arena-replay{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:22px;padding:20px 24px;background:#11100de8;border:1px solid #78683e;border-left:3px solid #f1e342}
.arena-replay h2{font:20px 'Archivo Black',sans-serif;margin:7px 0;color:#fff7d5}
.arena-upload{display:flex;gap:12px;align-items:stretch;max-width:52%;min-width:0}.arena-file{position:relative;display:flex;align-items:center;gap:14px;border:1px dashed #b3a26588;padding:12px 16px;min-width:0;cursor:pointer;font-size:11px;background:#080907}
.arena-file>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-file small{display:block;color:#8f8979;font-size:9px;margin-top:5px}.arena-file svg{flex-shrink:0;color:#f1e342}
.arena-file input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.arena-file:hover,.arena-file:focus-within{border-color:#f1e342;background:#26230f}
.arena-submit{border:1px solid #fff6a0;background:#f1e342;color:#111108;font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.03em;padding:14px 18px;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s}.arena-submit:hover{background:#fff291;transform:translateY(-2px)}.arena-submit:disabled{opacity:.5;cursor:wait}
.arena-footnote{text-align:center;font-size:10px;color:#b4a591;margin:16px 0 0}.arena-spectator{max-width:300px}
@keyframes arena-arrival{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
@media(min-width:1400px){.arena-player{grid-template-columns:26px 54px minmax(100px,1fr) 80px 80px;min-height:96px}.arena-avatar{width:54px;height:54px}.arena-rating strong{font-size:28px}}
@media(max-width:1050px){.arena-teams{gap:28px}.arena-player{gap:8px;padding:12px 10px;grid-template-columns:20px 38px minmax(65px,1fr) 54px 52px}.arena-avatar{width:38px;height:38px}.arena-rank img{width:50px}.arena-rating strong{font-size:20px}.arena-identity a,.arena-identity>strong{font-size:13px}.arena-replay{align-items:stretch;flex-direction:column}.arena-upload{max-width:none}.arena-file{flex:1}.arena-versus{font-size:16px}}
@media(max-width:650px){.match-arena{padding:24px 16px 110px}.arena-heading{align-items:flex-start;flex-direction:column;gap:12px}.arena-teams{grid-template-columns:1fr;gap:30px}.arena-versus{display:none}.arena-player{grid-template-columns:24px 44px minmax(60px,1fr) 62px 60px;padding:12px;gap:10px}.arena-avatar{width:44px;height:44px}.arena-identity a,.arena-identity>strong{font-size:15px}.arena-team-heading{padding:14px}.arena-replay{padding:18px}.arena-upload{flex-direction:column}.arena-replay h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.arena-backdrop{animation:none}.arena-submit{transition:none}}
.result-page{max-width:1300px;margin:30px auto 100px;color:#f2efde}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.result-heading h1{font:clamp(26px,4vw,52px) 'Archivo Black',sans-serif;margin:12px 0;color:#fff29a}.result-heading p{font-size:12px;color:#aaa18b}.result-team{margin-bottom:30px;background:#11110f;border:1px solid #39372c}.result-team h2{font:20px 'Archivo Black',sans-serif;padding:18px 22px;margin:0;border-top:2px solid #e9db85}.result-team h2 small{font:10px 'IBM Plex Mono',monospace;color:#f1e342;margin-left:20px}.result-scroll{overflow-x:auto}.result-scroll table{border-collapse:collapse;width:100%;min-width:760px}.result-scroll th{color:#a79e86;font-size:9px;letter-spacing:.08em;text-align:left;padding:12px 18px;border-bottom:1px solid #ffffff17}.result-scroll td{padding:14px 18px;border-bottom:1px solid #ffffff0c;font-size:12px;white-space:nowrap}.result-player{display:flex;align-items:center;gap:12px}.result-player img{width:40px;height:40px;object-fit:cover}.result-player a{font-weight:600;color:#f4efd9}.result-player small{display:block;color:#a99f85;margin-top:4px}.result-rating strong{color:#fff298;font:19px 'Archivo Black',sans-serif}.result-rating small{display:block;color:#c5b982;font-size:10px}.result-page>.arena-cancel{display:inline-block;text-decoration:none}

@media(min-width:651px) and (max-height:850px){
.match-arena{padding-top:18px;padding-bottom:82px}.arena-heading{margin-bottom:18px}.arena-heading h1{font-size:30px;margin:8px 0 4px}.arena-heading p{font-size:11px}.arena-team-heading{padding:10px 16px}.arena-team-heading strong{font-size:16px}.arena-player{min-height:66px;padding-top:7px;padding-bottom:7px}.arena-identity{line-height:1.2}.arena-identity em{display:block;margin-top:3px}.arena-avatar{width:42px;height:42px}.arena-rank img{height:34px}.arena-rank{line-height:1.15}.arena-replay{margin-top:16px;padding:12px 20px}.arena-replay h2{font-size:17px;margin:4px 0}.arena-replay p{font-size:10px}.arena-file{padding:8px 12px}.arena-replay .arena-kicker{font-size:8px}.arena-footnote{margin-top:10px}
}
@media(max-width:800px){.page-shell:has(.match-arena){padding-top:72px}}
body:has(.match-arena){position:relative}
body:has(.match-arena) .audio-dock,body:has(.match-arena) #kogane-system{position:fixed;bottom:16px}


.arena-backdrop.poster-city{background:none;perspective:1100px;overflow:hidden}.arena-backdrop.poster-city .city-image{filter:brightness(.78) saturate(1.12);animation:none}.arena-shade{position:absolute;inset:0;background:linear-gradient(180deg,#11080533,#0a0806aa 80%,#090909)}
.arena-live{position:relative}.arena-live i{position:relative;background:#ff705b;box-shadow:0 0 10px #ff503c}.arena-live i::after{content:'';position:absolute;inset:-5px;border:1px solid #ff705b;border-radius:50%;animation:arena-live-pulse 1.8s ease-out infinite}.arena-live{color:#ffb798}.arena-footnote span{color:#f1e342;font-size:16px;margin-right:7px}
@keyframes arena-live-pulse{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.9);opacity:0}}
@media(prefers-reduced-motion:reduce){.arena-live i::after{animation:none}}

.arena-favors{margin-top:22px;padding:22px 24px;background:#10100ef2;border:1px solid #5d5735;scroll-margin-top:100px}.arena-favors>header{display:flex;justify-content:space-between;align-items:center}.arena-favors h2{font:20px 'Archivo Black',sans-serif;margin:7px 0}.arena-favors p{font-size:12px;line-height:1.7;color:#bab39d}.favor-wallet{font:26px 'Archivo Black',sans-serif;color:#fff298}.favor-wallet small{font:9px 'IBM Plex Mono',monospace}.arena-favor-form{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:20px 0}.arena-favor-form label{flex:1;min-width:170px;font-size:10px;color:#bdb591}.arena-favor-form select{display:block;width:100%;background:#11110e;border:1px solid #6d6543;color:#f5f0d3;padding:12px 10px;margin-top:6px;font-size:12px}.arena-favor-form>p{flex-basis:100%;margin:0}.favor-candidates{list-style:none;display:flex;gap:10px;flex-wrap:wrap;padding:0}.favor-candidates li{border:1px solid #ffffff20;padding:8px 12px;font-size:10px}.favor-candidates strong{display:block;color:#fff298}.arena-guarantee{border-top:1px solid #f1e34233;margin-top:22px;padding-top:16px}.arena-guarantee summary{cursor:pointer;color:#e7d56b;font-size:11px}.favor-verdict strong{font:24px 'Archivo Black',sans-serif;color:#f3e894}.favor-verdict span{display:block;margin-top:8px}.favor-guaranteed{border-left:2px solid #f1e342;padding-left:12px}.arena-favor-form [hidden]{display:none}