.zen-pac{position:fixed;inset:0;z-index:10000;background:#070a1a}
.zen-pac[hidden]{display:none}
.zen-pac-card{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 12%,#273a70,#070a1a 67%);overflow:hidden}
.zen-pac-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:14px 22px;color:#fff;border-bottom:1px solid rgba(255,255,255,.17);background:rgba(7,10,26,.72);backdrop-filter:blur(8px)}
.zen-pac-head b{font:800 18px "Avenir Next",Arial,sans-serif}.zen-pac-head span{color:#eec432;font-size:13px}
.zen-pac-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:transparent;color:#fff;font-size:25px;cursor:pointer}
.zen-pac canvas{display:block;flex:1;min-height:0;width:100%;height:100%;touch-action:none}
.zen-pac-pad{display:none;flex:none;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,50px);place-content:center;gap:6px;padding:10px;background:linear-gradient(180deg,rgba(7,10,26,.55),rgba(7,10,26,.9))}
.zen-pac-pad button{display:grid;place-items:center;border:1px solid rgba(238,196,50,.6);border-radius:16px;background:rgba(255,255,255,.13);box-shadow:0 4px 0 rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.16);color:#fff;font-size:25px;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}
.zen-pac-pad button:active,.zen-pac-pad button.is-pressed{background:#eec432;color:#141827;box-shadow:0 1px 0 rgba(0,0,0,.3);transform:translateY(3px) scale(.96)}
.zen-pac-pad [data-dir="up"]{grid-column:2}.zen-pac-pad [data-dir="left"]{grid-column:1;grid-row:2}.zen-pac-pad [data-dir="down"]{grid-column:2;grid-row:2}.zen-pac-pad [data-dir="right"]{grid-column:3;grid-row:2}
.zen-pac-hint{flex:none;margin:0;padding:11px 16px;color:rgba(255,255,255,.84);font:13px "Avenir Next",Arial,sans-serif;text-align:center;background:rgba(7,10,26,.72)}.zen-pac-hint b{color:#eec432}
@media(max-width:640px){
  .zen-pac-head{padding:7px 12px;min-height:42px}.zen-pac-head b{font-size:15px}.zen-pac-head span{font-size:10px}
  .zen-pac-close{width:34px;height:34px;font-size:21px}
  .zen-pac canvas{flex:none;width:100%;height:100vw}
  .zen-pac-pad{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,46px);gap:5px;padding:6px}
  .zen-pac-pad button{border-radius:15px;font-size:26px}
  .zen-pac-hint{font-size:10px;padding:4px 10px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
