/*
    Archivo: assets/css/style.css
    Versión: 2.2.0
    Fecha: 2026-06-09 16:40 hrs.
    Descripción: Estilos responsive estilo Juego del UNO para acceso, lobby, enlace, IA y arena emoji de KIMUS Kombat.
*/
:root{
    --bg:#070814;
    --panel:rgba(13,18,38,.88);
    --panel2:rgba(18,24,46,.92);
    --line:rgba(100,255,225,.48);
    --neon:#64ffe1;
    --gold:#ffe66d;
    --orange:#ffbc4a;
    --red:#ff4f6d;
    --blue:#54b8ff;
    --green:#69ff9c;
    --text:#ffffff;
    --muted:#cfe2ff;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 12% 8%,rgba(255,230,109,.16),transparent 25%),radial-gradient(circle at 88% 14%,rgba(100,255,225,.16),transparent 28%),linear-gradient(160deg,#0b0615,#090814 55%,#030409);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:inherit;text-decoration:none}.hidden{display:none!important}.anti-bot-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.page-inicio,.page-salas,.lobby-page,.kk-page{background:radial-gradient(circle at 12% 8%,rgba(255,230,109,.16),transparent 25%),radial-gradient(circle at 88% 14%,rgba(100,255,225,.16),transparent 28%),linear-gradient(160deg,#0b0615,#090814 55%,#030409)}
body.kk-fight-page{overflow:hidden;touch-action:none}
.app-shell,.kk-shell{width:min(1280px,100%);margin:0 auto;padding:18px;display:flex;flex-direction:column;gap:18px}.fight-app-shell{height:100dvh;overflow:hidden}.hero-card,.kk-hero{position:relative;display:flex;align-items:center;gap:18px;border:2px solid var(--line);background:linear-gradient(145deg,rgba(18,27,55,.94),rgba(5,8,18,.9));border-radius:28px;padding:24px;box-shadow:0 0 28px rgba(100,255,225,.14)}.compact-hero{padding:20px 22px}.room-lobby-hero{padding:16px 20px}.hero-logo,.brand-mark,.kk-logo{width:100px;height:100px;display:grid;place-items:center;border-radius:26px;background:radial-gradient(circle,rgba(255,230,109,.24),rgba(100,255,225,.11));border:2px solid rgba(255,230,109,.48);box-shadow:0 0 22px rgba(255,230,109,.18)}.emoji-logo{font-size:56px;line-height:1}.eyebrow,.kk-eyebrow{margin:0 0 6px;color:var(--neon);font-weight:1000;text-transform:uppercase;letter-spacing:.1em;font-size:13px}.hero-card h1,.kk-hero h1,.brand-row h1,.kk-fight-top h1{margin:0;color:var(--gold);text-shadow:0 4px #000,0 0 18px rgba(255,230,109,.50);font-size:clamp(38px,6vw,72px);line-height:.95}.hero-subtitle,.hint{margin:8px 0 0;color:var(--muted);font-size:clamp(15px,2.2vw,20px);line-height:1.35}.panel,.kk-panel{border:2px solid var(--line);background:var(--panel);border-radius:24px;padding:20px;box-shadow:0 0 24px rgba(100,255,225,.10)}.section-title-row,.kk-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title-row.compact{margin-bottom:12px}.section-title-row h2,.kk-title-row h2,.panel h2{margin:0;color:#fff;font-size:clamp(24px,3vw,31px);text-shadow:0 2px #000}.pill,.kk-pill{border:2px solid var(--neon);border-radius:999px;padding:8px 13px;background:rgba(0,0,0,.25);font-weight:1000;white-space:nowrap;box-shadow:0 0 12px rgba(100,255,225,.12)}.btn,.kk-btn{border:2px solid var(--line);background:linear-gradient(145deg,#111b35,#050812);color:#fff;border-radius:17px;padding:12px 18px;font-weight:1000;cursor:pointer;box-shadow:0 0 12px rgba(100,255,225,.13);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:48px;font-size:17px}.btn:hover,.kk-btn:hover{filter:brightness(1.07)}.btn:active,.kk-btn:active{transform:scale(.98)}.btn-primary,.kk-btn-primary{border-color:var(--gold);background:linear-gradient(145deg,var(--gold),var(--orange));color:#111}.btn-danger,.kk-btn-danger{border-color:var(--red);background:linear-gradient(145deg,#541022,#16050b);color:#fff}.btn-ghost{background:linear-gradient(145deg,#101932,#050812)}.btn-bot{border-color:#caa6ff;background:linear-gradient(145deg,#342253,#0a0712)}.btn-block{width:100%}.btn-small{min-height:40px;padding:8px 12px;font-size:14px}.top-home-btn{align-self:flex-start}.top-mini-btn{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:2}.page-salas .hero-card{padding-left:160px}input,select{width:100%;border:2px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(0,0,0,.28);color:#fff;padding:14px 15px;font-weight:900;outline:none;font-size:16px}input:focus,select:focus{border-color:var(--neon);box-shadow:0 0 14px rgba(100,255,225,.16)}label{display:block;font-weight:1000;color:#eafaff;margin:8px 0 7px}.name-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.message-box{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.20);border-radius:15px;padding:10px 12px;color:var(--muted);margin-top:10px}.message-box.good{color:var(--green);border-color:rgba(105,255,156,.35)}.message-box.danger,.message-box.bad{color:var(--red);border-color:rgba(255,79,109,.40)}.profile-avatar-pick,.avatar-selector{margin:12px 0}.avatar-preview-btn{border:2px solid rgba(255,230,109,.42);background:rgba(255,255,255,.05);color:#fff;border-radius:24px;min-height:76px;padding:12px 18px;display:flex;gap:12px;align-items:center;justify-content:center;font-weight:1000;cursor:pointer}.big-avatar-picker{width:224px;min-height:224px;flex-direction:column}.avatar-preview-slot{display:grid;place-items:center}.emoji-avatar-preview{font-size:58px}.big-avatar-picker .emoji-avatar-preview{font-size:96px}.avatar-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(74px,1fr));gap:10px;margin-top:10px;max-width:820px}.avatar-choice{border:2px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;border-radius:17px;min-height:78px;display:grid;place-items:center;gap:3px;cursor:pointer}.avatar-choice.active{border-color:var(--neon);box-shadow:0 0 18px rgba(100,255,225,.22)}.avatar-choice span{font-size:34px}.avatar-choice small{font-weight:900}.profile-setup-panel{display:grid;grid-template-columns:224px 1fr;column-gap:22px;align-items:start}.profile-setup-panel .section-title-row,.profile-setup-panel .hint{grid-column:1/-1}.profile-setup-panel label,.profile-setup-panel .name-row,.profile-setup-panel .message-box{grid-column:2}.profile-menu-card{display:flex;gap:18px;align-items:center}.emoji-profile-avatar{width:112px;height:112px;display:grid;place-items:center;font-size:76px;border-radius:26px;border:2px solid rgba(255,230,109,.45);background:radial-gradient(circle,rgba(255,255,255,.12),rgba(0,0,0,.18))}.profile-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-title-row h2{margin:0;font-size:clamp(28px,4vw,42px)}.profile-inline-edit-btn{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer}.profile-rich-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.profile-rich-stats span{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.2);border-radius:999px;padding:7px 10px;color:var(--muted);font-weight:800}.main-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.home-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.salas-current-profile{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);border-radius:18px;padding:12px;margin:10px 0 14px}.mini-emoji-avatar{width:54px;height:54px;display:grid;place-items:center;font-size:34px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,230,109,.35)}.salas-current-profile small,.player-row small,.room-list-card small{display:block;color:var(--muted);font-weight:700}.salas-create-actions{margin-top:10px}.rooms-list{display:flex;flex-direction:column;gap:10px}.room-list-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid rgba(255,255,255,.12);border-radius:18px;padding:12px;background:rgba(0,0,0,.22)}.room-list-card.lobby{border-color:rgba(105,255,156,.45)}.room-list-card.playing{border-color:rgba(255,79,109,.45)}.room-list-card.finished{border-color:rgba(255,230,109,.45)}.brand-home-link{display:block}.brand-row{display:flex;gap:14px;align-items:center}.brand-row-compact .brand-mark{width:82px;height:82px;font-size:48px}.room-panel-compact{padding:14px 18px}.players-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.player-row{display:flex;align-items:center;gap:12px;border:2px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);border-radius:18px;padding:12px}.player-row.bot-player{border-color:rgba(202,166,255,.45)}.emoji-player-avatar{width:62px;height:62px;display:grid;place-items:center;font-size:42px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,230,109,.35)}.player-info strong{font-size:18px}.lobby-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.room-share-after-players{margin-top:14px;border-top:1px solid rgba(255,255,255,.10);padding-top:12px}.share-row-3{display:grid;grid-template-columns:1fr auto auto;gap:10px}.whatsapp-share-btn{border-color:#35d366;background:linear-gradient(145deg,#0e582f,#06150c)}.fk-stage{--stage-bg:#07122e;--stage-glow:#64ffe1;flex:1;min-height:0;position:relative;border:3px solid rgba(100,255,225,.7);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--stage-glow) 18%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--stage-bg) 70%, #151540),color-mix(in srgb,var(--stage-bg) 92%, #020309));box-shadow:0 0 28px rgba(100,255,225,.22),inset 0 0 45px rgba(255,255,255,.04)}.fk-bg-emoji{position:absolute;font-size:64px;opacity:.16;filter:blur(.2px);animation:floatBg 5s ease-in-out infinite}.fk-bg-emoji.e1{left:6%;top:18%}.fk-bg-emoji.e2{right:10%;top:20%;animation-delay:.8s}.fk-bg-emoji.e3{left:47%;top:9%;animation-delay:1.3s}.fk-bg-emoji.e4{right:38%;top:36%;animation-delay:2s}@keyframes floatBg{50%{transform:translateY(-12px) rotate(4deg)}}.fk-hud{position:absolute;top:8px;left:8px;right:8px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;z-index:8}.fk-hpbox{background:rgba(0,0,0,.42);border:2px solid rgba(255,255,255,.18);border-radius:16px;padding:8px}.fk-hpbox.right{text-align:right}.fk-name{font-weight:1000;color:#fff;text-shadow:0 2px #000}.fk-hp{height:16px;border-radius:999px;background:#250713;border:2px solid #000;overflow:hidden;margin-top:5px}.fk-hp i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--green),var(--gold),var(--red));transition:width .16s}.fk-hpbox span{display:block;min-height:18px;color:#cfe5ff;font-size:12px;font-weight:800}.fk-round{min-width:88px;text-align:center;background:var(--gold);color:#111;border:3px solid #000;border-radius:999px;padding:8px;font-weight:1000;box-shadow:0 3px #000}.fk-floor{position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(180deg,rgba(255,230,109,.08),rgba(0,0,0,.34)),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 18px,rgba(0,0,0,.03) 18px 36px);border-top:3px solid rgba(255,230,109,.55)}.fk-world-line{position:absolute;left:0;right:0;bottom:28%;height:3px;background:rgba(100,255,225,.45);box-shadow:0 0 16px rgba(100,255,225,.42)}.fk-layer{position:absolute;left:0;right:0;bottom:28%;height:1px;z-index:6}.fk-fighter{position:absolute;bottom:28%;left:0;width:92px;height:92px;display:grid;place-items:center;font-size:72px;z-index:7;filter:drop-shadow(0 12px 8px rgba(0,0,0,.55));transition:filter .08s}.fk-fighter.hit{animation:hitShake .16s linear 1;filter:drop-shadow(0 0 16px var(--red))}.fk-fighter.guard{filter:drop-shadow(0 0 16px var(--blue))}.fk-fighter.guard::after{content:'🛡️';position:absolute;font-size:32px;right:-10px;top:16px}.fk-fighter.dead{filter:grayscale(1) brightness(.6);transform-origin:center bottom}@keyframes hitShake{25%{margin-left:-7px}75%{margin-left:7px}}.fk-entity{position:absolute;bottom:0;left:0;font-size:38px;z-index:9;filter:drop-shadow(0 6px 6px rgba(0,0,0,.5))}.fk-entity.projectile{animation:spin .5s linear infinite}.fk-entity.effect{font-size:32px;font-weight:1000;color:#fff;text-shadow:0 2px #000;display:flex;align-items:center;gap:3px}.fk-entity.effect small{font-size:18px;color:var(--gold)}@keyframes spin{to{rotate:360deg}}.fk-combo{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%) scale(.5);opacity:0;color:var(--gold);font-size:70px;font-weight:1000;text-shadow:0 5px #000,0 0 22px rgba(255,230,109,.8);z-index:20}.fk-combo.show{animation:comboPop .45s ease-out 1}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}.fk-endmenu{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:rgba(0,0,0,.62);padding:14px}.fk-endbox{width:min(430px,94vw);background:linear-gradient(145deg,#161d39,#060814);border:3px solid var(--gold);border-radius:24px;padding:18px;text-align:center;box-shadow:0 0 30px rgba(255,230,109,.28)}.fk-endbox h2{margin:0;color:var(--gold);font-size:32px}.fk-endactions{display:grid;gap:9px;margin-top:12px}.fk-controls{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;z-index:30}.fk-pad,.fk-actions{display:grid;gap:6px}.fk-pad{grid-template-columns:repeat(3,1fr)}.fk-actions{grid-template-columns:repeat(4,1fr)}.fk-controls button{min-height:56px;border:2px solid rgba(255,255,255,.20);border-radius:16px;background:linear-gradient(145deg,#111b35,#050812);color:#fff;font-size:22px;font-weight:1000;touch-action:none}.fk-controls button small{display:block;font-size:10px;color:#cfe5ff}.fk-controls button.hold{border-color:var(--gold);box-shadow:0 0 18px rgba(255,230,109,.32);transform:translateY(1px)}.kk-ranking{display:flex;flex-direction:column;gap:7px}.kk-rank-head,.kk-rank-row{display:grid;grid-template-columns:44px 1fr 80px 55px 55px 90px;gap:8px;align-items:center;padding:10px;border-radius:14px}.kk-rank-head{background:rgba(255,255,255,.10);font-weight:900;color:var(--neon)}.kk-rank-row{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}.kk-rank-player{font-weight:900}.kk-center-panel{text-align:center}.kk-good{color:var(--green)}.kk-bad{color:var(--red)}pre{white-space:pre-wrap;text-align:left;background:rgba(0,0,0,.35);border-radius:14px;padding:12px;color:#ffd4dc}
@media (max-width:820px){.app-shell,.kk-shell{padding:10px;gap:12px}.hero-card,.kk-hero{padding:14px;align-items:flex-start}.hero-logo,.brand-mark,.kk-logo{width:68px;height:68px;border-radius:20px}.emoji-logo{font-size:40px}.hero-card h1,.kk-hero h1,.brand-row h1{font-size:clamp(30px,9vw,48px)}.hero-subtitle,.hint{font-size:15px}.profile-setup-panel{display:block}.big-avatar-picker{width:100%;min-height:126px}.big-avatar-picker .emoji-avatar-preview{font-size:66px}.avatar-picker-grid{grid-template-columns:repeat(4,1fr)}.name-row{grid-template-columns:1fr}.main-menu-grid,.home-grid,.lobby-actions{grid-template-columns:1fr}.page-salas .hero-card{padding-left:14px;padding-top:70px}.top-mini-btn{left:14px;top:14px;transform:none}.share-row-3{grid-template-columns:1fr}.profile-menu-card{align-items:flex-start}.emoji-profile-avatar{width:78px;height:78px;font-size:54px}.room-list-card{align-items:flex-start;flex-direction:column}.fk-hud{grid-template-columns:1fr 62px 1fr;gap:4px}.fk-round{min-width:62px;padding:6px 4px;font-size:12px}.fk-name{font-size:12px}.fk-hpbox{padding:6px}.fk-fighter{width:76px;height:76px;font-size:60px}.fk-controls{grid-template-columns:1fr;gap:6px}.fk-actions{grid-template-columns:repeat(4,1fr)}.fk-controls button{min-height:50px;font-size:20px}.fk-stage{border-radius:16px}.fight-app-shell .hero-card,.fight-app-shell .room-panel{display:none}.top-home-btn{display:none}}
@media (max-height:660px){.fight-app-shell .hero-card,.fight-app-shell .room-panel{display:none}.top-home-btn{display:none}.fk-controls button{min-height:44px}.fk-hud{top:5px}.fk-fighter{font-size:58px}}
/* Fin archivo: assets/css/style.css */


/* Base histórica: controles arcade tipo emulador */
.fk-controls-arcade{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:10px 4px 0}.fk-pad-arcade{position:relative;flex:0 0 178px;width:178px;height:178px;display:block}.fk-pad-arcade .fk-pad-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:18px;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(17,27,53,.94));border:2px solid rgba(255,255,255,.14);box-shadow:0 0 16px rgba(100,255,225,.10) inset}.fk-pad-arcade button{position:absolute;width:66px;height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid rgba(100,180,255,.45);border-radius:18px;background:linear-gradient(145deg,#111b35,#050812);color:#fff;font-size:28px;font-weight:1000;box-shadow:0 0 18px rgba(0,0,0,.25);touch-action:none}.fk-pad-arcade button small{display:block;font-size:10px;line-height:1;color:#cfe5ff}.fk-pad-arcade .up{left:56px;top:0}.fk-pad-arcade .left{left:0;top:56px}.fk-pad-arcade .right{right:0;top:56px}.fk-pad-arcade .down{left:56px;bottom:0}.fk-actions-arcade{display:grid;grid-template-columns:repeat(2,84px);grid-auto-rows:84px;gap:14px;justify-content:end;align-content:end;margin-left:auto}.fk-actions-arcade .arcade-btn,.fk-actions-arcade button{width:84px;height:84px;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 6px;border:2px solid rgba(255,255,255,.24);background:linear-gradient(145deg,#111b35,#050812);color:#fff;font-size:31px;font-weight:1000;box-shadow:0 0 16px rgba(0,0,0,.25);touch-action:none}.fk-actions-arcade button small{display:block;font-size:11px;line-height:1.05;color:#fff}.fk-actions-arcade .attack-punch{border-color:rgba(255,210,92,.85);box-shadow:0 0 18px rgba(255,210,92,.18)}.fk-actions-arcade .attack-throw{border-color:rgba(255,120,92,.85);box-shadow:0 0 18px rgba(255,120,92,.18)}.fk-actions-arcade .attack-special{border-color:rgba(96,214,255,.9);box-shadow:0 0 18px rgba(96,214,255,.18)}.fk-actions-arcade .attack-guard{border-color:rgba(154,116,255,.9);box-shadow:0 0 18px rgba(154,116,255,.18)}.fk-controls-arcade button.hold{border-color:var(--gold)!important;box-shadow:0 0 18px rgba(255,230,109,.38);transform:translateY(1px) scale(.98)}
@media (max-width:820px){.fk-controls-arcade{gap:14px;align-items:flex-end}.fk-pad-arcade{flex-basis:148px;width:148px;height:148px}.fk-pad-arcade button{width:56px;height:56px;font-size:24px}.fk-pad-arcade .up{left:46px;top:0}.fk-pad-arcade .left{left:0;top:46px}.fk-pad-arcade .right{right:0;top:46px}.fk-pad-arcade .down{left:46px;bottom:0}.fk-pad-arcade .fk-pad-core{width:42px;height:42px}.fk-actions-arcade{grid-template-columns:repeat(2,72px);grid-auto-rows:72px;gap:10px}.fk-actions-arcade .arcade-btn,.fk-actions-arcade button{width:72px;height:72px;font-size:26px}.fk-actions-arcade button small{font-size:10px}}
@media (max-width:560px){.fk-controls-arcade{position:sticky;bottom:0;left:0;right:0;padding:8px 0 max(6px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.28) 22%,rgba(0,0,0,.48));z-index:35}.fk-pad-arcade{flex-basis:136px;width:136px;height:136px}.fk-pad-arcade button{width:52px;height:52px;font-size:22px}.fk-pad-arcade .up{left:42px}.fk-pad-arcade .left{top:42px}.fk-pad-arcade .right{top:42px}.fk-pad-arcade .down{left:42px}.fk-actions-arcade{grid-template-columns:repeat(2,68px);grid-auto-rows:68px;gap:9px}.fk-actions-arcade .arcade-btn,.fk-actions-arcade button{width:68px;height:68px;font-size:24px}}

/* Upgrade 2.0.0: combate online moderno, controles separados, HUD extendido y sonido */
body.kk-fight-page{overflow:hidden;touch-action:none;overscroll-behavior:none}.kk-fight-page .fight-app-shell{height:100dvh;max-height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));overflow:hidden}.kk-fight-page .top-home-btn,.kk-fight-page .hero-card,.kk-fight-page .room-panel{display:none!important}.kk-fight-page .fk-stage{display:block!important;grid-row:1;min-height:0;height:auto;border-radius:18px}.kk-fight-page .fk-controls{grid-row:2;display:flex!important;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:60;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border:2px solid rgba(100,255,225,.45);border-radius:20px;background:linear-gradient(180deg,rgba(10,15,33,.90),rgba(2,4,12,.98));box-shadow:0 -8px 28px rgba(0,0,0,.38)}.fk-mini-bars{display:grid;gap:3px;margin-top:5px}.fk-mini-bars b{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;border:1px solid rgba(0,0,0,.45)}.fk-mini-bars b i{display:block;height:100%;width:0;transition:width .12s}.fk-mini-bars .energy i{background:linear-gradient(90deg,#52f7ff,#2c94ff)}.fk-mini-bars .guard i{background:linear-gradient(90deg,#aaff8c,#ffe66d)}.fk-mini-bars .fury i{background:linear-gradient(90deg,#ff4f6d,#ffb347)}.fk-cinema{position:absolute;inset:0;z-index:42;display:grid;place-items:center;background:radial-gradient(circle,rgba(0,0,0,.3),rgba(0,0,0,.72));pointer-events:none;animation:kkCinema .85s ease-out both}.fk-cinema strong{font-size:clamp(76px,20vw,180px);filter:drop-shadow(0 0 28px rgba(255,230,109,.65));animation:kkCinemaEmoji .9s ease-out both}.fk-cinema span{position:absolute;bottom:28%;left:50%;transform:translateX(-50%);font-size:clamp(34px,7vw,82px);font-weight:1000;color:var(--gold);text-shadow:0 5px #000,0 0 22px rgba(255,230,109,.7);white-space:nowrap}.fk-cinema.hidden{display:none}@keyframes kkCinema{from{opacity:0}20%{opacity:1}to{opacity:.96}}@keyframes kkCinemaEmoji{from{transform:scale(.35) rotate(-18deg)}55%{transform:scale(1.22) rotate(3deg)}to{transform:scale(1)}}.fk-fighter.stunned{filter:drop-shadow(0 0 18px #ffe66d) saturate(1.3)}.final-ready .attack-final{animation:kkFinalPulse .7s ease-in-out infinite alternate}@keyframes kkFinalPulse{from{box-shadow:0 0 14px rgba(255,79,109,.2)}to{box-shadow:0 0 30px rgba(255,79,109,.75);transform:scale(1.05)}}.fk-pad-arcade{position:relative;flex:0 0 166px;width:166px;height:166px;display:block}.fk-pad-arcade .fk-pad-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:16px;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(17,27,53,.94));border:2px solid rgba(255,255,255,.14);box-shadow:0 0 16px rgba(100,255,225,.14) inset}.fk-pad-arcade button{position:absolute;width:62px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid rgba(100,180,255,.55);border-radius:18px;background:linear-gradient(145deg,#111b35,#050812);color:#fff;font-size:25px;font-weight:1000;box-shadow:0 0 18px rgba(0,0,0,.25);touch-action:none;user-select:none}.fk-pad-arcade button small{display:block;font-size:9px;line-height:1;color:#cfe5ff}.fk-pad-arcade .up{left:52px;top:0}.fk-pad-arcade .left{left:0;top:52px}.fk-pad-arcade .right{right:0;top:52px}.fk-pad-arcade .down{left:52px;bottom:0}.fk-actions-arcade{flex:1;display:grid;grid-template-columns:repeat(4,minmax(58px,78px));grid-auto-rows:minmax(58px,78px);gap:9px;justify-content:end;align-content:center}.fk-actions-arcade .arcade-btn,.fk-actions-arcade button{width:100%;height:100%;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 4px;border:2px solid rgba(255,255,255,.24);background:linear-gradient(145deg,#111b35,#050812);color:#fff;font-size:25px;font-weight:1000;box-shadow:0 0 16px rgba(0,0,0,.25);touch-action:none;user-select:none}.fk-actions-arcade button small{display:block;font-size:9px;line-height:1.05;color:#fff}.fk-actions-arcade .attack-punch{border-color:rgba(255,210,92,.9)}.fk-actions-arcade .attack-kick{border-color:rgba(255,170,92,.9)}.fk-actions-arcade .attack-combo{border-color:rgba(255,230,109,.92)}.fk-actions-arcade .attack-object{border-color:rgba(255,120,92,.9)}.fk-actions-arcade .attack-special{border-color:rgba(96,214,255,.9)}.fk-actions-arcade .attack-super{border-color:rgba(202,166,255,.95)}.fk-actions-arcade .attack-final{border-color:rgba(255,79,109,.95)}.fk-actions-arcade .attack-sound{border-color:rgba(105,255,156,.85)}.fk-controls-arcade button.hold{border-color:var(--gold)!important;box-shadow:0 0 18px rgba(255,230,109,.42);transform:translateY(1px) scale(.97)}
@media (max-width:820px){.kk-fight-page .fight-app-shell{grid-template-rows:minmax(0,1fr) auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));gap:6px}.kk-fight-page .fk-stage{border-radius:16px}.fk-hud{top:6px;left:6px;right:6px;grid-template-columns:1fr 88px 1fr}.fk-round{min-width:78px;font-size:12px;line-height:1.15;padding:6px 4px}.fk-name{font-size:12px}.fk-hpbox{padding:6px}.fk-hp{height:14px}.fk-hpbox span{font-size:10px}.fk-fighter{width:78px;height:78px;font-size:61px}.fk-actions-arcade{grid-template-columns:repeat(4,1fr);grid-auto-rows:58px;gap:7px}.fk-actions-arcade .arcade-btn,.fk-actions-arcade button{font-size:22px;min-height:0}.fk-pad-arcade{flex-basis:132px;width:132px;height:132px}.fk-pad-arcade button{width:50px;height:50px;font-size:21px}.fk-pad-arcade .up{left:41px}.fk-pad-arcade .left{top:41px}.fk-pad-arcade .right{top:41px}.fk-pad-arcade .down{left:41px}.fk-pad-arcade .fk-pad-core{width:36px;height:36px}.fk-cinema span{bottom:31%}}
@media (max-width:520px){.kk-fight-page .fk-controls{gap:7px;padding:6px}.fk-pad-arcade{flex:0 0 118px;width:118px;height:118px}.fk-pad-arcade button{width:46px;height:46px;border-radius:15px}.fk-pad-arcade .up{left:36px}.fk-pad-arcade .left{top:36px}.fk-pad-arcade .right{top:36px}.fk-pad-arcade .down{left:36px}.fk-actions-arcade{grid-template-columns:repeat(4,1fr);grid-auto-rows:52px;gap:5px}.fk-actions-arcade .arcade-btn,.fk-actions-arcade button{font-size:20px}.fk-actions-arcade button small{font-size:8px}.fk-bg-emoji{font-size:46px}.fk-floor{height:24%}.fk-world-line{bottom:24%}.fk-layer,.fk-fighter{bottom:24%}.fk-cinema strong{font-size:92px}}
@media (max-height:620px){.fk-actions-arcade{grid-auto-rows:48px}.fk-pad-arcade{flex-basis:108px;width:108px;height:108px}.fk-pad-arcade button{width:42px;height:42px}.fk-pad-arcade .up{left:33px}.fk-pad-arcade .left{top:33px}.fk-pad-arcade .right{top:33px}.fk-pad-arcade .down{left:33px}.fk-fighter{font-size:54px}.fk-hud{top:4px}.fk-hpbox{padding:4px}.fk-hp{height:12px}.fk-mini-bars b{height:4px}}
.kk-ranking-wide{overflow-x:auto}.kk-rank-head-wide,.kk-rank-row-wide{grid-template-columns:44px minmax(170px,1fr) 80px 55px 55px 72px 72px 90px;min-width:720px}


