.pa-page{max-width:1160px;margin:auto;padding:10px 12px 32px;color:var(--text-color,#0f172a);font-family:Poppins,Arial,sans-serif}.pa-heading{text-align:center;margin:0 0 8px}.pa-heading>a{color:#0878df;text-decoration:none;font-weight:700;font-size:12px}.pa-heading h1{font-size:clamp(19px,2.6vw,27px);margin:1px 0;color:var(--text-color,#0f172a)}.pa-heading em{color:#0878df;font-style:normal}.pa-heading p{color:var(--text-sub,#64748b);font-size:12px;margin:0}.pa-panel{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:13px;padding:8px;max-width:1040px;margin:auto;box-shadow:0 8px 22px #0000000a}.pa-hud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:7px}.pa-hud>div{text-align:center;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:3px 2px;min-width:0}.pa-hud small{display:block;font-size:9px;color:var(--text-sub,#64748b);letter-spacing:1px;font-weight:700}.pa-hud strong{display:block;font-size:clamp(11px,1.4vw,17px);white-space:nowrap;line-height:1.4;color:var(--text-color,#0f172a)}.pa-stage{position:relative;height:min(56dvh,590px);min-height:190px;background:#101b3a;border-radius:9px;overflow:hidden}.pa-stage canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none}.pa-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,12,29,.78);color:#fff;padding:10px;z-index:2}.pa-overlay[hidden]{display:none}.pa-dialog{text-align:center;max-width:440px;padding:8px}.pa-dialog>span{font-size:36px}.pa-dialog h2{font-size:clamp(17px,3vw,28px);color:#fff;margin:5px 0}.pa-dialog p{color:#dbeafe;font-size:13px;line-height:1.5;margin:6px 0 12px}.pa-dialog button{border:0;border-radius:9px;padding:10px 20px;background:#0878df;color:white;font:700 13px Poppins,Arial,sans-serif;cursor:pointer}.pa-dialog small{display:block;color:#cbd5e1;font-size:10px;margin-top:10px}.pa-toast{position:absolute;top:13%;left:50%;transform:translateX(-50%);font-weight:800;font-size:20px;color:#fff;text-shadow:0 2px 7px #000;pointer-events:none}.pa-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}.pa-move,.pa-actions{display:flex;gap:6px}.pa-controls button{font:700 12px Poppins,Arial,sans-serif;border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-color,#0f172a);border-radius:8px;min-height:40px;padding:6px 12px;cursor:pointer;touch-action:none;user-select:none}.pa-move button{min-width:50px;background:#0878df;color:#fff;border-color:#0878df}.pa-move .pa-jump{min-width:90px;background:#16a34a;border-color:#16a34a}.pa-controls button:active,.pa-controls button.held{filter:brightness(.8)}.pa-info{max-width:1040px;margin:20px auto;color:var(--text-sub,#64748b);font-size:13px;line-height:1.7}.pa-info h2{color:var(--text-color,#0f172a);font-size:19px}@media(max-width:650px){.pa-page{padding:7px 6px 20px}.pa-panel{padding:5px}.pa-stage{height:min(53dvh,460px)}.pa-hud{gap:2px}.pa-hud small{font-size:8px}.pa-controls{justify-content:center;gap:6px}.pa-controls button{padding:6px 8px;font-size:11px;min-height:38px}.pa-move button{min-width:44px}.pa-move .pa-jump{min-width:80px}}@media(max-height:650px){.pa-heading p{display:none}.pa-stage{height:46dvh}.pa-controls button{min-height:33px}}

/* EKO24.NET Games unified logo: original bottom-right placement */
.pa-stage{position:relative}
.pa-stage .eko-game-logo{position:absolute;right:10px;bottom:8px;left:auto;top:auto;z-index:5;display:flex;align-items:center;justify-content:center;padding:4px 7px;border-radius:7px;background:rgba(5,15,38,.76);border:1px solid rgba(255,255,255,.18);pointer-events:none;opacity:1}
.pa-stage .eko-game-logo img{display:block;width:auto;height:clamp(17px,2.5vw,26px);max-width:min(145px,28vw);object-fit:contain}
.pa-stage .eko-game-logo .eko-logo-light{display:none}
body.light-mode .pa-stage .eko-game-logo .eko-logo-dark{display:none}
body.light-mode .pa-stage .eko-game-logo .eko-logo-light{display:block}
body.dark-mode .pa-stage .eko-game-logo .eko-logo-dark{display:block}
body.dark-mode .pa-stage .eko-game-logo .eko-logo-light{display:none}
@media(max-width:600px){.pa-stage .eko-game-logo{right:6px;bottom:5px;padding:3px 5px}}

/* V9: logo is in the controls row, never overlays the active game canvas. */
.pa-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.pa-controls > .eko-controls-logo{order:10;flex:0 0 auto;margin-left:auto;display:flex;align-items:center;justify-content:center;padding:3px 7px;min-height:32px;max-width:140px;border:1px solid var(--border-color,#e2e8f0);border-radius:7px;background:var(--card-bg,#fff);pointer-events:none}
.pa-controls > .eko-controls-logo img{display:block;width:auto;height:24px;max-width:118px;object-fit:contain}
.pa-controls > .eko-controls-logo .eko-logo-light{display:none}
body.light-mode .pa-controls > .eko-controls-logo .eko-logo-dark{display:none}
body.light-mode .pa-controls > .eko-controls-logo .eko-logo-light{display:block}
body.dark-mode .pa-controls > .eko-controls-logo .eko-logo-dark{display:block}
body.dark-mode .pa-controls > .eko-controls-logo .eko-logo-light{display:none}
@media(max-width:650px){.pa-controls > .eko-controls-logo{margin-left:auto;padding:2px 5px;min-height:29px}.pa-controls > .eko-controls-logo img{height:20px;max-width:90px}}

/* Shared EKO24 fullscreen button and logo transparency in normal mode */
.pa-controls > .eko-controls-logo{background:transparent!important;border:0!important;box-shadow:none!important;opacity:.58!important;padding:0 4px!important}


/* EKO24.NET mobile gameplay layout v10 */
@media (max-width:650px){
  .pa-stage{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9;
  }
  .pa-stage canvas{
    width:100%;
    height:100%;
    object-fit:fill;
  }
  .pa-controls{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
  }
  .pa-controls > .pa-move{
    order:1;
    display:flex;
    align-items:center;
    width:100%;
    gap:9px;
  }
  .pa-move button{
    min-width:60px;
    min-height:58px;
    font-size:19px;
  }
  .pa-move .pa-jump{
    margin-left:auto;
    min-width:115px;
    min-height:58px;
    font-size:15px;
  }
  .pa-controls > .pa-actions{
    order:2;
    display:flex;
    flex:1 1 100%;
    gap:6px;
    flex-wrap:wrap;
  }
  .pa-actions button{flex:1 1 30%;min-height:42px}
  .pa-controls > [data-eko-fullscreen]{
    order:3;
    flex:1 1 auto;
    min-height:42px;
  }
  .pa-controls > .eko-controls-logo{order:4;margin-left:auto}
}

/* v11: reliable multi-touch controls, larger tap targets and legible mobile HUD */
.pa-move button,[data-pa]{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;cursor:pointer}
.pa-stage canvas{display:block;touch-action:pan-y}
@media(max-width:650px){
.pa-panel{max-width:100%;min-width:0}
.pa-hud{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px!important}
.pa-hud>div{min-width:0;padding:6px 2px!important;text-align:center}
.pa-hud small{font-size:9px!important;letter-spacing:0!important}
.pa-hud strong{font-size:12px!important;white-space:nowrap}
.pa-move{display:grid!important;grid-template-columns:1fr 1fr 1.55fr;gap:10px!important}
.pa-move button{width:100%;min-width:0!important;min-height:66px!important;border-radius:14px!important;font-size:23px!important;touch-action:none}
.pa-move .pa-jump{min-width:0!important;margin-left:0!important;font-size:17px!important}
.pa-move button.held{transform:scale(.96);filter:brightness(1.25)}
.pa-stage{overflow:hidden}
.pa-dialog{max-width:94%;padding:12px!important}
.pa-dialog h2{font-size:clamp(16px,4.5vw,26px)!important}
.pa-dialog p{font-size:12px!important;margin:5px 0!important}
.pa-dialog small{display:none}
}

/* v12: JUMP centered between left and right on mobile */
@media(max-width:650px){
 .pa-controls>.pa-move{width:100%;display:grid!important;grid-template-columns:1fr 1.35fr 1fr!important;gap:9px!important}
 .pa-move [data-pa="left"]{order:1}
 .pa-move [data-pa="jump"]{order:2;margin:0!important;min-width:0!important}
 .pa-move [data-pa="right"]{order:3}
}