/* Mini-jeu Pizza Catch (copie du style de pizza.nofa.fr) — chargé sur les pages avec le formulaire de réservation */
/* ---------- v1.7 : mini-jeu Pizza Catch (style rétro) ---------- */
.playbtn{margin:.4em 0 .8em}
.gwrap{border:0;padding:10px;margin:auto;background:transparent;max-width:100vw;max-height:100vh;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.gwrap::backdrop{background:rgba(5,3,15,.82)}
.gpanel{position:relative;width:min(460px,100%);max-height:96vh;overflow:auto;background:#140f2e;color:#f3eee2;border:3px solid #ffcc33;border-radius:14px;box-shadow:0 0 0 4px #140f2e,0 0 30px rgba(255,204,51,.35);padding:14px 10px 16px;text-align:center;font-family:"DM Sans",system-ui,sans-serif}
.gx{position:absolute;top:6px;right:8px;background:none;border:0;color:#ffcc33;font-size:1.3rem;cursor:pointer}
.gtitle{font-family:"Courier New",monospace;font-weight:800;letter-spacing:.06em;color:#ffcc33;text-transform:uppercase;font-size:1.5rem;margin:.3em 0 .1em;text-shadow:3px 3px 0 #e2412b}
.gsub{margin:0 0 .6em;color:#c9c2e8}.grules{font-size:.92rem;line-height:1.4}.grules small{color:#a99fd6}
.gh3{font-family:"Courier New",monospace;color:#7fe0ff;text-transform:uppercase;font-size:1rem;margin:1em 0 .4em}
.gtop{list-style:none;padding:0;margin:0 auto;max-width:300px}.gtop li{display:flex;gap:8px;align-items:center;justify-content:space-between;background:#221a4a;border-radius:8px;padding:6px 10px;margin:4px 0;font-size:1rem}
.gtop li b{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtop li em{font-style:normal;color:#ffcc33;font-weight:800;font-family:"Courier New",monospace}
.gtop li:first-child{font-size:1.15rem;background:#3a2a10;border:1px solid #ffcc33}.gtop li.me{outline:2px solid #7fe0ff}
.gnone{color:#a99fd6}.gbest{color:#7fe0ff;margin:.6em 0 0}
.gbtn{display:inline-block;margin:.9em .2em 0;background:#ffcc33;color:#140f2e;border:0;border-radius:10px;padding:.7em 1.6em;font:800 1rem "Courier New",monospace;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 0 #b8860b}
.gbtn:active{transform:translateY(3px);box-shadow:0 1px 0 #b8860b}.gbtn.ghost{background:#2c2360;color:#ffcc33;box-shadow:0 4px 0 #120c2c}
.ghud{display:flex;justify-content:space-between;font:800 1rem "Courier New",monospace;color:#ffcc33;padding:0 38px 6px 6px}
.gcv{display:block;margin:0 auto;border-radius:8px;border:2px solid #2c2360;cursor:none}
.gbig{font:800 3rem "Courier New",monospace;color:#ffcc33;margin:.1em 0}.gbig small{font-size:1rem}
.grec{color:#7fff9a;font-weight:800}
.gform label{display:block;font-size:.9rem;margin:.6em auto 0;max-width:300px;text-align:left}.gform input{width:100%;margin-top:4px;padding:.6em;border-radius:8px;border:2px solid #7fe0ff;background:#0b0820;color:#fff;font-size:1rem}
.gerr{color:#ff8a7a}.gok{color:#7fff9a;font-weight:700}

/* ---------- v1.7.1 : bouton du jeu façon borne d'arcade ---------- */
.arcade{position:relative;display:block;width:100%;max-width:360px;margin:.6em auto 1em;padding:16px 14px 12px;border:3px solid #ffcc33;border-radius:16px;overflow:hidden;cursor:pointer;
  background:radial-gradient(ellipse at 50% 120%,#3b1d6e 0,#140f2e 55%,#0b0820 100%);color:#f3eee2;text-align:center;font-family:"Courier New",monospace;
  box-shadow:0 0 0 3px #140f2e,0 6px 0 #b8860b,0 10px 24px rgba(255,204,51,.35);animation:arcGlow 1.6s ease-in-out infinite;transition:transform .12s}
.arcade[hidden]{display:none}
.arcade:hover{transform:translateY(-2px) scale(1.02)}.arcade:active{transform:translateY(3px);box-shadow:0 0 0 3px #140f2e,0 2px 0 #b8860b}
.arcade:focus-visible{outline:3px solid #7fe0ff;outline-offset:3px}
.arc-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 78% 30%,#fff 50%,transparent 51%),
  radial-gradient(1.5px 1.5px at 40% 70%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 90% 80%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 25% 88%,#fff 50%,transparent 51%),
  radial-gradient(1.5px 1.5px at 62% 12%,#fff 50%,transparent 51%);opacity:.8;animation:arcTwinkle 2.4s ease-in-out infinite}
.arc-fall i{position:absolute;top:-30px;font-style:normal;font-size:1.3rem;animation:arcFall 3s linear infinite;opacity:.9}
.arc-fall i:nth-child(1){left:8%;animation-delay:0s}.arc-fall i:nth-child(2){left:84%;animation-delay:1.1s;font-size:1rem}.arc-fall i:nth-child(3){left:62%;animation-delay:2s;font-size:1.5rem}
.arcade>span:not(.arc-stars):not(.arc-fall){position:relative;display:block}
.arc-sub{font-size:.8rem;color:#c9c2e8;letter-spacing:.04em}
.arc-title{font-weight:900;font-size:1.55rem;letter-spacing:.06em;color:#ffcc33;text-shadow:3px 3px 0 #e2412b,0 0 12px rgba(255,204,51,.6);margin:.15em 0}
.arc-go{display:inline-block!important;margin:.35em auto .3em;padding:.45em 1.4em;background:#ffcc33;color:#140f2e;border-radius:10px;font-weight:900;font-size:1.1rem;box-shadow:0 4px 0 #b8860b;animation:arcBlink 1s steps(2,start) infinite}
.arc-champ{font-size:.78rem;color:#7fe0ff;min-height:1.2em;font-family:"DM Sans",system-ui,sans-serif;font-weight:700}
@keyframes arcGlow{0%,100%{box-shadow:0 0 0 3px #140f2e,0 6px 0 #b8860b,0 10px 22px rgba(255,204,51,.3)}50%{box-shadow:0 0 0 3px #140f2e,0 6px 0 #b8860b,0 10px 34px rgba(255,204,51,.7)}}
@keyframes arcFall{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(190px) rotate(300deg)}}
@keyframes arcBlink{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes arcTwinkle{0%,100%{opacity:.8}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.arcade,.arc-stars,.arc-fall i,.arc-go{animation:none}.arc-fall{display:none}}

.gpractice{color:#ffd98a;font-size:.92rem;line-height:1.45;margin:.8em auto 0;max-width:320px}