.px-champion{background-repeat:no-repeat;background-size:calc(var(--px-size)*8) calc(var(--px-size)*4);background-position:var(--px-face-x) var(--px-frame-y);image-rendering:pixelated;image-rendering:crisp-edges;transform-origin:50% 81.25%;contain:layout paint;pointer-events:none;will-change:transform;flex:none;display:block}.px-action-idle{animation:3.6s step-end infinite px-idle}.px-action-walk{animation:.28s step-end infinite px-walk-frames,.28s step-end infinite px-walk-bob}.px-action-cast{filter:drop-shadow(0 0 3px #f0c84eaa);animation:.44s steps(3,end) both px-cast-pose}.px-action-hit{animation:.28s step-end 2 px-hit}.px-action-defeat{filter:saturate(.4);transform-origin:50% 81.25%;animation:.8s steps(6,end) .2s both px-fall}.px-champion.px-paused{animation-play-state:paused}.px-champion-missing{color:#e6d7a8;place-items:center;font-size:2rem;display:grid}@keyframes px-idle{0%,40%,80%,to{transform:translateY(0)}45%,75%{transform:translateY(-1px)}}@keyframes px-walk-frames{0%,49%{background-position-y:calc(var(--px-size)*-1)}50%,to{background-position-y:calc(var(--px-size)*-2)}}@keyframes px-walk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes px-cast-pose{0%{transform:translateY(2px)}45%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes px-hit{0%,35%{filter:brightness(1.8)sepia(.6);transform:translate(-3px)}36%,65%{filter:brightness(.6);transform:translate(3px)}66%,to{filter:none;transform:none}}@keyframes px-fall{0%{opacity:1;transform:none}65%{opacity:.75;transform:translateY(3px)rotate(65deg)}to{opacity:0;transform:translateY(8px)rotate(80deg)scale(.8)}}.px-board{isolation:isolate;background:var(--paper,#f2e3ba);border:2px solid var(--ink,#2c2519);max-width:100%;box-shadow:inset 0 0 0 2px var(--paper-light,#fff3ce),0 3px 0 #9b8050,0 8px 20px #6b573824;color:var(--ink,#2c2519);border-radius:1px;font-family:inherit;position:relative;overflow:hidden}.px-board *{box-sizing:border-box}.px-board-toolbar{z-index:2;background:var(--paper,#f2e3ba) url(/art/parchment.png) center/768px;border-bottom:1px solid var(--line,#9b8050);justify-content:flex-end;align-items:center;gap:8px;min-height:48px;padding:2px 10px;display:flex;position:relative;box-shadow:inset 0 2px #fff3ce}.px-camera-tools{flex-shrink:0;gap:6px;display:flex}.px-well-value{text-anchor:middle;fill:#fff3ce;stroke:#2c2519;stroke-width:3px;paint-order:stroke;stroke-linejoin:round;font:700 18px/1 Confluence Pixel,monospace}.px-camera-tools .px-fit-effect{background:#efdcaa;border-color:#9c6519}.px-camera-tools button,.px-pan button{border:1px solid var(--ink,#2c2519);background:var(--paper-light,#fff3ce);min-width:40px;min-height:38px;color:var(--ink,#2c2519);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:1px;justify-content:center;align-items:center;gap:6px;padding:6px 11px;font-size:17px;line-height:1;display:flex;box-shadow:inset 0 1px #fff9e5,0 2px #9b8050}.px-camera-tools button span{letter-spacing:.015em;font-family:Confluence Pixel,ui-monospace,monospace;font-size:11px;font-weight:650}.px-camera-tools button:hover,.px-pan button:hover{background:#dfc58d;border-color:#2c2519}.px-camera-tools button[aria-pressed=true]{color:#fff3ce;background:#53612d;border-color:#2c2519;box-shadow:inset 0 1px #85924d,0 2px #6b5738}.px-camera-tools button:disabled{opacity:.5;cursor:default}:is(.px-camera-tools button:focus-visible,.px-pan button:focus-visible){outline-offset:3px;outline:3px solid #277c79}.px-stage{background:#ead9ac url(/art/parchment.png) 50%/768px;border-top:1px solid #fff3ce;position:relative;overflow:hidden}.px-stage:after{content:"";pointer-events:none;border-bottom:1px solid #9b805066;position:absolute;inset:0;box-shadow:inset 0 0 35px #ad7a251c}.px-battlefield{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:clamp(330px,57dvh,650px);display:block;overflow:visible}.px-focused .px-battlefield{touch-action:none;cursor:grab}.px-focused .px-battlefield:active{cursor:grabbing}.px-battlefield text{pointer-events:none;-webkit-user-select:none;user-select:none;font-family:inherit}.px-unit{cursor:pointer}.px-unit-hitbox{pointer-events:all}.px-cell-hit{cursor:pointer;outline:none}.px-cell-hit[aria-disabled=true]{cursor:default}.px-focus-ring{opacity:0;stroke:#2c2519;stroke-width:4px;pointer-events:none;filter:drop-shadow(0 0 1px #fff3ce)}.px-cell-hit:focus-visible .px-focus-ring{opacity:1}.px-cell-hit:hover .px-focus-ring{opacity:.55;stroke-width:2px}.px-terrain-name{text-anchor:middle;letter-spacing:.015em;paint-order:stroke;stroke:#fff3ce99;stroke-width:1.3px;font-size:9px;font-weight:750;font-family:Confluence Pixel,ui-monospace,monospace!important}.px-unit-name{text-anchor:middle;fill:#2c2519;paint-order:stroke;stroke:#fff3ce;stroke-width:3px;stroke-linejoin:miter;letter-spacing:.015em;font-size:10px;font-weight:700;font-family:Confluence Pixel,ui-monospace,monospace!important}.px-unit-number{text-anchor:middle;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.px-unit-selected .px-unit-name{fill:#332611;font-size:11px}.px-status text{text-anchor:middle;font-size:11px;font-weight:750}.px-status .px-status-turns{fill:#fff3ce;paint-order:stroke;stroke:#2c2519;stroke-width:2px;font-size:8px}.px-aura-burn{animation:.45s steps(2,end) infinite px-flicker}.px-aura-wet{animation:1.5s steps(4,end) infinite px-drip}.px-aura-blind{animation:2s steps(2,end) infinite px-flicker}.px-aura-concussed{animation:1.4s steps(3,end) infinite px-dizzy}.px-aura-chilled{opacity:.8}.px-aura-ward{animation:2s steps(3,end) infinite px-target}.px-aura-haste{animation:.8s steps(3,end) infinite px-drip}.px-selection-arrow{animation:1s steps(2,end) infinite px-arrow}.px-well-flame{transform-origin:0 0;animation:2.2s steps(2,end) infinite px-well}.px-target{pointer-events:none}.px-range-dot{opacity:.9}.px-area-preview{pointer-events:none}.px-aim-reticle{filter:drop-shadow(0 1px #2c251966)}.px-order-number{text-anchor:middle;fill:#2c2519;paint-order:stroke;stroke:#fff3ce;stroke-width:3px;font-size:13px;font-weight:800}.px-move-path-shadow{fill:none;stroke:#2c2519;stroke-width:6px;opacity:.85}.px-move-path{fill:none;stroke:#fff3ce;stroke-width:2.5px;stroke-dasharray:5 5}.px-cast-path{fill:none;stroke-width:3px;stroke-dasharray:4 4;filter:drop-shadow(0 1px #fff3ce)drop-shadow(0 -1px #2c2519);opacity:1}.px-pan{z-index:3;background:#f2e3ba;border-top:1px solid #6b5738;justify-content:center;gap:5px;padding:4px;display:flex;position:relative}.px-pan button{width:44px;min-width:44px;height:44px;min-height:44px;padding:3px;font-size:18px}.px-phase{z-index:2;letter-spacing:.06em;color:#2c2519;pointer-events:none;background:#fff3cef5;border:1px solid #2c2519;padding:7px 12px;font-family:Confluence Pixel,ui-monospace,monospace;font-size:10px;font-weight:800;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:0 2px #ad7a25}.px-board-readout{background:var(--paper,#f2e3ba) url(/art/parchment.png) center/768px;color:#59482d;border-top:1px solid #9b8050;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:4px 10px;font-size:11px;line-height:1.3;display:flex}.px-cell-description b{text-overflow:ellipsis;min-width:0;overflow:hidden}.px-team-key{white-space:nowrap;align-items:center;gap:5px;display:flex}.px-team-key i{outline:1px solid #2c2519;width:7px;height:7px;margin-left:6px}.px-team-key i:first-child{margin-left:0}.px-cell-description{white-space:nowrap;flex:1;align-items:baseline;gap:7px;min-width:0;display:flex}.px-cell-description b{color:#2c2519;font-weight:700}.px-cell-description>span{text-overflow:ellipsis;overflow:hidden}.px-board-legend{white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:10px;display:flex}.px-board-legend i{width:9px;height:9px;margin-left:5px;display:inline-block}.px-board-legend i:first-child{margin-left:0}.px-legend-range{background:#277c79;border:2px solid #fff3ce;border-radius:50%;outline:1px solid #277c79}.px-legend-area{background:repeating-linear-gradient(135deg,#efc657 0 3px,#2c2519 3px 4px);border:1px solid #2c2519}.px-unit-moving{will-change:transform;animation:1.4s both px-unit-move}.px-unit-bounce{animation:.36s .1s both px-bounce}.px-heal-glow{animation:.6s .85s both px-heal}.px-cast-event{opacity:0;filter:drop-shadow(0 1px #2c2519)drop-shadow(1px 0 #fff3ce);animation:px-cast-event .9s var(--px-event-delay,.45s) steps(4,end) both}.px-impact-pixels{animation:px-impact .45s var(--px-impact-delay,.9s) steps(4,end) both;transform-box:fill-box;transform-origin:50%}.px-reaction-burst{opacity:0;animation:px-react .8s var(--px-event-delay,.7s) steps(4,end) both;transform-box:fill-box;transform-origin:50%}.px-event-text{fill:#2c2519;paint-order:stroke;stroke:#fff3ce;stroke-width:4px;stroke-linejoin:miter;text-anchor:middle;letter-spacing:.02em;opacity:0;animation:px-event-word var(--px-text-duration,1.1s) var(--px-event-delay,.9s) both;font-size:17px;font-weight:850;font-family:Confluence Pixel,ui-monospace,monospace!important}.px-reaction-text{fill:#593912;letter-spacing:.03em;font-size:13px}.px-event-damage,.px-event-surface{fill:#a63d22}.px-event-heal{fill:#3b6b28}.px-event-fizzle,.px-event-bounce,.px-event-guard,.px-event-defeat,.px-event-respawn{letter-spacing:.04em;font-size:10px}.px-event-fizzle{fill:#714285}.px-event-status{fill:#53612d;letter-spacing:.025em;font-size:11px}.px-sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes px-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes px-flicker{0%,to{opacity:.9}50%{opacity:.55}}@keyframes px-drip{0%{opacity:0;transform:translateY(-3px)}25%,75%{opacity:.85}to{opacity:0;transform:translateY(4px)}}@keyframes px-dizzy{0%,to{transform:translate(-2px)}50%{transform:translate(2px)}}@keyframes px-well{0%,to{opacity:.88;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes px-target{0%,to{stroke-opacity:.7}50%{stroke-opacity:1}}@keyframes px-area{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:4px}}@keyframes px-unit-move{0%{transform:translate(var(--px-dx),var(--px-dy))}32.1429%,64.2857%{transform:translate(var(--px-mid-dx),var(--px-mid-dy))}to{transform:translate(0)}}@keyframes px-bounce{0%,to{transform:translate(0)}25%{transform:translate(5px,-3px)}65%{transform:translate(-3px,2px)}}@keyframes px-heal{0%,to{filter:none}30%,70%{filter:drop-shadow(0 0 5px #d4f6a9)}}@keyframes px-cast-event{0%{opacity:0;stroke-dashoffset:35px}15%,65%{opacity:1}to{opacity:0;stroke-dashoffset:0}}@keyframes px-impact{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}@keyframes px-react{0%{opacity:0;transform:scale(.4)}20%{opacity:.9;transform:scale(.85)}50%{opacity:.85;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}@keyframes px-event-word{0%{opacity:0;transform:translateY(8px)}15%,65%{opacity:1}to{opacity:0;transform:translateY(-19px)}}@media (max-width:850px){.px-board-toolbar{height:44px;min-height:44px;padding:0 5px}.px-camera-tools{gap:4px}.px-camera-tools button{min-width:44px;min-height:44px;box-shadow:none;border-top:0;border-bottom:0;padding:3px 6px}.px-camera-tools button span{font-size:10px}.px-battlefield{aspect-ratio:auto;height:max(190px,36dvh - 72px);min-height:0;max-height:none}.px-board-readout{gap:5px;height:28px;min-height:28px;padding:2px 6px;font-size:10px}.px-cell-description{gap:5px}.px-board-legend{font-size:9px}.px-board-legend i{width:7px;height:7px;margin-left:3px}.px-phase{padding:5px 9px;top:4px}.px-unit-number{font-size:13px}}@media (max-width:360px){.px-camera-tools button span{font-size:9px}.px-pan{gap:3px;padding:4px}.px-board-legend{display:none}}@media (max-width:850px){.px-battlefield{height:max(220px,40dvh - 72px)}.px-board-readout{height:auto}.px-board-legend,.px-cell-description>span{display:none}}.px-score-feedback{white-space:nowrap;letter-spacing:0;text-transform:none;margin-top:5px;font-size:11px;display:block}@media (max-width:850px){.px-board-readout{align-items:flex-start;min-height:42px}.px-cell-description{white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.px-cell-description>span{text-overflow:clip;font-size:9px;line-height:1.3;display:block;overflow:visible}.px-cell-description b{white-space:normal;overflow:visible}}@media (prefers-reduced-motion:reduce){.px-board *,.px-champion{scroll-behavior:auto!important;transition:none!important;animation:none!important}.px-champion.px-action-defeat{opacity:.35;filter:grayscale(.6)}.px-cast-event,.px-reaction-burst{opacity:.55}.px-event-text{opacity:1}.px-impact-pixels{opacity:.4}.px-unit-moving,.px-selection-arrow{transform:none}}.px-champion.px-crafted{will-change:auto;filter:none;transform-origin:50% 81.25%;animation:none}.px-champion.px-crafted.px-action-idle{animation:none;transform:none}.px-champion.px-crafted.px-action-walk{animation:px-crafted-walk-frames var(--px-gait-duration) steps(1,end) infinite,px-crafted-step var(--px-gait-duration) steps(1,end) infinite;will-change:transform}.px-champion.px-crafted.px-action-cast{animation:var(--px-crafted-cast-gesture) var(--px-crafted-cast-total) steps(1,end) both,var(--px-crafted-cast-frames) var(--px-crafted-cast-total) steps(1,end) both;will-change:transform}.px-champion.px-crafted.px-action-hit{animation:px-crafted-recoil var(--px-hit-duration) steps(1,end) both;will-change:transform}.px-champion.px-crafted.px-action-defeat{filter:saturate(.55);animation:.58s step-end .12s both px-crafted-fall}.px-champion.px-crafted.px-paused{animation:none;transform:none}@keyframes px-crafted-walk-frames{0%{background-position-y:calc(var(--px-size)*-1)}38%{background-position-y:0}50%{background-position-y:calc(var(--px-size)*-2)}88%{background-position-y:0}}@keyframes px-crafted-step{0%,50%,to{transform:none}38%,88%{transform:translateY(calc(var(--px-step-lift)*-1))}}@keyframes px-crafted-recoil{0%{filter:none;transform:none}12%{transform:translateX(var(--px-hit-pixel));filter:brightness(1.14)}38%{transform:translateX(var(--px-hit-pixel));filter:none}62%{transform:translateX(var(--px-hit-return))}84%,to{filter:none;transform:none}}@keyframes px-crafted-fall{0%,22%{opacity:1;transform:none}45%{opacity:.72;transform:translateY(1px)}68%{opacity:.4;transform:translateY(2px)}86%,to{opacity:0;transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.px-champion.px-crafted{will-change:auto;animation:none!important;transform:none!important}.px-champion.px-crafted.px-action-defeat{opacity:.35;filter:grayscale(.6)}}