/* Кінобатли: mobile-first, isolated styles, readable in light/dark themes. */
.kp-battles{max-width:1110px;margin:auto;padding:clamp(12px,3vw,28px) 12px 65px;box-sizing:border-box;color:#f4f8ff}
.kp-battles *{box-sizing:border-box}
.kp-battles a{color:#c0d9ff}
.kp-battles-hero{background:linear-gradient(120deg,#172a46,#273e68 65%,#192c51);border:1px solid #47638a;border-radius:22px;padding:clamp(20px,4vw,38px);margin-bottom:18px}
.kp-battles-hero small{color:#bccfec;font-weight:700}.kp-battles-hero h1{font-size:clamp(1.8rem,5vw,2.6rem);color:#fff;margin:6px 0}.kp-battles-hero p{color:#d5e4fa;max-width:750px;line-height:1.6}.kp-battles-hero nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.kp-battles-hero nav a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none;border:1px solid #617ca4;background:#203c65;padding:9px 13px;border-radius:12px;font-weight:700}
.kp-battles-panel{border:1px solid #3c597d;background:#142740;border-radius:17px;padding:clamp(18px,3vw,25px);margin:0 0 17px;min-width:0;color:#f4f8ff}
.kp-battles-panel h2{color:#fff;margin:0 0 12px;font-size:1.25rem}.kp-battles-panel p,.kp-battles-panel small{line-height:1.55;color:#d2e0f4}.kp-battles-panel code{color:#ffdbab}
.kp-battles-section-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.kp-battles-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:17px}.kp-battles-columns>.kp-battles-panel{min-width:0}
.kp-battles-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #97c0ff;border-radius:11px;background:#3170d2;color:#fff!important;font-weight:800;text-decoration:none;padding:11px 18px;cursor:pointer;max-width:100%}.kp-battles-button:hover,.kp-battles-button:focus{background:#245cac}.kp-battles-button.is-quiet{background:#263b59;border-color:#6580a7}
.kp-battles-invite{display:grid;gap:10px;max-width:450px}.kp-battles-invite label{font-weight:700}.kp-battles-invite select{width:100%;background:#223b5a;color:#fff;border:1px solid #83a5d0;border-radius:11px;padding:12px;min-height:46px;font:inherit}
.kp-battles-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;background:#1c3455;border:1px solid #435d83;border-radius:14px;padding:13px;margin:14px 0}.kp-battles-versus>div{display:grid;gap:7px;text-align:center;min-width:0}.kp-battles-versus strong{color:#fff;overflow-wrap:anywhere}.kp-battles-versus span{font-size:1.25rem;font-weight:800}.kp-battles-versus>b{color:#b9cbeb;font-size:1.25rem}
.kp-battles-actions{display:flex;gap:10px;flex-wrap:wrap}
.kp-battles-count{font-weight:800;color:#bfdbff}.kp-battles-question h3{color:#fff;font-size:clamp(1.15rem,3vw,1.42rem);line-height:1.5;margin:15px 0}.kp-battles-progress{height:9px;border-radius:8px;background:#314867;overflow:hidden;margin:12px 0}.kp-battles-progress span{display:block;height:100%;background:#78adff}
.kp-battles-answers{display:grid;gap:10px}.kp-battles-option{background:#203b5e;border:1px solid #536f96;display:flex;gap:13px;align-items:center;min-height:51px;padding:12px;border-radius:12px;cursor:pointer;overflow-wrap:anywhere}.kp-battles-option:focus-within{outline:2px solid #a6c9ff}.kp-battles-option input{accent-color:#88baff;min-height:18px;min-width:18px}.kp-battles-option span{line-height:1.4;color:#fff}
.kp-battles-message,.kp-battles-alert{background:#203b5c;color:#eaf3ff;border:1px solid #6081aa;padding:15px;border-radius:12px;margin:14px 0}.kp-battles-alert.is-error{background:#552534;border-color:#bb637a;color:#fff}.kp-battles-alert.is-success{background:#1f514a;border-color:#57a78f;color:#f4fffc}.kp-battles-review{margin-top:15px}.kp-battles-review summary{cursor:pointer;font-weight:800;min-height:40px}.kp-battles-review>div{border-top:1px solid #405b7e;padding:11px 0}
.kp-battles-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.kp-battles-metrics>div{background:#203854;border-radius:12px;padding:12px 7px;text-align:center}.kp-battles-metrics strong{display:block;color:#fff;font-size:1.6rem}.kp-battles-metrics span{font-size:.8rem;color:#cee0fa}.kp-battles-note{font-size:.9rem}
.kp-battles-list{display:grid;gap:8px}.kp-battles-list-item{display:flex;justify-content:space-between;align-items:center;gap:13px;background:#203853;padding:13px;border-radius:12px;border:1px solid #425e80;text-decoration:none;min-height:65px}.kp-battles-list-item strong{display:block;overflow-wrap:anywhere}.kp-battles-list-item small{display:block}.kp-battles-state{background:#2a5185;border-radius:9px;padding:7px 9px;white-space:nowrap;color:#fff;font-size:.86rem;font-weight:700}
.kp-battles-inline-link{display:inline-flex;min-height:40px;align-items:center;padding:7px 12px;background:#213f64;border-radius:10px;border:1px solid #5e7ea5;color:#e6f0ff!important;text-decoration:none;margin-top:10px}.kp-battle-badge{display:inline-flex;align-items:center;padding:5px 9px;background:#283e5f;color:#f6f9ff;border:1px solid #6d86a9;border-radius:8px;font-size:.8rem;font-weight:700;line-height:1.35;margin:3px 0;max-width:100%;overflow-wrap:anywhere}
@media(max-width:730px){.kp-battles-columns{grid-template-columns:1fr;gap:0}.kp-battles-list-item{align-items:flex-start;flex-direction:column}.kp-battles-state{white-space:normal}}