/* Patch 2.0.1: jugabilidad, colisión corporal, bloqueo total y extremidades visibles */
.fk-fighter{display:block;transform-origin:center bottom;filter:drop-shadow(0 0 10px rgba(0,0,0,.35))}.fk-fighter .fk-body{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:.96em;line-height:1;z-index:2;filter:drop-shadow(0 0 8px rgba(255,230,109,.15))}.fk-fighter .fk-limb{position:absolute;line-height:1;transition:transform .11s ease,filter .11s ease,opacity .11s ease;transform-origin:center center;z-index:3;filter:drop-shadow(0 0 7px rgba(0,0,0,.32))}.fk-fighter .hand{font-size:25px;top:24px}.fk-fighter .hand.rear{left:12px;transform:rotate(-18deg)}.fk-fighter .hand.front{right:12px;transform:rotate(10deg)}.fk-fighter .foot{font-size:24px;bottom:6px}.fk-fighter .foot.rear{left:18px;transform:rotate(12deg)}.fk-fighter .foot.front{right:16px;transform:rotate(-10deg)}.fk-fighter[data-air="1"] .foot{bottom:14px}.fk-fighter[data-pose="guard"] .hand.rear{transform:translate(14px,4px) rotate(18deg)}.fk-fighter[data-pose="guard"] .hand.front{transform:translate(-12px,6px) rotate(-24deg)}.fk-fighter[data-pose="punch"] .hand.front{transform:translate(22px,-2px) scale(1.2) rotate(3deg);filter:drop-shadow(0 0 12px rgba(255,230,109,.55))}.fk-fighter[data-pose="kick"] .foot.front{transform:translate(22px,-10px) scale(1.2) rotate(-18deg);filter:drop-shadow(0 0 12px rgba(255,170,92,.55))}.fk-fighter[data-pose="strong"] .hand.front{transform:translate(28px,-5px) scale(1.28) rotate(-2deg)}.fk-fighter[data-pose="strong"] .hand.rear{transform:translate(10px,-4px) scale(1.12) rotate(-8deg)}.fk-fighter[data-pose="combo"] .hand.front{transform:translate(26px,-4px) scale(1.22) rotate(0deg)}.fk-fighter[data-pose="combo"] .foot.front{transform:translate(18px,-8px) scale(1.16) rotate(-16deg)}.fk-fighter[data-pose="throw"] .hand.front{transform:translate(20px,-18px) scale(1.16)}.fk-fighter[data-pose="special"] .hand.front,.fk-fighter[data-pose="super"] .hand.front,.fk-fighter[data-pose="final"] .hand.front{transform:translate(26px,-6px) scale(1.24)}.fk-fighter[data-pose="special"] .foot.front,.fk-fighter[data-pose="super"] .foot.front,.fk-fighter[data-pose="final"] .foot.front{transform:translate(16px,-10px) scale(1.18)}.fk-fighter.hit .fk-body{animation:kkBodyHit .14s ease}.fk-fighter.hit .fk-limb{filter:drop-shadow(0 0 14px rgba(255,180,92,.62))}.fk-fighter.guard .fk-limb{filter:drop-shadow(0 0 14px rgba(100,255,225,.6))}.fk-entity.effect{font-size:28px}.fk-entity.effect small:empty{display:none}@keyframes kkBodyHit{0%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(.9)}100%{transform:translateX(-50%) scale(1)}}@media (max-width:820px){.fk-fighter .hand{font-size:21px;top:20px}.fk-fighter .foot{font-size:20px;bottom:5px}}


