.arena-hero-art{align-content:center;background:radial-gradient(circle at 16% 18%,rgb(255 253 248 / .82) 0 2px,transparent 2.5px),#17383b;background-size:11px 11px;grid-template-rows:auto auto}.xiaolin-hero-art.arena-hero-art img{height:auto;min-height:0;object-fit:contain}.arena-resident-stage-section{padding-top:4.5rem}.arena-resident-stage-head{align-items:end}.arena-resident-stage-head>p{color:var(--xiaolin-muted);font-size:.84rem;line-height:1.6;margin:0;max-width:32rem;text-align:right}.arena-resident-stage{background:linear-gradient(180deg,rgb(255 253 248 / .06),transparent 32%),radial-gradient(circle at 2px 2px,rgb(248 244 232 / .13) 1px,transparent 1.5px),#18383b;background-size:auto,18px 18px,auto;border:2px solid var(--xiaolin-ink);box-shadow:.75rem .75rem 0 var(--xiaolin-accent-soft);height:clamp(27rem,47vw,36rem);isolation:isolate;margin-top:1.6rem;overflow:hidden;position:relative}.arena-resident-stage:before{background:linear-gradient(90deg,transparent 49.85%,rgb(248 244 232 / .13) 50%,transparent 50.15%),linear-gradient(rgb(248 244 232 / .06) 1px,transparent 1px);background-size:auto,100% 4rem;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.arena-resident-stage:after{background:linear-gradient(180deg,#07181a05,#07181a9e);content:"";inset:62% 0 0;pointer-events:none;position:absolute;z-index:-1}.arena-room-board{background:#f4ead1;border:5px solid #9c7750;box-shadow:0 10px #06191b4d;display:grid;gap:.45rem;left:4%;padding:.8rem;position:absolute;top:7%;transform:rotate(-1.5deg);width:clamp(7.5rem,14vw,11rem)}.arena-room-board span,.arena-room-rest-corner span,.arena-room-ring span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.56rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.arena-room-board span{color:#17383b}.arena-room-board i{background:#c48e73;display:block;height:2px;opacity:.72;width:100%}.arena-room-board i:nth-of-type(2){width:78%}.arena-room-board i:nth-of-type(3){width:52%}.arena-room-ring{border:1px solid rgb(248 244 232 / .34);border-radius:50%;height:clamp(9rem,20vw,14rem);left:50%;position:absolute;top:51%;transform:translate(-50%,-50%) rotate(-4deg);width:clamp(14rem,31vw,23rem)}.arena-room-ring:before,.arena-room-ring:after{border:1px dashed rgb(248 244 232 / .15);border-radius:inherit;content:"";inset:.75rem;position:absolute}.arena-room-ring:after{inset:2rem}.arena-room-ring span{background:#18383b;color:#b8d9d2;left:50%;padding:.25rem .5rem;position:absolute;top:-.6rem;transform:translate(-50%);white-space:nowrap}.arena-room-rest-corner{background:repeating-linear-gradient(135deg,#9e594e 0 9px,#d5a070 9px 18px);border:2px solid #f0d5a5;border-radius:48% 48% 20% 20%;bottom:6%;height:4.2rem;position:absolute;right:3.5%;transform:skew(-8deg);width:clamp(7rem,14vw,10rem)}.arena-room-rest-corner span{color:#fff4d0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) skew(8deg);white-space:nowrap}.arena-room-floor-line{border-top:1px solid rgb(248 244 232 / .18);bottom:18%;inset-inline:0;position:absolute;transform:rotate(-1deg)}.arena-resident{left:var(--resident-x);position:absolute;top:var(--resident-y);transform:translate(-50%,-54%);transition:left var(--resident-travel, 7.8s) linear,top var(--resident-travel, 7.8s) ease-in-out;z-index:2}.arena-resident-figure{align-items:center;display:flex;flex-direction:column;filter:drop-shadow(0 .65rem .35rem rgb(4 18 20 / .34));position:relative;transform-origin:50% 84%}.arena-resident-head{background:#d8c095;border:2px solid #f6e5bd;border-radius:46% 46% 43% 43%;box-shadow:0 0 0 2px #091f22b3;display:block;height:clamp(3.35rem,6.5vw,4.55rem);overflow:hidden;position:relative;width:clamp(3.15rem,6vw,4.2rem);z-index:3}.arena-resident-head img{display:block;height:100%;object-fit:cover;object-position:50% 31%;width:100%}.arena-resident-head.is-atlas img{height:auto;left:0;max-width:none;position:absolute;top:-27%;transform:translate(calc(var(--resident-panel) * -20%));width:500%}.arena-resident-body{background:linear-gradient(90deg,transparent 46%,rgb(255 255 255 / .16) 47% 52%,transparent 53%),var(--resident-coat);border:2px solid #0e2d31;border-radius:42% 42% 24% 24%;display:block;height:clamp(2.8rem,5.5vw,3.8rem);margin-top:-.35rem;position:relative;width:clamp(2.45rem,4.7vw,3.3rem);z-index:2}.arena-resident-body:before{background:var(--resident-accent);border-radius:999px;content:"";height:.36rem;left:50%;position:absolute;top:.65rem;transform:translate(-50%);width:58%}.arena-resident-arm,.arena-resident-leg{background:var(--resident-coat);border:2px solid #0e2d31;border-radius:999px;display:block;position:absolute;transform-origin:50% 0}.arena-resident-arm{height:2.25rem;top:.7rem;width:.62rem}.arena-resident-arm.is-left{left:-.55rem;transform:rotate(13deg)}.arena-resident-arm.is-right{right:-.55rem;transform:rotate(-13deg)}.arena-resident-leg{bottom:-1.65rem;height:2rem;width:.7rem;z-index:-1}.arena-resident-leg.is-left{left:.38rem}.arena-resident-leg.is-right{right:.38rem}.arena-resident-name{align-items:center;background:#fffdf8f0;border:1px solid rgb(14 45 49 / .8);color:#17383b;display:flex;gap:.3rem;margin-top:1.85rem;padding:.18rem .38rem;white-space:nowrap}.arena-resident-name strong{font-size:.64rem}.arena-resident-name small{color:#6a6b61;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.42rem}.arena-resident-zzz{color:#fff4d0;display:none;font-family:Merriweather,Georgia,serif;font-size:1.25rem;font-weight:900;left:72%;letter-spacing:-.12em;position:absolute;top:-1.5rem;transform:rotate(-12deg);white-space:nowrap}.arena-resident-zzz span:first-child{font-size:.8em}.arena-resident-zzz span:last-child{font-size:.62em}.arena-resident[data-facing=left] .arena-resident-figure,.arena-resident[data-facing=left] .arena-resident-name,.arena-resident[data-facing=left] .arena-resident-zzz{transform:scaleX(-1)}.arena-resident[data-state=walk] .arena-resident-figure{animation:arena-resident-step .55s steps(2,jump-none) infinite;animation-delay:var(--resident-delay)}.arena-resident[data-state=walk] .arena-resident-leg.is-left{animation:arena-resident-leg-left .55s ease-in-out infinite alternate}.arena-resident[data-state=walk] .arena-resident-leg.is-right{animation:arena-resident-leg-right .55s ease-in-out infinite alternate}.arena-resident[data-state=watch] .arena-resident-head{animation:arena-resident-watch 4.8s ease-in-out infinite;animation-delay:var(--resident-delay)}.arena-resident[data-state=focus] .arena-resident-figure{animation:arena-resident-focus 2.4s ease-in-out infinite;animation-delay:var(--resident-delay)}.arena-resident[data-state=sleep]{transition-duration:1.4s}.arena-resident[data-state=sleep] .arena-resident-figure{animation:arena-resident-breathe 3.8s ease-in-out infinite;transform:rotate(10deg) translateY(.85rem)}.arena-resident[data-state=sleep][data-facing=left] .arena-resident-figure{transform:scaleX(-1) rotate(10deg) translateY(.85rem)}.arena-resident[data-state=sleep] .arena-resident-zzz{animation:arena-resident-zzz 2.8s ease-out infinite;display:block}.arena-resident-stage[data-paused=true] .arena-resident *,.arena-resident-stage[data-paused=true] .arena-resident{animation-play-state:paused!important}@keyframes arena-resident-step{0%{translate:0 0}to{translate:0 -.28rem}}@keyframes arena-resident-leg-left{0%{transform:rotate(14deg)}to{transform:rotate(-18deg)}}@keyframes arena-resident-leg-right{0%{transform:rotate(-18deg)}to{transform:rotate(14deg)}}@keyframes arena-resident-watch{0%,72%,to{transform:rotate(0)}80%{transform:rotate(-5deg)}90%{transform:rotate(5deg)}}@keyframes arena-resident-focus{0%,to{translate:0 0}50%{translate:0 -.18rem}}@keyframes arena-resident-breathe{0%,to{scale:1 1}50%{scale:1.02 .97}}@keyframes arena-resident-zzz{0%{opacity:0;translate:0 .25rem}45%{opacity:1}to{opacity:0;translate:.35rem -.75rem}}.arena-board-section,.arena-action-section,.arena-challenge-section,.arena-roster-section{padding-top:5rem}.arena-action-log{display:grid;gap:0;list-style:none;margin:0;padding:0}.arena-action-log li{align-items:start;border-top:1px solid var(--xiaolin-line);display:grid;gap:1.25rem;grid-template-columns:minmax(145px,.3fr) minmax(0,1fr) minmax(90px,auto);padding:1.15rem 0}.arena-action-log li:last-child{border-bottom:1px solid var(--xiaolin-line)}.arena-action-log li.is-free-action{background:linear-gradient(90deg,rgb(181 75 66 / .08),transparent 72%);border-top-color:var(--xiaolin-accent);padding-inline:1rem}.arena-action-log div{display:grid;gap:.35rem}.arena-action-log span,.arena-action-log strong,.arena-action-log small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.arena-action-log span,.arena-action-log small{color:var(--xiaolin-muted);font-size:.65rem}.arena-action-log strong{color:var(--xiaolin-accent);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.arena-action-log p{color:var(--xiaolin-ink);line-height:1.65;margin:0}.arena-action-log small{line-height:1.5;text-align:right}.arena-board{background:var(--xiaolin-ink);border:1px solid var(--xiaolin-ink);box-shadow:.75rem .75rem 0 var(--xiaolin-accent-soft);color:#f8f4e8;display:grid;grid-template-columns:1fr}.arena-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.arena-counts article{align-content:space-between;border-bottom:1px solid rgb(248 244 232 / .2);border-right:1px solid rgb(248 244 232 / .2);display:grid;min-height:12rem;padding:1.4rem}.arena-counts article:nth-child(2),.arena-counts article:nth-child(3){background:#fffdf80d}.arena-counts span,.arena-counts small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.arena-counts span{color:#b8d9d2;font-size:.74rem;font-weight:800}.arena-counts strong{color:#fff4d0;font-family:Merriweather,Georgia,serif;font-size:clamp(3.5rem,8vw,6.5rem);line-height:.8}.arena-counts small{color:#f8f4e89e;font-size:.65rem}.arena-challenge-section{background:radial-gradient(circle at 2px 2px,rgb(24 56 59 / .08) 1.2px,transparent 1.4px),var(--xiaolin-paper);background-size:14px 14px;border:2px solid var(--xiaolin-ink);margin-top:5rem;padding:clamp(1.5rem,4vw,3rem);position:relative}.arena-challenge-section:before{background:var(--xiaolin-accent);color:#fffdf8;content:"挑戰狀";font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:900;letter-spacing:.18em;padding:.55rem .9rem;position:absolute;right:1.4rem;top:-1rem}.arena-challenge-head{align-items:start;display:flex;gap:2rem;justify-content:space-between}.arena-challenge-head h2{color:var(--xiaolin-ink);font-family:Merriweather,Georgia,serif;font-size:clamp(2.1rem,5vw,4rem);line-height:1.03;margin:.5rem 0 0;max-width:13ch}.arena-challenge-issuer{border:1px solid var(--xiaolin-accent);color:var(--xiaolin-accent);display:grid;flex:0 0 auto;padding:.85rem 1rem;text-align:right;transform:rotate(2deg)}.arena-challenge-issuer span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem;font-weight:800;letter-spacing:.12em}.arena-challenge-issuer strong{font-size:1.35rem}.arena-challenge-summary{color:var(--xiaolin-muted);font-size:1.08rem;line-height:1.75;margin:1.8rem 0 0;max-width:66ch}.arena-challenge-grid{display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);margin-top:2.5rem}.arena-challenge-grid h3{color:var(--xiaolin-ink);font-size:1.1rem;margin:0 0 1rem}.arena-challenge-grid ol{display:grid;gap:.9rem;margin:0;padding-left:1.4rem}.arena-challenge-grid li{color:var(--xiaolin-muted);line-height:1.65;padding-left:.35rem}.arena-victory-condition{border-top:2px solid var(--xiaolin-ink);display:grid;gap:.45rem;line-height:1.6;margin:1.8rem 0 0;padding-top:1rem}.arena-victory-condition strong{color:var(--xiaolin-accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;letter-spacing:.08em}.arena-response-log{display:grid;gap:.75rem}.arena-response-log blockquote{background:#fffdf8;border:1px solid var(--xiaolin-line);border-left:4px solid #2b8278;margin:0;padding:1rem 1.1rem}.arena-response-log blockquote[data-stance=counter]{border-left-color:var(--xiaolin-accent)}.arena-response-log blockquote[data-stance=observe]{border-left-color:#9e7e42}.arena-response-log p{color:var(--xiaolin-ink);line-height:1.6;margin:0}.arena-response-log cite{color:var(--xiaolin-accent);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-style:normal;font-weight:800;letter-spacing:.04em;margin-top:.55rem}.arena-roster-section{scroll-margin-top:7rem}.arena-roster-order{color:var(--xiaolin-muted);font-size:.82rem;margin:0}.arena-roster-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(2,minmax(0,1fr))}.arena-character-card{background:var(--xiaolin-paper);border:1px solid var(--xiaolin-line);box-shadow:.35rem .4rem #18383b14;display:grid;grid-template-columns:minmax(160px,.42fr) minmax(0,.58fr);min-height:42rem;overflow:hidden;position:relative}.arena-character-card.is-new{border-color:var(--xiaolin-accent)}.arena-character-card.is-new:after{border:1px solid rgb(181 75 66 / .35);content:"";inset:.38rem;pointer-events:none;position:absolute}.arena-character-portrait{background:#14373b;margin:0;min-height:100%;overflow:hidden;position:relative}.arena-character-portrait>img{display:block;height:100%;object-fit:cover;width:100%}.arena-character-portrait.is-atlas>img{height:100%;max-width:none;object-fit:cover;transform:translate(calc(var(--arena-panel) * -20%));width:500%}.arena-character-portrait figcaption{align-items:center;background:linear-gradient(180deg,transparent,rgb(13 35 38 / .92));bottom:0;color:#fffdf8;display:flex;inset-inline:0;justify-content:space-between;padding:2.8rem .85rem .9rem;position:absolute;z-index:1}.arena-character-portrait figcaption span,.arena-character-portrait figcaption strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem;letter-spacing:.08em}.arena-character-portrait figcaption strong{color:#ffcf66}.arena-character-copy{align-content:start;display:grid;padding:1.35rem;position:relative;z-index:1}.arena-character-copy header>p{color:var(--xiaolin-accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.67rem;font-weight:800;letter-spacing:.05em;margin:0}.arena-character-copy h3{color:var(--xiaolin-ink);font-family:Merriweather,Georgia,serif;font-size:2.3rem;line-height:.95;margin:.65rem 0 0}.arena-character-copy h3 span{color:var(--xiaolin-muted);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;letter-spacing:.08em;margin-top:.6rem;text-transform:uppercase}.arena-character-copy>blockquote{border-left:2px solid var(--xiaolin-accent);color:var(--xiaolin-ink);font-family:Segoe Print,Bradley Hand,cursive;line-height:1.65;margin:1.2rem 0;padding-left:.85rem}.arena-character-copy dl{border-top:1px solid var(--xiaolin-line);display:grid;margin:0}.arena-character-copy dl div{border-bottom:1px solid var(--xiaolin-line);display:grid;gap:.65rem;grid-template-columns:3.2rem minmax(0,1fr);padding:.6rem 0}.arena-character-copy dt{color:var(--xiaolin-accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem;font-weight:800}.arena-character-copy dd{color:var(--xiaolin-muted);font-size:.8rem;line-height:1.5;margin:0}.arena-character-inference{background:#edf5f2;border:1px dashed #8eaaa4;margin-top:1rem;padding:.85rem}.arena-character-inference span{color:#2b6f69;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.6rem;font-weight:900;letter-spacing:.05em}.arena-character-inference p{color:var(--xiaolin-ink);font-size:.78rem;line-height:1.55;margin:.5rem 0}.arena-character-inference a,.arena-character-copy footer a{color:var(--xiaolin-accent);font-size:.67rem;font-weight:800;overflow-wrap:anywhere;text-underline-offset:.18rem}.arena-character-copy footer{align-items:end;display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.arena-character-copy footer span{color:var(--xiaolin-muted);flex:0 0 auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.64rem}@media(max-width:1050px){.arena-roster-grid{grid-template-columns:1fr}.arena-character-card{min-height:38rem}}@media(max-width:900px){.arena-resident-stage-head{align-items:start;display:grid}.arena-resident-stage-head>p{max-width:38rem;text-align:left}.arena-challenge-grid{grid-template-columns:1fr}.arena-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-challenge-grid{gap:2.5rem}}@media(max-width:600px){.arena-resident-stage-section{padding-top:3.8rem}.arena-resident-stage{box-shadow:.45rem .5rem 0 var(--xiaolin-accent-soft);height:30rem}.arena-room-board{left:5%;top:5%;width:6.6rem}.arena-room-ring{height:9.5rem;top:48%;width:13.5rem}.arena-room-rest-corner{bottom:5%;right:2%;width:6.2rem}.arena-resident-head{height:3.05rem;width:2.85rem}.arena-resident-body{height:2.55rem;width:2.2rem}.arena-resident-name{display:grid;gap:0;justify-items:center;margin-top:1.75rem;padding-inline:.25rem}.arena-resident-name small{display:none}.arena-board-section,.arena-action-section,.arena-roster-section{padding-top:4rem}.arena-action-log li{gap:.65rem;grid-template-columns:1fr}.arena-action-log small{text-align:left}.arena-challenge-section{margin-inline:1rem;margin-top:4rem;padding:1.25rem;width:auto}.arena-counts article{min-height:9.5rem;padding:1rem}.arena-counts strong{font-size:3.6rem}.arena-challenge-head{display:grid}.arena-challenge-issuer{justify-self:start;text-align:left}.arena-character-card{grid-template-columns:1fr;min-height:0}.arena-character-portrait{aspect-ratio:4 / 5;min-height:0}.arena-character-copy{padding:1.2rem}.arena-character-copy h3{font-size:2rem}}@media(prefers-reduced-motion:reduce){.arena-resident,.arena-resident *,.arena-character-portrait.is-atlas>img{animation:none!important;transition:none}}