🦊 Fox on the Tree – sembra semplice… poi ti legge in faccia e ti manda in tilt Fox on the Tree è un gioco da tavolo di deduzione e bluff dove al tavolo nessuno è innocente: tutti stanno aiutando qualcuno… e affossando qualcun altro. Tu scegli in segreto i tuoi “preferiti” e il tuo rivale: guidi due animali verso la salvezza mentre prepari trappole e deviazioni per far inciampare quello che vuoi vedere fallire. La mappa si trasforma a colpi di mosse permanenti: blocchi, spingi, liberi, saboti. E mentre i pezzi corrono, inizi a guardare gli altri non per capire cosa fanno, ma perché lo fanno. Il colpo di genio? La partita si “specchia”: si corre, poi si torna indietro. E quello che sembrava un favore diventa un’arma, quello che sembrava un errore diventa la prova. Qui non vinci muovendo meglio: vinci capendo le persone. Perché ti fa ridere… e poi ti fa sospettare di chiunque Ruoli nascosti e intenzioni segrete: il vero gioco è leggere le persone, non la plancia. Azioni cattive al punto giusto: trappole, blocchi, scivoloni e salvataggi last-second. Mappa come puzzle: i pezzi “disegnano” il percorso e ogni scelta resta lì, a mordere dopo. Doppia fase speculare: il ritorno ribalta tutto e premia chi ha pianificato davvero. Perfetto come gioco da tavolo family con una vena furba e competitiva. Firma Unchained Meeple: ritmo alto, idea chiara, zero tempi morti. Se qualcuno ti dice “tranquillo, sto aiutando”… sorridi. Poi controlla dove ha messo la banana. 🐸 /* ========================================================= FroGames – Fox on the Tree Palette scatola: verde prato, cielo azzurro, arancio volpe, marrone legno Scoped + Shopify-safe ========================================================= */ #fg-fox.fg-fox{ --sky:#8ec9e8; --skySoft:rgba(142,201,232,.18); --grass:#4f9a5c; --grassSoft:rgba(79,154,92,.18); --fox:#e07a2f; --foxSoft:rgba(224,122,47,.20); --wood:#6b4a2d; --woodSoft:rgba(107,74,45,.18); --ink:rgba(246,252,252,.96); --muted:rgba(246,252,252,.92); --line:rgba(255,255,255,.12); --radius:22px; --shadow:0 16px 36px rgba(0,0,0,.22); --shadowSoft:0 12px 24px rgba(0,0,0,.18); position:relative; overflow:hidden; border-radius:30px; padding:2.2rem 1.6rem; margin:1.6rem auto; color:var(--ink); box-shadow:var(--shadow); font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: radial-gradient(circle at 18% 18%, var(--skySoft), transparent 55%), radial-gradient(circle at 82% 22%, var(--foxSoft), transparent 54%), radial-gradient(circle at 72% 86%, var(--grassSoft), transparent 58%), linear-gradient(135deg, rgba(20,40,28,.98) 0%, rgba(30,70,50,.92) 50%, rgba(20,40,28,.98) 100%); border:1px solid var(--line); } #fg-fox::before{ content:""; position:absolute; inset:-26%; background: linear-gradient(115deg, transparent 0 46%, rgba(224,122,47,.22) 47%, rgba(142,201,232,.14) 49%, transparent 50% 100%), linear-gradient(25deg, transparent 0 58%, rgba(79,154,92,.16) 59%, rgba(107,74,45,.12) 61%, transparent 62% 100%); opacity:.9; pointer-events:none; } #fg-fox > *{ position:relative; z-index:1; } #fg-fox h2{ font-family:Bungee, Inter, system-ui, sans-serif; text-align:center; font-size:2rem; margin:0 0 .85rem; letter-spacing:.2px; color:rgba(246,252,252,.98); text-shadow:0 0 18px rgba(224,122,47,.22); } #fg-fox .fg-fox__subtitle{ text-align:center; margin:0 0 1.35rem; line-height:1.6; font-size:1.06rem; color:var(--muted); } #fg-fox .fg-fox__subtitle strong{ color:rgba(224,122,47,.98); } /* Grid */ #fg-fox .fg-fox__grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:1.4rem; align-items:stretch; } /* Cards */ #fg-fox .fg-fox__card{ border-radius:var(--radius); padding:1.35rem; box-shadow:var(--shadowSoft); border:1px solid var(--line); display:flex; flex-direction:column; } #fg-fox .fg-fox__card--story{ background:linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.06)); border-left:8px solid rgba(224,122,47,.70); } #fg-fox .fg-fox__card--features{ background:linear-gradient(145deg, rgba(20,40,28,.90), rgba(30,70,50,.78)); justify-content:space-between; } #fg-fox p{ margin:.75rem 0; line-height:1.75; font-size:1.02rem; } #fg-fox .fg-fox__card--story strong{ color:rgba(79,154,92,.98); } #fg-fox .fg-fox__card--features strong{ color:rgba(224,122,47,.98); } #fg-fox h3{ font-family:Bungee, Inter, system-ui, sans-serif; font-size:1.15rem; margin:0 0 1rem; letter-spacing:.2px; color:rgba(246,252,252,.98); } /* List */ #fg-fox .fg-fox__list{ list-style:none; padding:0; margin:0; display:grid; gap:.7rem; } #fg-fox .fg-fox__list li{ background:linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.04)); border-left:6px solid rgba(224,122,47,.75); border-radius:14px; padding:.7rem .85rem; transition:transform .22s ease, background .22s ease; } #fg-fox .fg-fox__list li:hover{ transform:translateX(6px); background:linear-gradient(90deg, rgba(255,255,255,.14), rgba(255,255,255,.06)); } /* Break */ #fg-fox .fg-fox__break{ margin:1.15rem 0 0; padding:.85rem .95rem; border-radius:16px; text-align:center; font-weight:950; box-shadow:var(--shadowSoft); border:1px solid var(--line); color:rgba(246,252,252,.98); background:linear-gradient(90deg, rgba(79,154,92,.22), rgba(224,122,47,.18)); } #fg-fox .fg-fox__break strong{ color:rgba(246,252,252,.98); } /* Tagline */ #fg-fox .fg-fox__tagline{ margin:1rem 0 0; font-weight:850; font-size:1.02rem; text-align:center; } #fg-fox .fg-fox__tagline em{ color:rgba(246,252,252,.92); } /* Responsive */ @media (max-width: 940px){ #fg-fox .fg-fox__grid{ grid-template-columns:1fr; } #fg-fox h2{ font-size:1.65rem; } } @media (max-width: 600px){ #fg-fox{ padding:1.85rem 1.1rem; border-radius:26px; } #fg-fox .fg-fox__card{ padding:1.15rem 1.1rem; } #fg-fox .fg-fox__subtitle{ font-size:1.02rem; } }