/* Patch 2.1.0: escenarios por personaje, combate más largo, acacharse y animación más fluida */
.fk-stage-giant{position:absolute;inset:10% 0 auto 0;text-align:center;font-size:min(42vw,380px);line-height:1;opacity:.085;pointer-events:none;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--stage-glow) 55%, transparent));z-index:1;user-select:none}.fk-stage-label{position:absolute;left:50%;top:72px;transform:translateX(-50%);padding:5px 12px;border-radius:999px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.10);color:#dffeff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;z-index:7}.fk-fighter{display:block;transform-origin:center bottom;filter:drop-shadow(0 0 10px rgba(0,0,0,.35));animation:kkIdle 1.25s ease-in-out infinite}.fk-fighter .fk-body{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font-size:1.02em;line-height:1;z-index:2;filter:drop-shadow(0 0 8px rgba(255,230,109,.12))}.fk-fighter .fk-limb{position:absolute;line-height:1;transition:transform .12s cubic-bezier(.2,.7,.2,1),filter .12s ease,opacity .12s ease;transform-origin:center center;z-index:3;filter:drop-shadow(0 0 7px rgba(0,0,0,.28))}.fk-fighter .hand{font-size:23px;top:38px}.fk-fighter .hand.rear{left:8px;transform:translate(-6px,4px) rotate(-22deg)}.fk-fighter .hand.front{right:8px;transform:translate(6px,4px) rotate(16deg)}.fk-fighter .foot{font-size:19px;bottom:4px}.fk-fighter .foot.rear{left:20px;transform:translate(-4px,2px) rotate(14deg)}.fk-fighter .foot.front{right:20px;transform:translate(4px,2px) rotate(-12deg)}.fk-fighter[data-air="1"] .foot{bottom:12px}.fk-fighter[data-pose="idle"] .hand.rear,.fk-fighter[data-pose="idle"] .hand.front{animation:kkArmIdle .9s ease-in-out infinite alternate}.fk-fighter[data-pose="idle"] .foot.rear,.fk-fighter[data-pose="idle"] .foot.front{animation:kkFootIdle 1s ease-in-out infinite alternate}.fk-fighter[data-pose="guard"] .hand.rear{transform:translate(8px,-6px) rotate(6deg) scale(1.08)}.fk-fighter[data-pose="guard"] .hand.front{transform:translate(-8px,-8px) rotate(-12deg) scale(1.08)}.fk-fighter[data-pose="guard"] .foot.rear{transform:translate(-6px,4px) rotate(18deg)}.fk-fighter[data-pose="guard"] .foot.front{transform:translate(6px,4px) rotate(-18deg)}.fk-fighter[data-pose="crouch"] .fk-body{bottom:-2px;transform:translateX(-50%) scale(1.02,.90)}.fk-fighter[data-pose="crouch"] .hand.rear{transform:translate(-3px,14px) rotate(-14deg)}.fk-fighter[data-pose="crouch"] .hand.front{transform:translate(3px,14px) rotate(14deg)}.fk-fighter[data-pose="crouch"] .foot.rear{transform:translate(-3px,8px) rotate(10deg)}.fk-fighter[data-pose="crouch"] .foot.front{transform:translate(3px,8px) rotate(-10deg)}.fk-fighter[data-pose="punch"] .hand.front{transform:translate(28px,0px) scale(1.18) rotate(2deg);filter:drop-shadow(0 0 12px rgba(255,230,109,.60))}.fk-fighter[data-pose="punch"] .hand.rear{transform:translate(2px,3px) rotate(-12deg)}.fk-fighter[data-pose="kick"] .foot.front{transform:translate(26px,-10px) scale(1.22) rotate(-18deg);filter:drop-shadow(0 0 12px rgba(255,170,92,.58))}.fk-fighter[data-pose="kick"] .hand.front{transform:translate(8px,-2px) rotate(14deg)}.fk-fighter[data-pose="strong"] .hand.front{transform:translate(34px,-4px) scale(1.25) rotate(-3deg)}.fk-fighter[data-pose="strong"] .hand.rear{transform:translate(8px,-6px) scale(1.06)}.fk-fighter[data-pose="combo"] .hand.front{transform:translate(24px,-2px) scale(1.18) rotate(2deg);animation:kkRapidArm .16s linear 3}.fk-fighter[data-pose="combo"] .hand.rear{transform:translate(12px,-1px) scale(1.1);animation:kkRapidArm .16s linear 3 reverse}.fk-fighter[data-pose="combo"] .foot.front{transform:translate(18px,-5px) scale(1.08)}.fk-fighter[data-pose="throw"] .hand.front{transform:translate(18px,-16px) scale(1.1)}.fk-fighter[data-pose="special"] .hand.front,.fk-fighter[data-pose="super"] .hand.front,.fk-fighter[data-pose="final"] .hand.front{transform:translate(28px,-10px) scale(1.22)}.fk-fighter[data-pose="special"] .hand.rear,.fk-fighter[data-pose="super"] .hand.rear,.fk-fighter[data-pose="final"] .hand.rear{transform:translate(6px,-10px) scale(1.08)}.fk-fighter[data-pose="special"] .foot.front,.fk-fighter[data-pose="super"] .foot.front,.fk-fighter[data-pose="final"] .foot.front{transform:translate(14px,-6px) scale(1.1)}.fk-fighter.hit .fk-body{animation:kkBodyHit .14s ease}.fk-fighter.hit .fk-limb{filter:drop-shadow(0 0 14px rgba(255,180,92,.62))}.fk-fighter.guard .fk-limb{filter:drop-shadow(0 0 12px rgba(100,255,225,.45))}.fk-entity.effect{font-size:28px}.fk-entity.effect small:empty{display:none}@keyframes kkBodyHit{0%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(.92)}100%{transform:translateX(-50%) scale(1)}}@keyframes kkIdle{50%{transform:translateY(-1px)}}@keyframes kkArmIdle{from{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes kkFootIdle{from{transform:translateY(0)}to{transform:translateY(1px)}}@keyframes kkRapidArm{0%{transform:translate(12px,-2px) scale(1.08)}50%{transform:translate(30px,-1px) scale(1.22)}100%{transform:translate(12px,-2px) scale(1.08)}}@media (max-width:820px){.fk-stage-label{top:68px;font-size:10px;padding:4px 9px}.fk-stage-giant{font-size:min(48vw,250px)}.fk-fighter .hand{font-size:20px;top:32px}.fk-fighter .foot{font-size:17px;bottom:4px}.fk-fighter .hand.rear{left:6px}.fk-fighter .hand.front{right:6px}.fk-fighter .foot.rear{left:18px}.fk-fighter .foot.front{right:18px}}


