/* מסך הכניסה: דלפק הפיצרייה */
body.lobby-open{overflow:hidden}
#lobby{position:fixed;inset:0;z-index:30;overflow:hidden;background:#3A2A1E;color:#2B1A10;transition:opacity .4s ease}
#lobby[hidden]{display:none}

/* סצנה בגודל התמונה המוצגת (lobby.js קובע מידות ומיקום) */
.lb-scene{position:absolute;transform:scale(1.02);transition:transform .7s cubic-bezier(.5,0,.3,1),filter .7s ease}
.lb-scene img{display:block;width:100%;height:100%}

/* מסך הלקוח בגב הקופה */
.lb-screen{
  position:absolute;container-type:size;display:grid;place-items:center;
  background:linear-gradient(180deg,#0D2420,#081815);border-radius:3px;
  box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 14px 2px rgba(110,240,200,.35),inset 0 0 10px rgba(110,240,200,.25);
}
.lb-screen span{font-family:var(--font-display);font-size:68cqh;line-height:1;color:#A8FFE2;text-shadow:0 0 6px rgba(120,255,210,.9),0 0 14px rgba(120,255,210,.5);white-space:nowrap}
.lb-screen.ding span{animation:ding .55s ease-out}
@keyframes ding{0%{opacity:.2;transform:scale(.85)}35%{opacity:1;transform:scale(1.12)}100%{transform:none}}

.lb-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(20,10,4,.25),rgba(20,10,4,0) 45%),radial-gradient(120% 85% at 50% 30%,rgba(0,0,0,0) 45%,rgba(20,10,4,.45) 100%);transition:opacity .6s}

.lb-card{position:absolute;left:0;right:0;margin:0 auto;top:calc(6vh + env(safe-area-inset-top,0px));width:min(92vw,520px);background:rgba(255,251,243,.95);border-radius:24px;padding:20px 24px 18px;text-align:center;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);transition:opacity .35s,transform .35s}
.lb-logo{display:block;height:clamp(60px,10vh,92px);width:auto;margin:0 auto 6px}
.lb-card h1{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(32px,5vw,44px);line-height:1.1;color:#8E2311}
.lb-card p{margin:6px 0 0;font-size:17px;color:#4A3A2E}
.lb-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0 12px}
.lb-btn{all:unset;box-sizing:border-box;cursor:pointer;min-width:150px;padding:14px 22px;border-radius:14px;font-weight:700;font-size:18px;text-align:center}
.lb-btn.pri{background:#8E2311;color:#FFFFFF}
.lb-btn.sec{background:#FFFFFF;color:#8E2311;box-shadow:inset 0 0 0 2px #8E2311}
.lb-btn:focus-visible{outline:3px solid #1F5FD1;outline-offset:3px}
@media (hover:hover){.lb-btn.pri:hover{background:#A52B16}.lb-btn.sec:hover{background:#FFF1EC}}
.lb-card .lb-meta{font-size:14px;color:#5E4B3D}
.lb-meta a{color:#3F6B0A;font-weight:500}
/* כרטיס קומפקטי: lobby.js מפעיל אותו כשהכרטיס מסתיר את מסך הקופה ("שלום!") */
.lb-card.compact{top:calc(2vh + env(safe-area-inset-top,0px));padding:12px 14px 10px;border-radius:20px}
.lb-card.compact .lb-logo{height:clamp(46px,7vh,64px);margin-bottom:0}
.lb-card.compact h1{font-size:28px}
.lb-card.compact p{font-size:15.5px;margin-top:4px}
.lb-card.compact .lb-actions{flex-wrap:nowrap;gap:8px;margin:12px 0 8px}
.lb-card.compact .lb-btn{min-width:0;flex:1;padding:12px 10px;font-size:17px}
.lb-card.compact .lb-meta{font-size:13px}
.lb-a11y{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom,0px));inset-inline-start:12px;font-size:13px;color:#FFFFFF;background:rgba(20,10,4,.6);padding:4px 10px;border-radius:999px}
.lb-a11y:focus-visible{outline:3px solid #86B4FF;outline-offset:2px}

/* יציאה: שולחן הנירוסטה קופץ מלמטה (lobby.js), והדלפק נדחף קצת לאחור ומתעמעם */
#lobby.pushed .lb-card{opacity:0;transform:translateY(-30px) scale(.9);transition-duration:.25s}
#lobby.pushed .lb-scene{transform:scale(.94) translateY(-3%);filter:brightness(.6)}
#lobby.pushed .lb-a11y{opacity:0}
/* חזרה לדלפק: דהייה פנימה */
#lobby.leaving{opacity:0}

@media (prefers-reduced-motion: reduce){
  #lobby,#lobby *{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}
}