🥘 Tiffin – pranzi caldi, biciclette veloci e maggioranze che profumano di rupees Tiffin è un gioco da tavolo strategico dove la vera adrenalina non è la guerra: è la consegna perfetta, nel caos elegante di Mumbai. Tu sei un dabbawalla: avvii tiffin sulle rotte, ti inserisci nelle consegne degli altri e cerchi di essere nel posto giusto quando la tratta “paga” davvero. Qui la ricompensa è semplice: più consegne sulla stessa rotta, più rupees per chi c’era. La partita è un equilibrio tra lettura e cattiveria gentile: gestione mano, spinta sulle rotte migliori, e quella tensione da maggioranza che ti fa dire “se mi superi qui, mi rovini il giro”. Poi arrivano gli imprevisti: scorciatoie che accelerano, forature che rallentano, e un concorrente che può arrivare prima di tutti. È un gioco da tavolo che ti premia se pianifichi… e ti esalta se sai improvvisare. Non devi correre di più: devi scegliere la rotta che paga. Perché Tiffin è una corsa intelligente (e sorprendentemente cattiva) Maggioranze sulle rotte: scegli dove investire presenza e quando mollare prima che sia tardi. Gestione mano tesa: ogni carta è un ritmo, un sorpasso, un “oggi spingo / domani incasso”. Interazione costante: consegni anche “insieme” agli altri, ma con il coltello tra i denti. Imprevisti che danno sapore: scorciatoie, rallentamenti e timing che cambia al volo. Ambientazione Mumbai super evocativa: logistica, bicicletta e città viva… senza diventare un manuale. Editore Rio Grande: design solido, decisioni nette, soddisfazione quando la rotta “scatta”. Se ti arriva il pranzo caldo, non è fortuna: è perché qualcuno ha fatto una consegna perfetta… e ha contato i rupees mentre tu guardavi altrove. 🐸 /* ========================================================= FroGames – Tiffin Palette scatola: verde/teal Mumbai + giallo zafferano + oro/ramato + ombre calde Scoped + Shopify-safe (solo #fg-tiffin) ========================================================= */ #fg-tiffin.fg-tiffin{ --night:#07130f; /* ombra profonda */ --deep:#0b2a22; /* verde scuro */ --teal:#0f6f62; /* teal città */ --tealSoft:rgba(15,111,98,.18); --saffron:#f6c24a; /* zafferano */ --saffronSoft:rgba(246,194,74,.16); --gold:#e8b15a; /* oro caldo */ --copper:#ff7a3d; /* rame/arancio */ --copperSoft:rgba(255,122,61,.14); --mist:rgba(255,255,255,.10); --line:rgba(255,255,255,.12); --radius:22px; --shadow:0 16px 38px rgba(0,0,0,.24); --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; box-shadow:var(--shadow); color:rgba(246,252,252,.96); font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: radial-gradient(circle at 18% 18%, var(--saffronSoft), transparent 55%), radial-gradient(circle at 82% 24%, var(--copperSoft), transparent 54%), radial-gradient(circle at 70% 86%, var(--tealSoft), transparent 58%), linear-gradient(135deg, rgba(7,19,15,.98) 0%, rgba(11,42,34,.92) 48%, rgba(15,111,98,.22) 70%, rgba(7,19,15,.98) 100%); border:1px solid var(--line); } #fg-tiffin.fg-tiffin::before{ content:""; position:absolute; inset:-26%; background: linear-gradient(115deg, transparent 0 46%, rgba(246,194,74,.18) 47%, rgba(232,177,90,.10) 49%, transparent 50% 100%), linear-gradient(25deg, transparent 0 58%, rgba(255,122,61,.14) 59%, rgba(15,111,98,.12) 61%, transparent 62% 100%), linear-gradient(155deg, transparent 0 30%, rgba(15,111,98,.16) 31%, rgba(246,194,74,.10) 34%, transparent 35% 100%); opacity:.92; pointer-events:none; filter: blur(.2px); } #fg-tiffin.fg-tiffin > *{ position:relative; z-index:1; } #fg-tiffin 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(246,194,74,.18); } #fg-tiffin .fg-tiffin__subtitle{ text-align:center; margin:0 0 1.35rem; line-height:1.6; font-size:1.06rem; color:rgba(246,252,252,.92); } #fg-tiffin .fg-tiffin__subtitle strong{ color:rgba(246,194,74,.98); } /* Grid */ #fg-tiffin .fg-tiffin__grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:1.4rem; align-items:stretch; } /* Cards */ #fg-tiffin .fg-tiffin__card{ border-radius:var(--radius); padding:1.35rem; box-shadow:0 12px 26px rgba(0,0,0,.24); border:1px solid rgba(255,255,255,.10); display:flex; flex-direction:column; } /* Story */ #fg-tiffin .fg-tiffin__card--story{ background:linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.06)); border-left:8px solid rgba(15,111,98,.72); } /* Features */ #fg-tiffin .fg-tiffin__card--features{ background:linear-gradient(145deg, rgba(7,19,15,.92), rgba(11,42,34,.74)); color:rgba(246,252,252,.96); border:1px solid rgba(255,255,255,.12); justify-content:space-between; } #fg-tiffin .fg-tiffin__card p{ margin:.75rem 0; line-height:1.75; font-size:1.02rem; } #fg-tiffin .fg-tiffin__card--story strong{ color:rgba(255,122,61,.96); } #fg-tiffin .fg-tiffin__card--features strong{ color:rgba(246,194,74,.98); } #fg-tiffin .fg-tiffin__card--features 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); text-shadow:0 0 14px rgba(15,111,98,.16); } /* List */ #fg-tiffin .fg-tiffin__list{ list-style:none; padding:0; margin:0; display:grid; gap:.7rem; } #fg-tiffin .fg-tiffin__list li{ background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); border-left:6px solid rgba(246,194,74,.78); border-radius:14px; padding:.7rem .85rem; transition:transform .22s ease, background .22s ease; } #fg-tiffin .fg-tiffin__list li:hover{ transform:translateX(6px); background:linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.05)); } /* Break */ #fg-tiffin .fg-tiffin__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 rgba(255,255,255,.12); color:rgba(246,252,252,.98); background:linear-gradient(90deg, rgba(15,111,98,.18), rgba(246,194,74,.14)); } #fg-tiffin .fg-tiffin__break strong{ color:rgba(255,122,61,.98); } /* Tagline */ #fg-tiffin .fg-tiffin__tagline{ margin:1rem 0 0; font-weight:850; font-size:1.02rem; text-align:center; } #fg-tiffin .fg-tiffin__tagline em{ color:rgba(246,252,252,.92); } /* Responsive */ @media (max-width: 940px){ #fg-tiffin .fg-tiffin__grid{ grid-template-columns:1fr; } #fg-tiffin h2{ font-size:1.65rem; } } @media (max-width: 600px){ #fg-tiffin.fg-tiffin{ padding:1.85rem 1.1rem; border-radius:26px; } #fg-tiffin .fg-tiffin__card{ padding:1.15rem 1.1rem; } #fg-tiffin .fg-tiffin__subtitle{ font-size:1.02rem; } }