/* Patch 2.1.1: estabiliza posición real, sin animar transform principal ni espejo falso */
.fk-fighter{animation:none!important;display:block!important;transform-origin:center bottom;will-change:transform;transition:filter .12s ease!important}.fk-fighter .fk-body{position:absolute!important;left:50%!important;bottom:7px!important;transform:translateX(-50%)!important;font-size:1.03em!important;line-height:1!important;z-index:3!important;animation:kkBodyBreath 1.25s ease-in-out infinite}.fk-fighter .fk-limb{position:absolute!important;line-height:1!important;z-index:4!important;transition:transform .12s cubic-bezier(.2,.7,.2,1),filter .12s ease,opacity .12s ease!important;filter:drop-shadow(0 0 6px rgba(0,0,0,.35))}.fk-fighter .hand{font-size:20px!important;top:36px!important}.fk-fighter .foot{font-size:17px!important;bottom:2px!important}.fk-fighter[data-dir="1"] .hand.rear{left:16px!important;right:auto!important;transform:translate(-8px,0) rotate(-18deg)!important}.fk-fighter[data-dir="1"] .hand.front{right:2px!important;left:auto!important;transform:translate(4px,-2px) rotate(8deg)!important}.fk-fighter[data-dir="1"] .foot.rear{left:24px!important;right:auto!important;transform:translate(-5px,1px) rotate(8deg)!important}.fk-fighter[data-dir="1"] .foot.front{right:18px!important;left:auto!important;transform:translate(2px,1px) rotate(-8deg)!important}.fk-fighter[data-dir="-1"] .hand.rear{right:16px!important;left:auto!important;transform:translate(8px,0) rotate(18deg)!important}.fk-fighter[data-dir="-1"] .hand.front{left:2px!important;right:auto!important;transform:translate(-4px,-2px) rotate(-8deg)!important}.fk-fighter[data-dir="-1"] .foot.rear{right:24px!important;left:auto!important;transform:translate(5px,1px) rotate(-8deg)!important}.fk-fighter[data-dir="-1"] .foot.front{left:18px!important;right:auto!important;transform:translate(-2px,1px) rotate(8deg)!important}.fk-fighter[data-pose="idle"] .hand.front,.fk-fighter[data-pose="idle"] .hand.rear{animation:kkArmBreath .7s ease-in-out infinite alternate}.fk-fighter[data-pose="idle"] .foot.front,.fk-fighter[data-pose="idle"] .foot.rear{animation:kkFootBreath .85s ease-in-out infinite alternate}.fk-fighter[data-pose="guard"] .hand.front{filter:drop-shadow(0 0 12px rgba(100,255,225,.65))}.fk-fighter[data-pose="guard"] .hand.rear{filter:drop-shadow(0 0 12px rgba(100,255,225,.45))}.fk-fighter[data-dir="1"][data-pose="guard"] .hand.front{transform:translate(-14px,-10px) rotate(-12deg) scale(1.08)!important}.fk-fighter[data-dir="1"][data-pose="guard"] .hand.rear{transform:translate(10px,-8px) rotate(8deg) scale(1.08)!important}.fk-fighter[data-dir="-1"][data-pose="guard"] .hand.front{transform:translate(14px,-10px) rotate(12deg) scale(1.08)!important}.fk-fighter[data-dir="-1"][data-pose="guard"] .hand.rear{transform:translate(-10px,-8px) rotate(-8deg) scale(1.08)!important}.fk-fighter[data-pose="crouch"] .fk-body{bottom:-1px!important;transform:translateX(-50%) scale(1.02,.86)!important}.fk-fighter[data-pose="crouch"] .hand.front,.fk-fighter[data-pose="crouch"] .hand.rear{top:45px!important}.fk-fighter[data-pose="crouch"] .foot.front,.fk-fighter[data-pose="crouch"] .foot.rear{bottom:-1px!important}.fk-fighter[data-dir="1"][data-pose="punch"] .hand.front{transform:translate(30px,-3px) scale(1.22) rotate(2deg)!important;filter:drop-shadow(0 0 14px rgba(255,230,109,.70))}.fk-fighter[data-dir="-1"][data-pose="punch"] .hand.front{transform:translate(-30px,-3px) scale(1.22) rotate(-2deg)!important;filter:drop-shadow(0 0 14px rgba(255,230,109,.70))}.fk-fighter[data-dir="1"][data-pose="kick"] .foot.front{transform:translate(32px,-9px) scale(1.26) rotate(-10deg)!important;filter:drop-shadow(0 0 14px rgba(255,170,92,.70))}.fk-fighter[data-dir="-1"][data-pose="kick"] .foot.front{transform:translate(-32px,-9px) scale(1.26) rotate(10deg)!important;filter:drop-shadow(0 0 14px rgba(255,170,92,.70))}.fk-fighter[data-dir="1"][data-pose="strong"] .hand.front,.fk-fighter[data-dir="1"][data-pose="combo"] .hand.front,.fk-fighter[data-dir="1"][data-pose="special"] .hand.front,.fk-fighter[data-dir="1"][data-pose="super"] .hand.front,.fk-fighter[data-dir="1"][data-pose="final"] .hand.front{transform:translate(34px,-6px) scale(1.25) rotate(1deg)!important}.fk-fighter[data-dir="-1"][data-pose="strong"] .hand.front,.fk-fighter[data-dir="-1"][data-pose="combo"] .hand.front,.fk-fighter[data-dir="-1"][data-pose="special"] .hand.front,.fk-fighter[data-dir="-1"][data-pose="super"] .hand.front,.fk-fighter[data-dir="-1"][data-pose="final"] .hand.front{transform:translate(-34px,-6px) scale(1.25) rotate(-1deg)!important}.fk-fighter[data-pose="combo"] .hand.front{animation:kkPunchQuick .18s linear 2}.fk-entity.effect{z-index:20!important}@keyframes kkBodyBreath{0%,100%{bottom:7px}50%{bottom:9px}}@keyframes kkArmBreath{from{margin-top:0}to{margin-top:-2px}}@keyframes kkFootBreath{from{margin-bottom:0}to{margin-bottom:1px}}@keyframes kkPunchQuick{0%,100%{filter:drop-shadow(0 0 8px rgba(255,230,109,.3))}50%{filter:drop-shadow(0 0 18px rgba(255,230,109,.85))}}
@media (max-width:820px){.fk-fighter .hand{font-size:18px!important;top:30px!important}.fk-fighter .foot{font-size:15px!important}.fk-fighter[data-dir="1"] .hand.front{right:0!important}.fk-fighter[data-dir="-1"] .hand.front{left:0!important}.fk-fighter[data-dir="1"] .foot.front{right:14px!important}.fk-fighter[data-dir="-1"] .foot.front{left:14px!important}}


