{"product_id":"operation-overlord","title":"Operation Overlord","description":"\u003c!-- =====================================================\n     OPERATION OVERLORD — BLOCCO 1\n     FroGames | Shopify tema Concept\n     Prefissi: ool1-\n     ===================================================== --\u003e\n\u003cdiv class=\"ool1-wrap\"\u003e\n\u003c!-- COVER --\u003e\n\u003cdiv class=\"ool1-cover\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/Operation_Overlord.webp?v=1775730005\" alt=\"Operation Overlord strategic wargame board game Normandy 1944 for 2 players - official VUCA Simulations cover\" class=\"ool1-cover-img\" loading=\"eager\"\u003e\n\u003cdiv class=\"ool1-cover-fade\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ool1-cover-content\"\u003e\n\u003cp class=\"ool1-kicker\"\u003eFroGames — Moments You'll Remember\u003c\/p\u003e\n\u003cp class=\"ool1-sub\"\u003eFrom the map on the table to the history you could have changed. Every decision has weight — and a price.\u003c\/p\u003e\n\u003cdiv class=\"ool1-chips\"\u003e\n\u003cspan class=\"ool1-chip ool1-chip--accent\"\u003eOperational Wargame\u003c\/span\u003e \u003cspan class=\"ool1-chip\"\u003eVUCA Simulations\u003c\/span\u003e \u003cspan class=\"ool1-chip\"\u003eAsymmetrical 2 players\u003c\/span\u003e \u003cspan class=\"ool1-chip\"\u003eEnglish Edition\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPEC SHEET --\u003e\n\u003cdiv class=\"ool1-specs-bar\"\u003e\n\u003cdiv class=\"ool1-specs\"\u003e\n\u003cdiv class=\"ool1-spec\"\u003e\n\u003cspan class=\"ool1-spec-icon\"\u003e👥\u003c\/span\u003e \u003cspan class=\"ool1-spec-label\"\u003ePlayers\u003c\/span\u003e \u003cspan class=\"ool1-spec-val\"\u003e2 (+3 advanced)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-spec\"\u003e\n\u003cspan class=\"ool1-spec-icon\"\u003e⏱️\u003c\/span\u003e \u003cspan class=\"ool1-spec-label\"\u003eDuration\u003c\/span\u003e \u003cspan class=\"ool1-spec-val\"\u003e4–8 hours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-spec\"\u003e\n\u003cspan class=\"ool1-spec-icon\"\u003e🎂\u003c\/span\u003e \u003cspan class=\"ool1-spec-label\"\u003eAge\u003c\/span\u003e \u003cspan class=\"ool1-spec-val\"\u003e14+ years\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-spec\"\u003e\n\u003cspan class=\"ool1-spec-icon\"\u003e🎲\u003c\/span\u003e \u003cspan class=\"ool1-spec-label\"\u003eMechanics\u003c\/span\u003e \u003cspan class=\"ool1-spec-val\"\u003eOperational Planning\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-spec\"\u003e\n\u003cspan class=\"ool1-spec-icon\"\u003e🗺️\u003c\/span\u003e \u003cspan class=\"ool1-spec-label\"\u003eLevel\u003c\/span\u003e \u003cspan class=\"ool1-spec-val\"\u003eOperational–Strategic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-spec\"\u003e\n\u003cspan class=\"ool1-spec-icon\"\u003e⚔️\u003c\/span\u003e \u003cspan class=\"ool1-spec-label\"\u003eAsymmetry\u003c\/span\u003e \u003cspan class=\"ool1-spec-val\"\u003eSHAEF vs OB West\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BODY --\u003e\n\u003cdiv class=\"ool1-body\"\u003e\n\u003c!-- INTRO + EDITORIAL BOXES --\u003e\n\u003cdiv class=\"ool1-intro-grid\"\u003e\n\u003cdiv class=\"ool1-intro-text\"\u003e\n\u003cp class=\"ool1-label\"\u003eWhat it's about\u003c\/p\u003e\n\u003ch3 class=\"ool1-h3\"\u003eD-Day doesn't start on the beach — it starts in the command room\u003c\/h3\u003e\n\u003cp class=\"ool1-p\"\u003eOperation Overlord doesn't put you in control of individual soldiers. It places you at the head of an entire theater of war. One player embodies the Supreme Allied Command (SHAEF) and plans the largest amphibious operation in history. The other takes on the role of Oberbefehlshaber West and must hold out at all costs, day after day, week after week.\u003c\/p\u003e\n\u003cp class=\"ool1-p\"\u003eDesigned by \u003cstrong\u003eClem\u003c\/strong\u003e, developed by \u003cstrong\u003ePatrick Gebhardt\u003c\/strong\u003e, and illustrated by \u003cstrong\u003ePablo Bazerque\u003c\/strong\u003e for \u003cstrong\u003eVUCA Simulations\u003c\/strong\u003e, this wargame operates at the division and corps level. The battlefield tiles don't just show positions — they conceal forces, bluffs, and information that the opponent hasn't yet discovered.\u003c\/p\u003e\n\u003cp class=\"ool1-p\"\u003eVictory is not measured in conquered territories, but in time. Every week the Germans gain has consequences that reverberate throughout the entire war. Every Allied breakthrough hastens the end. History is here, on the table — and this time you can change it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-intro-side\"\u003e\n\u003cp class=\"ool1-quote-header\"\u003eFrom the game experience\u003c\/p\u003e\n\u003cdiv class=\"ool1-quote-solo\"\u003e\n\u003cspan class=\"ool1-qs-icon\"\u003e🎖️\u003c\/span\u003e\n\u003cp class=\"ool1-qs-text\"\u003eThe fog of war is not an option — it's structural. You never know exactly what awaits you beyond that front line.\u003c\/p\u003e\n\u003cp class=\"ool1-qs-note\"\u003eThe secret of Operation Overlord in one line\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-quote-solo ool1-quote-solo--alt\"\u003e\n\u003cspan class=\"ool1-qs-icon\"\u003e⏳\u003c\/span\u003e\n\u003cp class=\"ool1-qs-text\"\u003eAt the end of each game week, you understand that time is the true currency: for the Allies it's an enemy, for the Germans it's their only weapon.\u003c\/p\u003e\n\u003cp class=\"ool1-qs-note\"\u003eFrom the game experience\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- FROGSCORE --\u003e\n\u003cdiv class=\"ool1-fs\"\u003e\n\u003cdiv class=\"ool1-fs-header\"\u003e\n\u003cdiv class=\"ool1-fs-brand\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/FROG_FAVICON.webp?v=1774174794\" alt=\"FroGames\" class=\"ool1-fs-frog-img\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"ool1-fs-brand-label\"\u003eFrogScore · FroGames.it\u003c\/span\u003e\n\u003cp class=\"ool1-fs-game-name\"\u003eOperation Overlord\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ool1-fs-cat\" style=\"background: #eaf3de; border-color: #80b050; color: #2a5010;\"\u003eConflict · Strategy\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-fs-body\"\u003e\n\u003cdiv class=\"ool1-fs-radar-panel\"\u003e\n\u003csvg id=\"ool1-fs-svg\" viewbox=\"0 0 320 320\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"overflow: visible;\"\u003e\u003c\/svg\u003e\n\u003cdiv class=\"ool1-fs-tip\" id=\"ool1-fs-tip\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-fs-info\"\u003e\n\u003cspan class=\"ool1-fs-feel-lbl\"\u003eThe experience\u003c\/span\u003e\n\u003cdiv class=\"ool1-fs-feeling\"\u003e\n\u003cspan class=\"ool1-fs-feel-tag\"\u003eTense\u003c\/span\u003e \u003cspan class=\"ool1-fs-feel-tag\"\u003eCerebral\u003c\/span\u003e \u003cspan class=\"ool1-fs-feel-tag\"\u003eHistorical\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ool1-fs-section-label\"\u003eWho it's for\u003c\/span\u003e\n\u003cdiv class=\"ool1-fs-targets\"\u003e\n\u003cdiv class=\"ool1-fs-target ool1-fs-si\"\u003e\n\u003cspan\u003e🎯\u003c\/span\u003eExperts\u003c\/div\u003e\n\u003cdiv class=\"ool1-fs-target ool1-fs-si\"\u003e\n\u003cspan\u003e🧠\u003c\/span\u003eHeavy game\u003c\/div\u003e\n\u003cdiv class=\"ool1-fs-target ool1-fs-no\"\u003e\n\u003cspan\u003e🌱\u003c\/span\u003eGateway\u003c\/div\u003e\n\u003cdiv class=\"ool1-fs-target ool1-fs-no\"\u003e\n\u003cspan\u003e🍕\u003c\/span\u003eParty\u003c\/div\u003e\n\u003cdiv class=\"ool1-fs-target ool1-fs-no\"\u003e\n\u003cspan\u003e🎲\u003c\/span\u003eFamily game\u003c\/div\u003e\n\u003cdiv class=\"ool1-fs-target ool1-fs-no\"\u003e\n\u003cspan\u003e🧘\u003c\/span\u003eSolo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-fs-verdict\"\u003e\n\u003cdiv class=\"ool1-fs-verdict-title\"\u003eIn summary\u003c\/div\u003e\n\u003cdiv class=\"ool1-fs-verdict-text\"\u003eDeep strategic planning, constant fog of war, and authentic asymmetry. An experience for those who want to play history — not simplify it.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-fs-footer\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/FROG_FAVICON.webp?v=1774174794\" alt=\"FroGames\" class=\"ool1-fs-footer-frog\"\u003e FrogScore · FroGames editorial rating · based on rules, design analysis, and play sessions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    (function(){\n      var PI2=Math.PI*2;\n      var dims=[\n        {l:'Profondità',   v:5, note:\"Ogni turno stratifica decisioni: logistica, intelligence, operazioni segrete e combattimento\"},\n        {l:'Complessità',  v:5, note:\"Wargame operativo con regole strutturate — richiede impegno significativo prima della prima partita\"},\n        {l:'Strategia',    v:5, note:\"Il piano conta più del dado: timing, risorse e inganno decidono l'esito della campagna\"},\n        {l:'Tensione',     v:4, note:\"La nebbia di guerra e le rivelazioni simultanee mantengono alta l'incertezza per tutta la partita\"},\n        {l:'Rigiocabilità',v:4, note:\"Scenari multipli (giugno, luglio, agosto, campagna completa) e variabilità delle operazioni\"},\n        {l:'Fortuna',      v:2, note:\"Il caso esiste ma è marginale — le carte e i dadi non ribaltano la pianificazione superiore\"}\n      ];\n      var accent='#4a7a1e';\n      var VB=320,CX=160,CY=160,R=74;\n      var n=dims.length,step=PI2\/n,off=-Math.PI\/2;\n      var svg=document.getElementById('ool1-fs-svg');\n      var tip=document.getElementById('ool1-fs-tip');\n      var ns='http:\/\/www.w3.org\/2000\/svg';\n\n      function pt(r,i){return[CX+r*Math.cos(off+i*step),CY+r*Math.sin(off+i*step)];}\n      function el(tag,attrs){\n        var e=document.createElementNS(ns,tag);\n        Object.keys(attrs).forEach(function(k){e.setAttribute(k,attrs[k]);});\n        return e;\n      }\n\n      var st=document.createElement('style');\n      st.textContent='@keyframes ool1-draw{to{stroke-dashoffset:0}}@keyframes ool1-fade{to{opacity:1}}';\n      document.head.appendChild(st);\n\n      for(var ring=1;ring\u003c=5;ring++){\n        var rr=R*(ring\/5);\n        var pts=dims.map(function(_,i){var p=pt(rr,i);return p[0].toFixed(1)+','+p[1].toFixed(1);}).join(' ');\n        svg.appendChild(el('polygon',{points:pts,fill:'none',stroke:ring===5?'#c0b8b0':'#ddd8d0','stroke-width':ring===5?'1':'0.5'}));\n      }\n      dims.forEach(function(_,i){\n        var p=pt(R,i);\n        svg.appendChild(el('line',{x1:CX,y1:CY,x2:p[0].toFixed(1),y2:p[1].toFixed(1),stroke:'#d0c8c0','stroke-width':'0.5'}));\n      });\n\n      var dpts=dims.map(function(d,i){var p=pt(R*(d.v\/5),i);return p[0].toFixed(1)+','+p[1].toFixed(1);}).join(' ');\n      var perim=dims.reduce(function(acc,d,i){\n        var p1=pt(R*(d.v\/5),i),p2=pt(R*(dims[(i+1)%n].v\/5),(i+1)%n);\n        return acc+Math.sqrt(Math.pow(p2[0]-p1[0],2)+Math.pow(p2[1]-p1[1],2));\n      },0);\n      var shape=el('polygon',{points:dpts,fill:accent+'1a',stroke:accent,'stroke-width':'2.5','stroke-linejoin':'round'});\n      shape.style.cssText='stroke-dasharray:'+perim.toFixed(0)+';stroke-dashoffset:'+perim.toFixed(0)+';animation:ool1-draw 0.9s ease-out 0.1s forwards';\n      svg.appendChild(shape);\n\n      dims.forEach(function(d,i){\n        var p=pt(R*(d.v\/5),i);\n        var angle=off+i*step;\n\n        var hit=el('circle',{cx:p[0].toFixed(1),cy:p[1].toFixed(1),r:'10',fill:'transparent',cursor:'pointer'});\n        (function(idx){\n          hit.addEventListener('mouseenter',function(e){\n            tip.innerHTML='\u003cstrong\u003e'+dims[idx].l+' '+dims[idx].v+'\/5\u003c\/strong\u003e\u003cbr\u003e'+dims[idx].note;\n            tip.style.display='block';\n            var rect=svg.parentElement.getBoundingClientRect();\n            var ex=e.clientX-rect.left, ey=e.clientY-rect.top;\n            tip.style.left=Math.min(ex+12,rect.width-220)+'px';\n            tip.style.top=Math.max(ey-55,4)+'px';\n          });\n          hit.addEventListener('mouseleave',function(){tip.style.display='none';});\n        })(i);\n        svg.appendChild(hit);\n\n        var c=el('circle',{cx:p[0].toFixed(1),cy:p[1].toFixed(1),r:'4.5',fill:accent,stroke:'white','stroke-width':'2'});\n        c.style.cssText='opacity:0;animation:ool1-fade 0.3s ease-out '+(0.8+i*0.07).toFixed(2)+'s forwards';\n        svg.appendChild(c);\n\n        var nd=R*(d.v\/5)+15;\n        var nx=CX+nd*Math.cos(angle),ny=CY+nd*Math.sin(angle);\n        var vt=el('text',{x:nx.toFixed(1),y:(ny+1).toFixed(1),'text-anchor':'middle','dominant-baseline':'middle','font-size':'10','font-weight':'800',fill:accent,'font-family':'-apple-system,sans-serif'});\n        vt.textContent=d.v;\n        vt.style.cssText='opacity:0;animation:ool1-fade 0.3s ease-out '+(0.85+i*0.07).toFixed(2)+'s forwards';\n        svg.appendChild(vt);\n      });\n\n      dims.forEach(function(d,i){\n        var angle=off+i*step;\n        var lx=CX+(R+40)*Math.cos(angle),ly=CY+(R+40)*Math.sin(angle);\n        var anchor='middle';\n        if(Math.cos(angle)\u003e0.2) anchor='start';\n        else if(Math.cos(angle)\u003c-0.2) anchor='end';\n        var dy=Math.sin(angle)\u003e0.6?7:Math.sin(angle)\u003c-0.6?-5:0;\n        var isHi=d.v\u003e=4;\n        var t=el('text',{x:lx.toFixed(1),y:(ly+dy).toFixed(1),'text-anchor':anchor,'dominant-baseline':'middle','font-size':isHi?'12':'11','font-weight':'700',fill:'#1a1208','font-family':'-apple-system,sans-serif'});\n        t.textContent=d.l;\n        svg.appendChild(t);\n      });\n    })();\n    \u003c\/script\u003e\n\u003cdiv class=\"ool1-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- KEY ELEMENTS --\u003e\n\u003cdiv class=\"ool1-section-pad\"\u003e\n\u003cp class=\"ool1-label\"\u003eThe Art of Command\u003c\/p\u003e\n\u003ch3 class=\"ool1-h3\"\u003eWhat you manage in each campaign\u003c\/h3\u003e\n\u003cdiv class=\"ool1-cards\"\u003e\n\u003cdiv class=\"ool1-card\"\u003e\n\u003cspan class=\"ool1-card-icon\"\u003e🗺️\u003c\/span\u003e\n\u003ch4 class=\"ool1-card-name\"\u003eSecret Monthly Planning\u003c\/h4\u003e\n\u003cp class=\"ool1-card-desc\"\u003eAt the beginning of each month, you secretly plan strategic and special operations. Your plan exists — but so does the enemy's. And one of them is wrong.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-card\"\u003e\n\u003cspan class=\"ool1-card-icon\"\u003e🕵️\u003c\/span\u003e\n\u003ch4 class=\"ool1-card-name\"\u003eIntelligence and Fog of War\u003c\/h4\u003e\n\u003cp class=\"ool1-card-desc\"\u003eUnits with hidden values, simultaneous revelations of combat cards. You don't know what's beyond the hill until you send someone there.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-card\"\u003e\n\u003cspan class=\"ool1-card-icon\"\u003e🏰\u003c\/span\u003e\n\u003ch4 class=\"ool1-card-name\"\u003eThe German Festungen\u003c\/h4\u003e\n\u003cp class=\"ool1-card-desc\"\u003eThe Germans designate key cities as fortresses to be held at all costs. Each Festung is a strategic choice — and a potential trap for both sides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ool1-card\"\u003e\n\u003cspan class=\"ool1-card-icon\"\u003e📅\u003c\/span\u003e\n\u003ch4 class=\"ool1-card-name\"\u003e4 Scenarios + Full Campaign\u003c\/h4\u003e\n\u003cp class=\"ool1-card-desc\"\u003eJune, July, August, or the full 12-week campaign. Each scenario has historical consequences that contextualize the outcome within the framework of World War II.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CLOSING --\u003e\n\u003cdiv class=\"ool1-closing\"\u003e\n\u003cp class=\"ool1-closing-text\"\u003eThe history of Normandy is already written. But at the end of this game, you might discover how it turned out — in your version.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- BOX CONTENT --\u003e\n\u003cdiv class=\"ool1-box-section\"\u003e\n\u003cdetails class=\"ool1-det ool1-det--last\"\u003e\n\u003csummary class=\"ool1-det-sum\"\u003e\u003cspan class=\"ool1-det-ico\"\u003e📖\u003c\/span\u003e\u003cspan class=\"ool1-det-title\"\u003eRulebook\u003c\/span\u003e\u003cspan class=\"ool1-det-sub\"\u003eEnglish · Official VUCA Simulations PDF\u003c\/span\u003e\u003cspan class=\"ool1-det-arr\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ool1-det-body\"\u003e\n\u003cdiv class=\"ool1-rl-wrap\"\u003e\n\u003cdiv class=\"ool1-rl-langs\"\u003e\u003cspan class=\"ool1-rl-lang\"\u003e🇬🇧 English\u003c\/span\u003e\u003c\/div\u003e\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0295\/6650\/0908\/files\/OO_Rulebook_285x210mm_18_DEC_2025_WEB2.pdf?v=1767703126\" class=\"ool1-rl-link\" style=\"display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #1a2a0a; border-radius: 10px; text-decoration: none; color: #fff;\" target=\"_blank\"\u003e\u003cspan class=\"ool1-rl-ico\"\u003e📄\u003c\/span\u003e\n\u003cdiv class=\"ool1-rl-body\"\u003e\n\u003cspan class=\"ool1-rl-title\"\u003eDownload the official rulebook\u003c\/span\u003e\u003cspan class=\"ool1-rl-sub\"\u003eFree PDF · VUCA Simulations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ool1-rl-arr-ext\"\u003e↗\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/ool1-body --\u003e\n\u003c\/div\u003e\u003c!-- \/ool1-wrap --\u003e\n\u003cstyle\u003e\n.ool1-wrap, .ool1-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n.ool1-wrap {\n  font-family: Georgia, 'Times New Roman', serif;\n  border-radius: 24px;\n  overflow: hidden;\n  box-shadow: 0 20px 60px rgba(0,0,0,0.35);\n  max-width: 1200px;\n  margin-left: auto;\n  margin-right: auto;\n  background: #0d1a08;\n}\n\n\/* ── COPERTINA ── *\/\n.ool1-cover { position: relative; width: 100%; height: 340px; overflow: hidden; display: flex; align-items: flex-end; }\n.ool1-cover-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }\n.ool1-cover-fade { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(13,26,8,0) 0%, rgba(13,26,8,0) 20%, rgba(13,26,8,0.55) 50%, rgba(13,26,8,0.88) 72%, rgba(13,26,8,0.99) 100%); }\n.ool1-cover-content { position: relative; z-index: 2; padding: 18px 26px 24px; width: 100%; }\n.ool1-kicker { display: block; color: #a8c860; font-family: sans-serif; font-size: 0.7rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 8px; }\n.ool1-sub { color: rgba(255,255,255,0.92); font-family: Georgia, serif; font-size: 1rem; font-style: italic; line-height: 1.55; max-width: 600px; margin-bottom: 16px; }\n.ool1-chips { display: flex; flex-wrap: wrap; gap: 7px; }\n.ool1-chip { background: rgba(255,255,255,0.11); border: 1px solid rgba(255,255,255,0.22); color: #fff; font-family: sans-serif; padding: 4px 12px; border-radius: 50px; font-size: 0.78rem; font-weight: 600; }\n.ool1-chip--accent { background: #4a7a1e; border-color: #4a7a1e; }\n\n\/* ── SPECS ── *\/\n.ool1-specs-bar { background: #111e08; padding: 0 24px; border-top: 1px solid rgba(255,255,255,0.07); }\n.ool1-specs { display: grid; grid-template-columns: repeat(3, 1fr); }\n.ool1-spec { padding: 13px 10px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; border-right: 1px solid rgba(255,255,255,0.07); border-bottom: 1px solid rgba(255,255,255,0.07); }\n.ool1-spec:nth-child(3n) { border-right: none; }\n.ool1-spec:nth-last-child(-n+3) { border-bottom: none; }\n.ool1-spec-icon { font-size: 1.2rem; }\n.ool1-spec-label { color: rgba(255,255,255,0.4); font-family: sans-serif; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 1px; }\n.ool1-spec-val { color: #fff; font-family: sans-serif; font-size: 0.84rem; font-weight: 800; }\n\n\/* ── BODY ── *\/\n.ool1-body { background: #f0e8d0; }\n\n\/* ── INTRO ── *\/\n.ool1-intro-grid { display: grid; grid-template-columns: 1fr; gap: 26px; padding: 36px 28px 8px; }\n.ool1-label { display: block; font-family: sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #4a7a1e; margin-bottom: 7px; }\n.ool1-h3 { font-size: clamp(1.4rem, 2.5vw, 2.1rem); font-weight: 900; color: #1a1208; line-height: 1.15; margin-bottom: 16px; }\n.ool1-p { font-family: sans-serif; font-size: 0.95rem; color: #2e2010; margin-bottom: 13px; line-height: 1.65; max-width: 700px; }\n\n\/* ── BOX EDITORIALI ── *\/\n.ool1-quote-header { font-family: sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #4a7a1e; margin-bottom: 12px; }\n.ool1-quote-solo { background: #1a2a0a; border-radius: 14px; padding: 18px 20px; margin-bottom: 12px; border-left: 4px solid #a8c860; }\n.ool1-quote-solo--alt { background: #0d1a05; border-left-color: #6a9a30; }\n.ool1-qs-icon { font-size: 1.4rem; display: block; margin-bottom: 8px; }\n.ool1-qs-text { color: #fff; font-style: italic; font-size: 0.9rem; line-height: 1.6; margin-bottom: 8px; font-family: Georgia, serif; }\n.ool1-qs-note { color: rgba(255,255,255,0.4); font-family: sans-serif; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }\n\n\/* ── DIVIDER ── *\/\n.ool1-divider { height: 1px; background: #c8b890; margin: 32px 28px 0; }\n\n\/* ── FROGSCORE ── *\/\n.ool1-fs { background: #fff; border-top: 1px solid #e0d8cc; border-bottom: 1px solid #e0d8cc; }\n.ool1-fs-header { padding: 14px 20px 13px; background: #fff; border-bottom: 1px solid #e8e2da; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }\n.ool1-fs-brand { display: flex; align-items: center; gap: 9px; }\n.ool1-fs-frog-img { width: 28px; height: 28px; object-fit: contain; flex-shrink: 0; }\n.ool1-fs-footer-frog { width: 16px; height: 16px; object-fit: contain; vertical-align: middle; margin-right: 2px; }\n.ool1-fs-brand-label { display: block; font-family: sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #6b5e48; }\n.ool1-fs-game-name { font-family: sans-serif; font-size: 14px; font-weight: 700; color: #1a1208; margin-top: 2px; }\n.ool1-fs-cat { font-family: sans-serif; font-size: 10px; padding: 3px 11px; border-radius: 50px; font-weight: 700; border: 1.5px solid; white-space: nowrap; }\n.ool1-fs-body { display: grid; grid-template-columns: 1fr; background: #f7f4ef; }\n.ool1-fs-radar-panel { padding: 20px 16px; display: flex; justify-content: center; background: #f7f4ef; position: relative; }\n.ool1-fs-radar-panel svg { width: 100%; max-width: 270px; height: auto; display: block; }\n.ool1-fs-tip { display: none; position: absolute; background: #1a1208; color: rgba(255,255,255,0.92); font-family: sans-serif; font-size: 11px; line-height: 1.55; padding: 8px 12px; border-radius: 9px; z-index: 20; max-width: 210px; box-shadow: 0 4px 18px rgba(0,0,0,0.22); pointer-events: none; }\n.ool1-fs-info { padding: 16px 18px 18px; background: #f7f4ef; border-top: 1px solid #e8e2da; }\n.ool1-fs-feel-lbl { display: block; font-family: sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #6b5e48; margin-bottom: 9px; }\n.ool1-fs-feeling { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }\n.ool1-fs-feel-tag { font-family: Georgia, serif; font-size: 13px; font-style: italic; color: #3d2810; padding: 5px 14px; background: #fff; border-radius: 7px; border: 1px solid #d8d0c4; }\n.ool1-fs-section-label { display: block; font-family: sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #6b5e48; margin-bottom: 10px; }\n.ool1-fs-targets { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 7px; margin-bottom: 16px; }\n.ool1-fs-target { display: flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 10px; border: 1px solid; font-family: sans-serif; font-size: 11px; font-weight: 600; }\n.ool1-fs-target span { font-size: 14px; flex-shrink: 0; }\n.ool1-fs-si { background: #fff; border-color: #c8c0b0; color: #2a1a08; }\n.ool1-fs-no { background: transparent; border-color: #e0d8d0; color: #b8a898; opacity: .45; text-decoration: line-through; }\n.ool1-fs-verdict { background: #fff; border-radius: 10px; padding: 12px 14px; border: 1px solid #e0d8cc; }\n.ool1-fs-verdict-title { font-family: sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #6b5e48; margin-bottom: 5px; }\n.ool1-fs-verdict-text { font-family: sans-serif; font-size: 12px; color: #3d2810; line-height: 1.65; }\n.ool1-fs-footer { padding: 9px 20px; background: #eeeae4; border-top: 1px solid #e0d8cc; font-family: sans-serif; font-size: 11px; color: #6b5e48; line-height: 1.5; }\n\n\/* ── CARDS ── *\/\n.ool1-section-pad { padding: 32px 28px 8px; }\n.ool1-cards { display: grid; grid-template-columns: 1fr; gap: 11px; margin-top: 16px; }\n.ool1-card { background: #fff; border-radius: 14px; padding: 16px 18px; border: 1px solid #d8c8a0; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; }\n.ool1-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.09); }\n.ool1-card-icon { font-size: 1.6rem; display: block; margin-bottom: 7px; }\n.ool1-card-name { font-size: 0.95rem; font-weight: 900; color: #4a7a1e; margin-bottom: 5px; }\n.ool1-card-desc { font-family: sans-serif; font-size: 0.85rem; color: #2e2010; line-height: 1.55; }\n\n\/* ── CLOSING ── *\/\n.ool1-closing { background: #1a2a0a; padding: 26px 28px; border-top: 3px solid #a8c860; }\n.ool1-closing-text { font-family: Georgia, serif; font-size: 1.05rem; font-style: italic; color: rgba(255,255,255,0.88); text-align: center; line-height: 1.6; }\n\n\/* ── BOX SECTION ── *\/\n.ool1-box-section { background: #f0e8d0; border-top: 1px solid #c8b890; }\n.ool1-det { border-bottom: 1px solid #ddd0b0; background: #fff; }\n.ool1-det--last { border-bottom: none; }\n.ool1-det-sum { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; cursor: pointer; transition: background .18s; }\n.ool1-det-sum::-webkit-details-marker { display: none; }\n.ool1-det-sum::marker { display: none; }\n.ool1-det[open] .ool1-det-sum { background: #faf7f0; }\n.ool1-det-sum:hover { background: #faf7f0; }\n.ool1-det-left { display: flex; align-items: center; gap: 10px; }\n.ool1-det-ico { font-size: 17px; flex-shrink: 0; }\n.ool1-det-title { font-family: sans-serif; font-size: 13px; font-weight: 700; color: #1a1208; display: block; }\n.ool1-det-sub { font-family: sans-serif; font-size: 11px; color: #9c8e7a; margin-top: 1px; display: block; }\n.ool1-det-arr { width: 16px; height: 16px; flex-shrink: 0; position: relative; }\n.ool1-det-arr::before { content: \"\"; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-right: 2px solid #9c8e7a; border-bottom: 2px solid #9c8e7a; transform: translate(-50%,-70%) rotate(45deg); transition: transform .22s; }\n.ool1-det[open] .ool1-det-arr::before { transform: translate(-50%,-30%) rotate(225deg); }\n.ool1-det-body { padding: 0 20px 16px; background: #fff; }\n\n.ool1-rl-wrap { padding-top: 14px; display: flex; flex-direction: column; gap: 10px; }\n.ool1-rl-langs { display: flex; flex-wrap: wrap; gap: 6px; }\n.ool1-rl-lang { font-family: sans-serif; font-size: 0.75rem; font-weight: 600; padding: 3px 10px; border-radius: 50px; background: #eaf3de; border: 1px solid #80b050; color: #2a5010; }\n.ool1-rl-link:hover { opacity: .85; }\n.ool1-rl-ico { font-size: 1.2rem; flex-shrink: 0; }\n.ool1-rl-body { flex: 1; min-width: 0; }\n.ool1-rl-title { display: block; font-family: sans-serif; font-size: 0.82rem; font-weight: 700; color: #fff; }\n.ool1-rl-sub { display: block; font-family: sans-serif; font-size: 0.7rem; color: rgba(255,255,255,0.5); margin-top: 2px; }\n.ool1-rl-arr-ext { font-size: 0.9rem; color: rgba(255,255,255,0.45); flex-shrink: 0; }\n\n\/* ── RESPONSIVE ── *\/\n@media screen and (min-width: 600px) {\n  .ool1-specs { grid-template-columns: repeat(6, 1fr); }\n  .ool1-spec { border-bottom: none; }\n  .ool1-spec:nth-child(3n) { border-right: 1px solid rgba(255,255,255,0.07); }\n  .ool1-spec:last-child { border-right: none; }\n  .ool1-cards { grid-template-columns: repeat(2, 1fr); }\n  .ool1-fs-body { grid-template-columns: 220px 1fr; }\n  .ool1-fs-radar-panel { border-top: none; border-right: 1px solid #e8e2da; }\n  .ool1-fs-info { border-top: none; }\n}\n@media screen and (min-width: 900px) {\n  .ool1-cover { height: 440px; }\n  .ool1-cover-content { padding: 22px 36px 30px; }\n  .ool1-intro-grid { grid-template-columns: 3fr 2fr; align-items: start; padding: 40px 36px 8px; }\n  .ool1-cards { grid-template-columns: repeat(4, 1fr); }\n  .ool1-divider { margin-left: 36px; margin-right: 36px; }\n  .ool1-section-pad { padding: 36px 36px 8px; }\n  .ool1-closing { padding: 28px 36px; }\n  .ool1-fs-body { grid-template-columns: 260px 1fr; }\n  .ool1-fs-radar-panel svg { max-width: 260px; }\n}\n\u003c\/style\u003e","brand":"Vuca Simulations","offers":[{"title":"Default Title","offer_id":53673702818119,"sku":null,"price":149.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/Progetto_senza_titolo_13_ad69e204-3ba2-4368-bc95-1e44255a5f9e.png?v=1775726823","url":"https:\/\/frogames.it\/en\/products\/operation-overlord","provider":"FroGames","version":"1.0","type":"link"}