/* ═══════════════════════════════════════════════
   FUZZ & FRITURE — ARCADE : styles partagés
   Thème spatial cohérent avec la page d'accueil
═══════════════════════════════════════════════ */
:root{
  --space:#0a0e14;--space2:#0f1520;
  --orange:#f5921e;--gold:#f9c84a;
  --teal:#3eb8c0;--cream:#f0e8d8;--dim:rgba(240,232,216,.6);
  --purple:#a06cd5;--green:#5cc86a;--red:#e05a5a;
  --border:rgba(245,146,30,.18);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--space);color:var(--cream);font-family:'Barlow',sans-serif;overflow-x:hidden;min-height:100vh;}

a{color:inherit;}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;}

/* ── NAV ── */
.g-nav{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(10,14,20,.92);backdrop-filter:blur(8px);z-index:100;}
.g-nav a.logo{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.3rem;letter-spacing:.06em;color:var(--orange);text-decoration:none;}
.g-nav a.logo span{color:var(--teal);}
.g-nav a.back{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);opacity:.6;text-decoration:none;transition:opacity .2s,color .2s;}
.g-nav a.back:hover{opacity:1;color:var(--teal);}

/* ── HEADER ── */
.g-head{text-align:center;padding:3.5rem 1.5rem 1rem;max-width:760px;margin:0 auto;}
.g-eyebrow{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem;}
.g-head h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(2.4rem,7vw,4rem);line-height:.95;letter-spacing:.03em;text-transform:uppercase;}
.g-head h1 span{color:var(--orange);}
.g-head p.sub{margin-top:1rem;color:var(--dim);font-size:1.05rem;line-height:1.6;}

/* ── PANEL ── */
.g-panel{max-width:640px;margin:2rem auto;background:var(--space2);border:1px solid var(--border);border-radius:16px;padding:2rem;}

/* ── BUTTONS ── */
.g-btn{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;background:var(--orange);color:#0a0e14;border:2px solid var(--orange);border-radius:8px;padding:.85em 1.6em;cursor:pointer;transition:background .2s,color .2s,transform .1s;text-decoration:none;display:inline-block;}
.g-btn:hover{background:transparent;color:var(--orange);}
.g-btn:active{transform:scale(.97);}
.g-btn.ghost{background:transparent;color:var(--cream);border-color:var(--border);}
.g-btn.ghost:hover{border-color:var(--teal);color:var(--teal);}
.g-btn:disabled{opacity:.4;cursor:not-allowed;}

/* ── SCORE / SHARE ── */
.g-share{margin-top:1.5rem;text-align:center;}
.g-result-emoji{font-size:1.5rem;letter-spacing:.15em;margin:1rem 0;}

/* ── FOOTER ── */
.g-foot{text-align:center;padding:3rem 1.5rem;color:var(--dim);font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;border-top:1px solid var(--border);margin-top:3rem;}
.g-foot a{color:var(--teal);text-decoration:none;}

/* ── REVEAL ── */
.rev{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.rev.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}.rev{opacity:1;transform:none;}}

/* ── TOAST ── */
.g-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(120%);background:var(--teal);color:#0a0e14;font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.1em;padding:.9em 1.6em;border-radius:8px;transition:transform .3s ease;z-index:200;}
.g-toast.show{transform:translateX(-50%) translateY(0);}