/* Patch 2.1.2: expresiones, color de extremidades por jugador, pies corregidos y sala con cambio de emoji */
.rooms-fighter-btn{flex:1;justify-content:flex-start;min-height:72px;border-radius:18px}.rooms-fighter-btn .mini-emoji-avatar{flex:0 0 54px}.rooms-fighter-grid{grid-column:1/-1;margin-top:10px}.salas-fighter-change{align-items:center;gap:10px}.fk-fighter[data-slot="1"]{--limb-hue:185deg;--limb-sat:1.7}.fk-fighter[data-slot="2"]{--limb-hue:318deg;--limb-sat:1.8}.fk-fighter .fk-limb{filter:hue-rotate(var(--limb-hue,0deg)) saturate(var(--limb-sat,1.4)) drop-shadow(0 0 6px rgba(0,0,0,.36))!important}.fk-fighter[data-pose="guard"] .fk-limb{filter:hue-rotate(var(--limb-hue,0deg)) saturate(var(--limb-sat,1.5)) drop-shadow(0 0 12px rgba(100,255,225,.55))!important}.fk-fighter[data-pose="punch"] .hand.front,.fk-fighter[data-pose="strong"] .hand.front,.fk-fighter[data-pose="combo"] .hand.front{filter:hue-rotate(var(--limb-hue,0deg)) saturate(var(--limb-sat,1.7)) drop-shadow(0 0 16px rgba(255,230,109,.78))!important}.fk-fighter[data-pose="kick"] .foot.front{filter:hue-rotate(var(--limb-hue,0deg)) saturate(var(--limb-sat,1.7)) drop-shadow(0 0 16px rgba(255,170,92,.78))!important}.fk-pain-face{position:absolute;left:50%;top:-16px;transform:translateX(-50%);font-size:28px;z-index:8;filter:drop-shadow(0 0 10px rgba(255,230,109,.58));animation:kkPainFace .82s ease-out both;pointer-events:none}.fk-fighter[data-dir="1"] .foot.front{right:14px!important;left:auto!important;transform:translate(8px,2px) rotate(-3deg)!important}.fk-fighter[data-dir="1"] .foot.rear{left:22px!important;right:auto!important;transform:translate(-6px,2px) rotate(6deg)!important}.fk-fighter[data-dir="-1"] .foot.front{left:14px!important;right:auto!important;transform:translate(-8px,2px) scaleX(-1) rotate(3deg)!important}.fk-fighter[data-dir="-1"] .foot.rear{right:22px!important;left:auto!important;transform:translate(6px,2px) scaleX(-1) rotate(-6deg)!important}.fk-fighter[data-dir="1"][data-pose="kick"] .foot.front{transform:translate(34px,-8px) rotate(-8deg) scale(1.22)!important}.fk-fighter[data-dir="-1"][data-pose="kick"] .foot.front{transform:translate(-34px,-8px) scaleX(-1) scale(1.22) rotate(8deg)!important}.fk-fighter[data-pose="crouch"] .foot.front,.fk-fighter[data-pose="crouch"] .foot.rear{bottom:-2px!important}.fk-fighter .fk-body{animation:kkBodyBreathSlow 1.45s ease-in-out infinite!important}.fk-fighter[data-pose="idle"] .hand.front,.fk-fighter[data-pose="idle"] .hand.rear{animation:kkArmBreathSlow 1.05s ease-in-out infinite alternate!important}.fk-fighter[data-pose="idle"] .foot.front,.fk-fighter[data-pose="idle"] .foot.rear{animation:kkFootBreathSlow 1.15s ease-in-out infinite alternate!important}@keyframes kkPainFace{0%{opacity:0;transform:translateX(-50%) translateY(8px) scale(.6)}18%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.25)}100%{opacity:0;transform:translateX(-50%) translateY(-18px) scale(.95)}}@keyframes kkBodyBreathSlow{0%,100%{bottom:7px}50%{bottom:8px}}@keyframes kkArmBreathSlow{from{margin-top:0}to{margin-top:-1px}}@keyframes kkFootBreathSlow{from{margin-bottom:0}to{margin-bottom:.5px}}@media (max-width:820px){.fk-pain-face{font-size:22px;top:-13px}.rooms-fighter-btn{width:100%}.salas-fighter-change{flex-direction:column;align-items:stretch}}


