/* =====================================================================
   WINNER'S CLUB · cornice "calda" condivisa per i giochi 3D
   Stacca il piano di gioco dal resto della pagina con un bordo in tono
   legno/oro e un'ombra profonda che lo fa "galleggiare".
   Vale per entrambe le famiglie di frame: #wrap3d e .glwrap.
   Solo effetti decorativi (bordo, ombre, margine): non tocca il layout
   né l'aspect-ratio del canvas.
   ===================================================================== */
#wrap3d, .glwrap{
  border:1px solid #7a5227 !important;
  border-radius:18px !important;
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.30),
    inset 0 0 44px rgba(0,0,0,.42),
    0 0 0 5px #241608,                 /* anello legno scuro */
    0 0 0 7px #7a5227,                 /* cornice calda */
    0 0 0 8px rgba(255,214,140,.30),   /* filo dorato */
    0 24px 56px rgba(0,0,0,.60),       /* ombra profonda: fa galleggiare */
    0 0 66px rgba(150,95,35,.26)       /* alone caldo attorno al tavolo */
    !important;
  margin:16px auto 12px !important;    /* respiro / stacco dalla pagina */
}

/* In tutto-schermo la cornice riempie lo schermo: niente anelli/ombra
   esterna (dietro c'è il nero del fullscreen), solo un filo caldo interno. */
#wrap3d:fullscreen, .glwrap:fullscreen,
#wrap3d:-webkit-full-screen, .glwrap:-webkit-full-screen{
  border-radius:0 !important;
  margin:0 !important;
  box-shadow:
    inset 0 0 0 3px rgba(255,214,140,.22),
    inset 0 0 90px rgba(0,0,0,.5) !important;
}
/* Fallback "faux fullscreen" (classe applicata dal modulo condiviso) */
#wrap3d.wc-fs-faux, .glwrap.wc-fs-faux{
  border-radius:0 !important; margin:0 !important;
  box-shadow:inset 0 0 0 3px rgba(255,214,140,.22), inset 0 0 90px rgba(0,0,0,.5) !important;
}