/* KECH Pixel Brawl: all selectors are scoped so WordPress themes cannot be restyled. */
.kpb-root{--kpb-bg:#0c0c12;--kpb-panel:#17161e;--kpb-line:#403642;--kpb-ink:#fff7ed;--kpb-muted:#b8abb4;--kpb-red:#e13a44;--kpb-gold:#f7c662;box-sizing:border-box;isolation:isolate;position:relative;left:50%;transform:translateX(-50%);width:min(1200px,calc(100vw - 18px));max-width:none!important;background:radial-gradient(ellipse at 13% 12%,#48232b 0,transparent 46%),radial-gradient(ellipse at 91% 74%,#34222c 0,transparent 37%),var(--kpb-bg);color:var(--kpb-ink);font:400 15px/1.5 system-ui,'Segoe UI',Arial,sans-serif;padding:0 22px 1px;border:1px solid #423037;border-radius:15px;box-shadow:0 15px 65px #0005;overflow:hidden;min-width:0}
.kpb-root *{box-sizing:border-box}.kpb-root button,.kpb-root select,.kpb-root input{font:inherit}.kpb-root button{cursor:pointer;touch-action:manipulation}.kpb-root button:focus-visible,.kpb-root input:focus-visible,.kpb-root select:focus-visible{outline:3px solid var(--kpb-gold);outline-offset:2px}.kpb-root .hidden{display:none!important}.kpb-root h2,.kpb-root h3,.kpb-root p{color:inherit;margin-block:0}.kpb-root .kpb-topbar{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:99px;border-bottom:1px solid var(--kpb-line)}
.kpb-root .kpb-brand{display:flex;gap:14px;align-items:center;min-width:0}.kpb-root .kpb-logo{height:75px;width:154px;object-fit:contain;filter:drop-shadow(0 2px 7px #f7b94c30)}.kpb-root .kpb-brand strong{font-weight:950;letter-spacing:2.5px;font-size:22px;display:block;line-height:1.05;white-space:nowrap}.kpb-root .kpb-brand small{display:block;color:var(--kpb-muted);font-size:10px;letter-spacing:1.8px;margin-top:7px}.kpb-root .kpb-nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.kpb-root .kpb-navbutton{border:0;border-bottom:3px solid transparent;color:#c5bac2;background:transparent;font-size:12px;font-weight:850;padding:13px 11px;letter-spacing:1px}.kpb-root .kpb-navbutton.active{color:#fff;border-bottom-color:var(--kpb-gold)}.kpb-root .kpb-navbutton:hover{color:#fff}
.kpb-root .kpb-intro{text-align:center;padding:40px 6px 18px}.kpb-root .kpb-eyebrow{color:#e79b9b;font-size:11px;font-weight:900;letter-spacing:3.5px}.kpb-root .kpb-intro h2,.kpb-root .kpb-lab-head h2{font-weight:1000;font-size:clamp(33px,4.5vw,58px);line-height:1.05;letter-spacing:-1.8px;margin:12px 0 13px}.kpb-root .kpb-intro h2 em{font-style:normal;color:var(--kpb-gold)}.kpb-root .kpb-intro p,.kpb-root .kpb-lab-head p{max-width:610px;margin:auto;font-size:14px;line-height:1.7;color:#cabdc4}.kpb-root .kpb-selection h3{font-size:13px;font-weight:900;letter-spacing:2px;text-align:center;margin:18px 0 14px}.kpb-root .kpb-char-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:13px}.kpb-root .kpb-char-card{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:2px;min-width:0;width:min(255px,44%);min-height:268px;padding:17px 12px;background:linear-gradient(160deg,#27232f,#15151c 80%);border:2px solid #51404a;border-radius:11px;color:#fff;transition:transform .18s,border-color .18s;overflow:hidden}.kpb-root .kpb-char-card:hover{transform:translateY(-3px)}.kpb-root .kpb-char-card.selected{border-color:var(--kpb-gold);box-shadow:inset 0 0 0 1px #f4cd74,0 6px 28px #dfa7471c}.kpb-root .kpb-char-card.selected:before{content:'✓ ИЗБРАН';position:absolute;right:8px;top:8px;background:#4b302d;color:#ffe2a1;font-size:9px;letter-spacing:1px;font-weight:900;border-radius:3px;padding:3px 7px}.kpb-root .kpb-char-card canvas{width:180px;max-width:100%;height:185px;object-fit:contain;image-rendering:pixelated}.kpb-root .kpb-char-card strong{font-size:23px;font-weight:950;line-height:1.2;letter-spacing:1px}.kpb-root .kpb-char-card small{font-size:10px;color:#c2b8c0;line-height:1.6}.kpb-root .kpb-center{text-align:center;margin:24px 0 35px}.kpb-root .kpb-primary,.kpb-root .kpb-secondary{border-radius:6px;padding:11px 19px;font-weight:950;font-size:13px;letter-spacing:.7px;border:1px solid transparent;min-height:44px}.kpb-root .kpb-primary{background:linear-gradient(100deg,#f2c266,#ffdf9c);color:#26151a;box-shadow:0 3px 0 #7e482c}.kpb-root .kpb-primary:hover{filter:brightness(1.09)}.kpb-root .kpb-primary span{margin-left:12px}.kpb-root .kpb-secondary{background:#29212b;color:#fff;border-color:#72575e}.kpb-root .kpb-secondary:hover{border-color:var(--kpb-gold)}
.kpb-root .kpb-match-panel{width:100%;max-width:1040px;margin:6px auto 30px;min-width:0}.kpb-root .kpb-hud{display:grid;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);align-items:end;gap:14px;padding:12px 0}.kpb-root .kpb-hud-fighter{min-width:0}.kpb-root .kpb-hud-fighter.kpb-right{text-align:right}.kpb-root .kpb-hud-name{font-size:19px;font-weight:950;line-height:1.1;letter-spacing:1px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpb-root .kpb-meter{height:13px;border:2px solid #e4ba6e;background:#30232b;border-radius:2px;overflow:hidden}.kpb-root .kpb-meter>span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#71b85c,#b6ee74);transition:width .13s}.kpb-root .kpb-meter-secondary{height:6px;background:#30212f;margin-top:5px;overflow:hidden}.kpb-root .kpb-meter-secondary>span{display:block;width:0;height:100%;background:#d444bf;transition:width .13s}.kpb-root .kpb-right .kpb-meter>span,.kpb-root .kpb-right .kpb-meter-secondary>span{margin-left:auto}.kpb-root .kpb-timer{text-align:center}.kpb-root .kpb-timer b{display:block;font-family:ui-monospace,Consolas,monospace;font-weight:950;font-size:29px;color:var(--kpb-gold)}.kpb-root .kpb-timer span{font-size:10px;letter-spacing:2px;color:#d4bac4}.kpb-root .kpb-match-tools{display:flex;justify-content:flex-end;gap:7px;margin:3px 0 8px}.kpb-root .kpb-match-tools button{border:1px solid #5c414b;background:#211a22;border-radius:5px;color:#f5dfda;font-size:10px;font-weight:900;min-height:31px;padding:5px 9px;letter-spacing:.5px}.kpb-root .kpb-match-tools button:hover{border-color:#f9d18b}.kpb-root .kpb-stage{position:relative;width:100%;overflow:hidden;box-shadow:0 12px 35px #0009;border:3px solid #60454b;border-radius:3px;background:#100d18}.kpb-root .kpb-stage canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;image-rendering:pixelated}.kpb-root .kpb-end-overlay,.kpb-root .kpb-pause-overlay{position:absolute;inset:0;background:#0d0a16e9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;z-index:5;padding:15px;text-align:center}.kpb-root .kpb-result-text,.kpb-root .kpb-pause-overlay strong{font-size:clamp(24px,5vw,60px);line-height:1.1;font-weight:1000;color:var(--kpb-gold);text-shadow:3px 3px #712a32}.kpb-root .kpb-result-detail{color:#eee;font-size:14px}.kpb-root .kpb-result-buttons{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}
.kpb-root .kpb-touch-controls{display:none;gap:12px;justify-content:space-between;align-items:center;padding:14px 0 4px;min-width:0;touch-action:none;-webkit-user-select:none;user-select:none}.kpb-root .kpb-dpad{display:grid;grid-template-columns:repeat(3,47px);grid-template-rows:repeat(3,47px);gap:2px;flex:none}.kpb-root .kpb-dpad button{padding:0!important;font-size:16px}.kpb-root .kpb-dpad [data-hold=up]{grid-row:1;grid-column:2}.kpb-root .kpb-dpad [data-hold=left]{grid-row:2;grid-column:1}.kpb-root .kpb-dpad [data-hold=right]{grid-row:2;grid-column:3}.kpb-root .kpb-dpad [data-hold=down]{grid-row:3;grid-column:2}.kpb-root .kpb-touch-controls button{min-width:0;min-height:43px;border:1px solid #ac7471;border-radius:9px;background:#3d2932;color:#ffeff2;font-weight:900;font-size:11px;touch-action:none;user-select:none;-webkit-user-select:none}.kpb-root .kpb-touch-controls button:active{background:#d84f57;color:#111}.kpb-root .kpb-touch-actions{display:grid;grid-template-columns:repeat(2,minmax(62px,1fr));gap:7px;max-width:340px;flex:1;align-items:stretch}.kpb-root .kpb-touch-actions button{padding:8px 7px;min-height:48px}.kpb-root .kpb-touch-actions button small{display:block;font-size:8px;color:#f5bcbf}.kpb-root .kpb-touch-actions .kpb-special{background:#826022;border-color:#edc766;color:#fff9d9}.kpb-root .kpb-help{font-size:12px;color:#bbaeb7;text-align:center;padding:13px 4px;line-height:1.7}.kpb-root .kpb-help strong{color:#fff}.kpb-root .kpb-disclaimer{color:#a698a2;font-size:11px;text-align:center;padding-bottom:5px}.kpb-root .kpb-footer{padding:21px 8px 24px;border-top:1px solid var(--kpb-line);color:#9e8b97;font-size:10px;font-weight:700;letter-spacing:2px;text-align:center}
.kpb-root .kpb-lab-head{text-align:center;padding:34px 0 26px}.kpb-root .kpb-lab-head h2{font-size:clamp(30px,5vw,48px)}.kpb-root .kpb-lab-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;padding:0 0 25px;align-items:start}.kpb-root .kpb-lab-editor{display:flex;flex-direction:column;gap:15px;padding:19px;background:#1f1a24;border:1px solid var(--kpb-line);border-radius:10px}.kpb-root .kpb-lab-editor label{display:block;font-size:12px;font-weight:800;color:#e6d9e1}.kpb-root .kpb-lab-editor label b{float:right;color:var(--kpb-gold)}.kpb-root .kpb-lab-editor input,.kpb-root .kpb-lab-editor select{display:block;max-width:100%;width:100%;margin-top:6px;background:#28222d;border:1px solid #655562;color:#fff;border-radius:5px;padding:8px}.kpb-root .kpb-lab-editor input[type=range]{padding:0;accent-color:#d94555}.kpb-root .kpb-lab-editor input[type=file]{font-size:11px}.kpb-root .kpb-lab-editor small{color:#b5a7b4;line-height:1.5}.kpb-root .kpb-lab-buttons{display:flex;flex-wrap:wrap;gap:8px}.kpb-root .kpb-lab-buttons button{padding:9px 11px;font-size:11px;flex:1 1 45%}.kpb-root .kpb-lab-preview{padding:16px;border:1px solid var(--kpb-line);border-radius:10px;background:#1c1720;min-width:0}.kpb-root .kpb-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kpb-root .kpb-frame{min-width:0;overflow:hidden;background:#292530;border:1px solid #5c4454;border-radius:7px;text-align:center}.kpb-root .kpb-frame canvas{display:block;width:100%;height:auto;aspect-ratio:1/1;background-image:linear-gradient(45deg,#393640 25%,transparent 25%),linear-gradient(-45deg,#393640 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#393640 75%),linear-gradient(-45deg,transparent 75%,#393640 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;image-rendering:pixelated}.kpb-root .kpb-frame label{display:block;padding:8px 3px;font-size:10px;font-weight:800;letter-spacing:.5px;color:#e9dbe1}.kpb-root .kpb-lab-preview>p{margin-top:13px;text-align:center;color:#b5a7b4;font-size:12px}
@media(max-width:780px){.kpb-root{padding:0 11px 1px;border-radius:9px}.kpb-root .kpb-topbar{min-height:73px;gap:5px;flex-wrap:wrap;padding:6px 0}.kpb-root .kpb-brand{gap:7px}.kpb-root .kpb-logo{width:104px;height:55px}.kpb-root .kpb-brand strong{font-size:14px;letter-spacing:1px}.kpb-root .kpb-brand small{font-size:8px;letter-spacing:.5px;margin-top:3px}.kpb-root .kpb-navbutton{font-size:10px;padding:7px 5px}.kpb-root .kpb-intro{padding:23px 4px 8px}.kpb-root .kpb-intro p{font-size:12px}.kpb-root .kpb-intro h2{font-size:clamp(28px,6vw,44px)}.kpb-root .kpb-char-cards{gap:7px}.kpb-root .kpb-char-card{width:min(235px,calc(50% - 4px));min-height:208px;padding:12px 5px}.kpb-root .kpb-char-card canvas{width:126px;height:134px}.kpb-root .kpb-char-card strong{font-size:16px}.kpb-root .kpb-char-card small{font-size:9px}.kpb-root .kpb-char-card.selected:before{font-size:8px}.kpb-root .kpb-hud{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);gap:6px;padding:10px 0}.kpb-root .kpb-hud-name{font-size:13px;margin-bottom:5px}.kpb-root .kpb-timer b{font-size:19px}.kpb-root .kpb-timer span{font-size:9px}.kpb-root .kpb-meter{height:11px}.kpb-root .kpb-match-tools button{font-size:9px;min-height:29px}.kpb-root .kpb-touch-controls{display:flex}.kpb-root .kpb-help{display:none}.kpb-root .kpb-lab-layout{grid-template-columns:1fr}.kpb-root .kpb-lab-head{padding:21px 0}.kpb-root .kpb-lab-head p{font-size:12px}}
@media(max-width:420px){.kpb-root .kpb-topbar{justify-content:center}.kpb-root .kpb-nav{width:100%;justify-content:center}.kpb-root .kpb-brand strong{font-size:13px}.kpb-root .kpb-dpad{grid-template-columns:repeat(3,39px);grid-template-rows:repeat(3,41px);gap:1px}.kpb-root .kpb-touch-controls{gap:6px}.kpb-root .kpb-touch-actions{gap:5px}.kpb-root .kpb-touch-actions button{font-size:10px;min-height:43px;padding:5px 3px}.kpb-root .kpb-touch-controls button{border-radius:7px}.kpb-root .kpb-frame label{font-size:8px;padding:6px 1px}.kpb-root .kpb-frames{gap:5px}}
@media(pointer:coarse){.kpb-root .kpb-touch-controls{display:flex}}
.kpb-root:fullscreen{left:0;transform:none;width:100vw;max-width:none!important;height:100dvh;min-height:100vh;border:0;border-radius:0;overflow:auto;padding:0 10px;background:#09080c}.kpb-root:fullscreen .kpb-intro,.kpb-root:fullscreen .kpb-topbar,.kpb-root:fullscreen .kpb-footer,.kpb-root:fullscreen .kpb-disclaimer,.kpb-root:fullscreen .kpb-help{display:none}.kpb-root:fullscreen .kpb-match-panel{margin:0 auto;display:flex;flex-direction:column;min-height:100%;padding:0;max-width:1100px}.kpb-root:fullscreen .kpb-hud{flex-shrink:0;padding:5px 0}.kpb-root:fullscreen .kpb-match-tools{margin:0 0 4px;flex-shrink:0}.kpb-root:fullscreen .kpb-stage{min-height:0;flex:1 1 0;display:flex;align-items:center;justify-content:center}.kpb-root:fullscreen .kpb-stage canvas{height:100%;width:auto;max-width:100%;object-fit:contain}.kpb-root:fullscreen .kpb-touch-controls{display:flex;flex-shrink:0;padding:5px 0}.kpb-root:fullscreen .kpb-selection{padding:20px}.kpb-root:fullscreen .kpb-end-overlay,.kpb-root:fullscreen .kpb-pause-overlay{width:100%}
@media(orientation:landscape) and (max-height:500px){.kpb-root:fullscreen .kpb-match-panel{position:relative;height:100dvh}.kpb-root:fullscreen .kpb-hud{height:53px}.kpb-root:fullscreen .kpb-hud-name{margin-bottom:0;font-size:11px}.kpb-root:fullscreen .kpb-meter{height:7px}.kpb-root:fullscreen .kpb-meter-secondary{height:3px;margin-top:2px}.kpb-root:fullscreen .kpb-timer b{font-size:17px}.kpb-root:fullscreen .kpb-match-tools{position:absolute;right:4px;top:4px;z-index:9}.kpb-root:fullscreen .kpb-match-tools button{font-size:9px;padding:3px 5px;min-height:26px}.kpb-root:fullscreen .kpb-touch-controls{position:absolute;bottom:5px;left:0;right:0;z-index:4;pointer-events:none}.kpb-root:fullscreen .kpb-touch-controls button{pointer-events:auto;background:#3b2732db;min-height:35px}.kpb-root:fullscreen .kpb-dpad{grid-template-columns:repeat(3,39px);grid-template-rows:repeat(3,38px)}.kpb-root:fullscreen .kpb-touch-actions{max-width:165px}.kpb-root:fullscreen .kpb-touch-actions button{min-height:35px;padding:3px;font-size:9px}.kpb-root:fullscreen .kpb-stage{flex:1;min-height:0}}

.kpb-root.kpb-in-match .kpb-intro{display:none}
.kpb-root .kpb-opponent{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.06em;font-size:13px;margin:4px 0 10px}.kpb-root .kpb-opponent select{background:#221b2c;color:#fff;border:1px solid #6a5a80;border-radius:6px;padding:6px 10px;font:inherit}
.kpb-root .kpb-frames.kpb-rig-mode{display:block}.kpb-root .kpb-rig-mode .kpbr select{background:#221b2c;color:#fff;border:1px solid #6a5a80;border-radius:6px;padding:4px 8px}
.kpb-root .kpb-center:has(.kpb-opponent){margin:0 0 4px}