/* === Ajustes v2.1.4 controles, manos, pies y colisión visual === */
.fk-pad-arcade{flex:0 0 196px!important;width:196px!important;height:196px!important}
.fk-pad-arcade button{width:74px!important;height:74px!important;font-size:30px!important;border-radius:22px!important}
.fk-pad-arcade .up{left:61px!important}.fk-pad-arcade .left{top:61px!important}.fk-pad-arcade .right{top:61px!important}.fk-pad-arcade .down{left:61px!important}
.fk-pad-arcade .fk-pad-core{width:52px!important;height:52px!important;border-radius:18px!important}
.fk-actions-arcade{grid-template-columns:repeat(3,minmax(64px,84px))!important;grid-auto-rows:minmax(64px,84px)!important;gap:10px!important}
.fk-actions-arcade .arcade-btn,.fk-actions-arcade button{font-size:26px!important}
.fk-actions-arcade .attack-assist{border-color:rgba(105,255,156,.85)!important}
@media (max-width:820px){.fk-pad-arcade{flex:0 0 156px!important;width:156px!important;height:156px!important}.fk-pad-arcade button{width:58px!important;height:58px!important;font-size:24px!important;border-radius:18px!important}.fk-pad-arcade .up{left:49px!important}.fk-pad-arcade .left{top:49px!important}.fk-pad-arcade .right{top:49px!important}.fk-pad-arcade .down{left:49px!important}.fk-pad-arcade .fk-pad-core{width:40px!important;height:40px!important}.fk-actions-arcade{grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:60px!important;gap:7px!important}}
@media (max-width:520px){.fk-pad-arcade{flex:0 0 136px!important;width:136px!important;height:136px!important}.fk-pad-arcade button{width:50px!important;height:50px!important;font-size:21px!important}.fk-pad-arcade .up{left:43px!important}.fk-pad-arcade .left{top:43px!important}.fk-pad-arcade .right{top:43px!important}.fk-pad-arcade .down{left:43px!important}.fk-actions-arcade{grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:54px!important}}

