/* Pelade: Brezilya sokak sahası HUD */
#plaza{position:fixed;inset:0;z-index:90;background:#6eb6e8;overflow:hidden}
#plaza canvas{display:block;width:100%;height:100%;touch-action:none}
body.plaza-open{overflow:hidden}
body.plaza-open #app,body.plaza-open #bg,body.plaza-open #club3d,body.plaza-open #fphone,body.plaza-open #phFab,body.plaza-open #phBanner,body.plaza-open #matchwrap{visibility:hidden;pointer-events:none}
body.plaza-open #toast{z-index:80}

.pz-hud{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;padding:max(10px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}
.pz-top{display:flex;align-items:center;gap:10px;pointer-events:auto}
.pz-back{border:1px solid rgba(255,220,160,.25);background:rgba(20,10,6,.72);color:#ffe7c2;border-radius:999px;padding:8px 14px;font:800 13px var(--f-b);letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.pz-back:hover{background:rgba(40,18,8,.9)}
.pz-brand{display:grid;line-height:1.05}
.pz-brand small{font:800 10px var(--f-b);letter-spacing:.22em;text-transform:uppercase;color:#f0a050}
.pz-brand b{font:900 28px/1 var(--f-d);letter-spacing:.06em;color:#fff6e4;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.pz-on{margin-left:auto;display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(12,8,6,.65);border:1px solid rgba(255,255,255,.1);font:800 12px var(--f-b);color:#efe4d2}
.pz-on i{width:8px;height:8px;border-radius:50%;background:#35d07f;box-shadow:0 0 8px #35d07f;display:block}

.pz-hint{align-self:end;justify-self:center;margin-bottom:8px;font:700 12px var(--f-b);letter-spacing:.08em;color:rgba(255,236,210,.72);text-shadow:0 1px 8px #000;pointer-events:none;transition:opacity .4s}
.pz-hint.hide{opacity:0}

.pz-prompt{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);pointer-events:auto;border:0;padding:10px 18px;border-radius:999px;
  background:rgba(18,8,4,.82);color:#ffe7c2;font:800 13px var(--f-b);letter-spacing:.06em;box-shadow:0 8px 22px rgba(0,0,0,.4);cursor:pointer;
  border:1px solid rgba(242,193,74,.45)}
.pz-prompt[hidden]{display:none}
.pz-score{position:absolute;top:64px;left:50%;transform:translateX(-50%);display:flex;align-items:baseline;gap:12px;padding:8px 16px;border-radius:14px;
  background:rgba(12,8,6,.75);border:1px solid rgba(255,210,140,.25);color:#fff6e4;pointer-events:none;font:800 14px var(--f-d);letter-spacing:.08em}
.pz-score[hidden]{display:none}
.pz-score b{color:#f2c14a}
.pz-score span{font-size:22px}
.pz-score em{font-style:normal;color:#f0a050}

.pz-bot{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:end;pointer-events:none}
.pz-stick{width:96px;height:96px;border-radius:50%;background:rgba(20,10,6,.45);border:1px solid rgba(255,210,140,.22);position:relative;pointer-events:auto;touch-action:none;box-shadow:inset 0 0 18px rgba(0,0,0,.35)}
.pz-knob{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe7b0,#e0892a);box-shadow:0 4px 10px rgba(0,0,0,.4);pointer-events:none}
.pz-chat{display:flex;gap:8px;pointer-events:auto;background:rgba(16,8,5,.78);border:1px solid rgba(255,210,140,.22);border-radius:16px;padding:8px;backdrop-filter:blur(10px)}
.pz-chat input{flex:1;min-width:0;border:0;background:transparent;color:#fff6e4;font:600 15px var(--f-b);padding:8px 10px;outline:none}
.pz-chat input::placeholder{color:rgba(255,230,190,.4)}
.pz-chat button{border:0;border-radius:12px;background:linear-gradient(180deg,#f2c14a,#e0892a);color:#2a1604;font:800 13px var(--f-d);letter-spacing:.08em;padding:0 16px;text-transform:uppercase}
.pz-bbls{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pz-bbl{position:absolute;left:0;top:0;max-width:220px;padding:8px 12px 10px;border-radius:16px 16px 16px 4px;background:#fffaf0;color:#2a1608;font:700 14px/1.25 var(--f-b);box-shadow:0 8px 18px rgba(0,0,0,.35);white-space:pre-wrap;word-break:break-word;transform:translate(-50%,-120%);opacity:0;transition:opacity .15s}
.pz-bbl.on{opacity:1}
.pz-bbl::after{content:"";position:absolute;left:18px;bottom:-7px;border:8px solid transparent;border-top-color:#fffaf0;border-bottom:0}

@media (min-width:900px){
  .pz-stick{opacity:.35}
  .pz-hint{justify-self:start;margin-left:8px}
  .pz-bot{grid-template-columns:1fr minmax(280px,520px) 1fr}
  .pz-stick{grid-column:1}
  .pz-chat{grid-column:2}
}

/* Loja de Futebol paneli */
.pz-shop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 28px));pointer-events:auto;display:grid;gap:8px;padding:16px;border-radius:18px;
  background:linear-gradient(180deg,rgba(20,83,45,.96),rgba(10,40,22,.96));border:2px solid #ffdf00;box-shadow:0 24px 60px rgba(0,0,0,.55);color:#fff6e4}
.pz-shop[hidden]{display:none}
.pz-shop-h{display:grid;grid-template-columns:1fr auto;align-items:center}
.pz-shop-h small{grid-column:1;font:800 10px var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:#ffdf00}
.pz-shop-h b{grid-column:1;font:900 28px/1 var(--f-d);letter-spacing:.04em}
.pz-shop-h .pz-x{grid-column:2;grid-row:1/3;border:0;background:rgba(0,0,0,.3);color:#fff;width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer}
.pz-shop p{margin:0 0 4px;font:600 14px var(--f-b);color:#d8f0dc}
.pz-shop [data-go]{display:grid;gap:2px;text-align:left;border:1px solid rgba(255,223,0,.35);background:rgba(255,255,255,.06);color:#fff6e4;border-radius:12px;padding:10px 14px;cursor:pointer}
.pz-shop [data-go]:hover{background:rgba(255,223,0,.14);border-color:#ffdf00}
.pz-shop [data-go] b{font:900 18px var(--f-d);letter-spacing:.04em;text-transform:uppercase}
.pz-shop [data-go] span{font:600 12px var(--f-b);color:#bfe0c6}
/* top sektirme */
.pz-jbtn{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(96px,calc(env(safe-area-inset-bottom) + 96px));width:112px;height:112px;border:0;border-radius:50%;
  font:900 17px var(--f-d,system-ui);letter-spacing:.06em;color:#1a1206;background:radial-gradient(circle at 35% 30%,#fff3c4,#f2c14a 60%,#b8862a);box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 -4px 0 rgba(0,0,0,.18);cursor:pointer;touch-action:manipulation;transition:transform .08s,box-shadow .12s}
.pz-jbtn[hidden]{display:none}
.pz-jbtn:active{transform:scale(.93)}
.pz-jbtn.hot{box-shadow:0 0 0 6px rgba(53,208,127,.85),0 0 40px rgba(53,208,127,.8),0 10px 30px rgba(0,0,0,.45)}
@media (pointer:fine){.pz-jbtn{width:92px;height:92px;font-size:14px}}
/* telefonda ekran kilidi (Pelade) */
#plaza{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
#plaza canvas,#plaza .pz-stick,#plaza .pz-jbtn{touch-action:none}
#plaza button{touch-action:manipulation}
#plaza input{-webkit-user-select:text;user-select:text}