.fk-fighter{width:98px!important;height:104px!important;font-size:74px!important;pointer-events:none}
.fk-fighter .fk-body{z-index:5!important;bottom:10px!important;font-size:1.08em!important}
.fk-fighter .hand{z-index:12!important;font-size:24px!important;top:34px!important}
.fk-fighter .foot{z-index:3!important;font-size:24px!important;bottom:-3px!important}
.fk-fighter .hand.front,.fk-fighter .hand.rear{filter:hue-rotate(var(--limb-hue,0deg)) saturate(var(--limb-sat,1.7)) drop-shadow(0 0 9px rgba(0,0,0,.42))!important}
.fk-fighter[data-slot="1"]{--limb-hue:185deg;--limb-sat:1.9}
.fk-fighter[data-slot="2"]{--limb-hue:318deg;--limb-sat:1.9}
.fk-fighter[data-dir="1"] .hand.rear{left:14px!important;transform:translate(-8px,4px) rotate(-28deg)!important}
.fk-fighter[data-dir="1"] .hand.front{right:-2px!important;transform:translate(10px,-2px) rotate(10deg)!important}
.fk-fighter[data-dir="-1"] .hand.rear{right:14px!important;transform:translate(8px,4px) rotate(28deg)!important}
.fk-fighter[data-dir="-1"] .hand.front{left:-2px!important;transform:translate(-10px,-2px) rotate(-10deg)!important}
.fk-fighter[data-dir="1"] .foot.rear{left:18px!important;transform:translate(-1px,2px) rotate(2deg)!important}
.fk-fighter[data-dir="1"] .foot.front{right:14px!important;transform:translate(3px,2px) rotate(-2deg)!important}
.fk-fighter[data-dir="-1"] .foot.rear{right:18px!important;transform:translate(1px,2px) rotate(-2deg)!important}
.fk-fighter[data-dir="-1"] .foot.front{left:14px!important;transform:translate(-3px,2px) rotate(2deg)!important}
.fk-fighter[data-pose="idle"] .hand.rear{animation:kkRearArmFloat 0.95s ease-in-out infinite alternate!important}
.fk-fighter[data-pose="idle"] .hand.front{animation:kkFrontArmFloat 0.85s ease-in-out infinite alternate!important}
.fk-fighter[data-pose="idle"] .foot.front,.fk-fighter[data-pose="idle"] .foot.rear{animation:kkFootFloat 1s ease-in-out infinite alternate!important}
.fk-fighter[data-pose="punch"] .hand.front{transform:translate(var(--punch-x,30px),-2px) scale(1.28) rotate(0deg)!important}
.fk-fighter[data-dir="-1"][data-pose="punch"] .hand.front{transform:translate(-30px,-2px) scale(1.28) rotate(0deg)!important}
.fk-fighter[data-dir="1"][data-pose="kick"] .foot.front{transform:translate(30px,-10px) scale(1.34) rotate(-6deg)!important}
.fk-fighter[data-dir="-1"][data-pose="kick"] .foot.front{transform:translate(-30px,-10px) scale(1.34) rotate(6deg)!important}
.fk-fighter[data-dir="1"][data-pose="throw"] .hand.front,.fk-fighter[data-dir="1"][data-pose="special"] .hand.front,.fk-fighter[data-dir="1"][data-pose="super"] .hand.front,.fk-fighter[data-dir="1"][data-pose="assist"] .hand.front{transform:translate(24px,-7px) scale(1.22) rotate(4deg)!important}
.fk-fighter[data-dir="-1"][data-pose="throw"] .hand.front,.fk-fighter[data-dir="-1"][data-pose="special"] .hand.front,.fk-fighter[data-dir="-1"][data-pose="super"] .hand.front,.fk-fighter[data-dir="-1"][data-pose="assist"] .hand.front{transform:translate(-24px,-7px) scale(1.22) rotate(-4deg)!important}
.fk-fighter[data-pose="guard"] .hand.front{transform:translate(0,-14px) scale(1.18)!important}
.fk-fighter[data-dir="-1"][data-pose="guard"] .hand.front{transform:translate(0,-14px) scale(1.18)!important}
.fk-fighter[data-pose="crouch"] .fk-body{bottom:2px!important;transform:translateX(-50%) scale(1.02,.88)!important}
.fk-fighter[data-pose="crouch"] .hand.front,.fk-fighter[data-pose="crouch"] .hand.rear{top:42px!important}
.fk-fighter[data-pose="crouch"] .foot.front,.fk-fighter[data-pose="crouch"] .foot.rear{bottom:-2px!important}
.fk-entity.effect{z-index:24!important}
.fk-entity.projectile{z-index:14!important}
@keyframes kkRearArmFloat{from{transform:translate(-8px,4px) rotate(-28deg)}to{transform:translate(-10px,2px) rotate(-24deg)}}
@keyframes kkFrontArmFloat{from{transform:translate(10px,-2px) rotate(10deg)}to{transform:translate(12px,-4px) rotate(14deg)}}
@keyframes kkFootFloat{from{transform:translateY(0)}to{transform:translateY(1px)}}


/* Patch 2.2.0: controles de 6 botones, cruceta grande, puños adelante y pies firmes */
.kk-fight-page .fk-controls{gap:18px!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important}.fk-pad-arcade{flex:0 0 184px!important;width:184px!important;height:184px!important}.fk-pad-arcade .fk-pad-core{width:58px!important;height:58px!important;border-radius:20px!important}.fk-pad-arcade button{width:70px!important;height:70px!important;font-size:27px!important;border-radius:21px!important}.fk-pad-arcade .up{left:57px!important;top:0!important}.fk-pad-arcade .left{left:0!important;top:57px!important}.fk-pad-arcade .right{right:0!important;top:57px!important}.fk-pad-arcade .down{left:57px!important;bottom:0!important}.fk-actions-arcade{grid-template-columns:repeat(3,minmax(64px,88px))!important;grid-auto-rows:minmax(64px,82px)!important;max-width:300px!important;gap:10px!important;flex:0 1 300px!important}.fk-actions-arcade .arcade-btn,.fk-actions-arcade button{font-size:25px!important;border-radius:999px!important}.fk-actions-arcade .attack-assist{border-color:rgba(180,255,255,.95)!important;box-shadow:0 0 16px rgba(180,255,255,.17)!important}.fk-actions-arcade .attack-super,.fk-actions-arcade .attack-final,.fk-actions-arcade .attack-sound{display:none!important}.fk-fighter{width:104px!important;height:104px!important}.fk-fighter .fk-body{bottom:18px!important;font-size:1.05em!important;z-index:7!important}.fk-fighter .fk-limb{pointer-events:none!important}.fk-fighter .hand{font-size:26px!important;top:34px!important;z-index:28!important}.fk-fighter .foot{font-size:28px!important;bottom:1px!important;z-index:4!important}.fk-fighter[data-dir="1"] .hand.front{right:-15px!important;left:auto!important;transform:translate(12px,-4px) rotate(6deg)!important}.fk-fighter[data-dir="-1"] .hand.front{left:-15px!important;right:auto!important;transform:translate(-12px,-4px) rotate(-6deg)!important}.fk-fighter[data-dir="1"] .foot.front{right:25px!important;left:auto!important;transform:translate(2px,2px) rotate(-2deg)!important}.fk-fighter[data-dir="1"] .foot.rear{left:21px!important;right:auto!important;transform:translate(-2px,2px) rotate(4deg)!important}.fk-fighter[data-dir="-1"] .foot.front{left:25px!important;right:auto!important;transform:translate(-2px,2px) scaleX(-1) rotate(2deg)!important}.fk-fighter[data-dir="-1"] .foot.rear{right:21px!important;left:auto!important;transform:translate(2px,2px) scaleX(-1) rotate(-4deg)!important}.fk-fighter[data-dir="1"][data-pose="punch"] .hand.front{transform:translate(50px,-5px) scale(1.25) rotate(2deg)!important}.fk-fighter[data-dir="-1"][data-pose="punch"] .hand.front{transform:translate(-50px,-5px) scale(1.25) rotate(-2deg)!important}.fk-fighter[data-dir="1"][data-pose="kick"] .foot.front{transform:translate(52px,-10px) scale(1.25) rotate(-4deg)!important;z-index:18!important}.fk-fighter[data-dir="-1"][data-pose="kick"] .foot.front{transform:translate(-52px,-10px) scaleX(-1) scale(1.25) rotate(4deg)!important;z-index:18!important}.fk-fighter[data-dir="1"][data-pose="combo"] .hand.front,.fk-fighter[data-dir="1"][data-pose="throw"] .hand.front,.fk-fighter[data-dir="1"][data-pose="special"] .hand.front,.fk-fighter[data-dir="1"][data-pose="assist"] .hand.front{transform:translate(54px,-7px) scale(1.28) rotate(1deg)!important}.fk-fighter[data-dir="-1"][data-pose="combo"] .hand.front,.fk-fighter[data-dir="-1"][data-pose="throw"] .hand.front,.fk-fighter[data-dir="-1"][data-pose="special"] .hand.front,.fk-fighter[data-dir="-1"][data-pose="assist"] .hand.front{transform:translate(-54px,-7px) scale(1.28) rotate(-1deg)!important}.fk-fighter[data-pose="throw"] .hand.front,.fk-fighter[data-pose="special"] .hand.front,.fk-fighter[data-pose="assist"] .hand.front{filter:hue-rotate(var(--limb-hue,0deg)) saturate(var(--limb-sat,1.8)) drop-shadow(0 0 18px rgba(255,230,109,.88))!important}.fk-entity.effect{z-index:40!important;font-size:32px!important;text-shadow:0 2px #000,0 0 12px rgba(255,230,109,.65)!important}
@media (max-width:820px){.kk-fight-page .fk-controls{gap:9px!important;padding:7px!important}.fk-pad-arcade{flex:0 0 146px!important;width:146px!important;height:146px!important}.fk-pad-arcade button{width:56px!important;height:56px!important;font-size:22px!important}.fk-pad-arcade .up{left:45px!important}.fk-pad-arcade .left{top:45px!important}.fk-pad-arcade .right{top:45px!important}.fk-pad-arcade .down{left:45px!important}.fk-pad-arcade .fk-pad-core{width:44px!important;height:44px!important}.fk-actions-arcade{grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:56px!important;gap:6px!important;max-width:none!important;flex:1!important}.fk-actions-arcade .arcade-btn,.fk-actions-arcade button{font-size:20px!important}.fk-fighter .hand{font-size:22px!important}.fk-fighter .foot{font-size:24px!important}}
