{"product_id":"commands-colors-napoleonics-expansion-7-the-grand-battles","title":"Commands \u0026 Colors Napoleonics Expansion 7 The Grand Battles","description":"\u003c!-- =====================================================\n     COMMANDS \u0026 COLORS: NAPOLEONICS — EXPANSION 7: THE GRAND BATTLES\n     FroGames | Shopify Theme Concept\n     ===================================================== --\u003e\n\u003cdiv class=\"ccn7-wrap\"\u003e\n\u003c!-- COVER --\u003e\n\u003cdiv class=\"ccn7-cover\"\u003e\n\u003cimg loading=\"eager\" class=\"ccn7-cover-img\" alt=\"Commands \u0026amp; Colors Napoleonics Expansion 7 The Grand Battles board game wargame for 2-8 players - official GMT Games cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/napoleonics.webp?v=1774678766\"\u003e\n\u003cdiv class=\"ccn7-cover-fade\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ccn7-cover-content\"\u003e\n\u003cp class=\"ccn7-kicker\"\u003eFroGames — Moments You'll Remember\u003c\/p\u003e\n\u003cp class=\"ccn7-sub\"\u003eEighty thousand men deployed on a table. Waterloo and Borodino as you've never played them before.\u003c\/p\u003e\n\u003cdiv class=\"ccn7-chips\"\u003e\n\u003cspan class=\"ccn7-chip ccn7-chip--gold\"\u003eHistorical Wargame\u003c\/span\u003e \u003cspan class=\"ccn7-chip\"\u003eGMT Games\u003c\/span\u003e \u003cspan class=\"ccn7-chip\"\u003eExpansion #7\u003c\/span\u003e \u003cspan class=\"ccn7-chip\"\u003eEnglish Edition\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TECHNICAL SHEET --\u003e\n\u003cdiv class=\"ccn7-specs-bar\"\u003e\n\u003cdiv class=\"ccn7-specs\"\u003e\n\u003cdiv class=\"ccn7-spec\"\u003e\n\u003cspan class=\"ccn7-spec-icon\"\u003e👥\u003c\/span\u003e \u003cspan class=\"ccn7-spec-label\"\u003ePlayers\u003c\/span\u003e \u003cspan class=\"ccn7-spec-val\"\u003e2 – 8\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-spec\"\u003e\n\u003cspan class=\"ccn7-spec-icon\"\u003e⏱️\u003c\/span\u003e \u003cspan class=\"ccn7-spec-label\"\u003eDuration\u003c\/span\u003e \u003cspan class=\"ccn7-spec-val\"\u003e60–180 min\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-spec\"\u003e\n\u003cspan class=\"ccn7-spec-icon\"\u003e🎂\u003c\/span\u003e \u003cspan class=\"ccn7-spec-label\"\u003eAge\u003c\/span\u003e \u003cspan class=\"ccn7-spec-val\"\u003e12+ years\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-spec\"\u003e\n\u003cspan class=\"ccn7-spec-icon\"\u003e🎲\u003c\/span\u003e \u003cspan class=\"ccn7-spec-label\"\u003eMechanics\u003c\/span\u003e \u003cspan class=\"ccn7-spec-val\"\u003eCards + Blocks\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-spec\"\u003e\n\u003cspan class=\"ccn7-spec-icon\"\u003e🗺️\u003c\/span\u003e \u003cspan class=\"ccn7-spec-label\"\u003eMap\u003c\/span\u003e \u003cspan class=\"ccn7-spec-val\"\u003eModular Hexagonal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-spec\"\u003e\n\u003cspan class=\"ccn7-spec-icon\"\u003e⚔️\u003c\/span\u003e \u003cspan class=\"ccn7-spec-label\"\u003eMode\u003c\/span\u003e \u003cspan class=\"ccn7-spec-val\"\u003eCompetitive Team\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BODY --\u003e\n\u003cdiv class=\"ccn7-body\"\u003e\n\u003c!-- INTRO + EDITORIAL BOXES --\u003e\n\u003cdiv class=\"ccn7-intro-grid\"\u003e\n\u003cdiv class=\"ccn7-intro-text\"\u003e\n\u003cp class=\"ccn7-label\"\u003eWhat it's about\u003c\/p\u003e\n\u003ch3 class=\"ccn7-h3\"\u003eThe great Napoleonic battles finally on the table\u003c\/h3\u003e\n\u003cp class=\"ccn7-p\"\u003eThe seventh expansion for Commands \u0026amp; Colors: Napoleonics brings the game system to its most ambitious scale yet. Waterloo. Borodino. Battles with up to eight players on maps up to 29 hexes wide — nearly double the standard scenario.\u003c\/p\u003e\n\u003cp class=\"ccn7-p\"\u003eDesigned by \u003cstrong\u003eRichard Borg\u003c\/strong\u003e and published by \u003cstrong\u003eGMT Games\u003c\/strong\u003e, The Grand Battles introduces 10 Grand Battle scenarios and 10 EPIC scenarios, two mounted maps for grand battles, exclusive new units like the Russian Guard Grenadiers and British Highlanders, and rules for Iconic Commanders — including Napoleon himself, with special abilities that change the pace of the entire game.\u003c\/p\u003e\n\u003cp class=\"ccn7-p\"\u003e⚠️ \u003cstrong\u003eImportant note:\u003c\/strong\u003e This expansion requires the Commands \u0026amp; Colors: Napoleonics core game and several previous expansions (Spanish Army, Russian Army, Austrian Army, Prussian Army, Generals\/Marshals \u0026amp; Tacticians, EPIC Napoleonics) to play most of the included scenarios.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-intro-side\"\u003e\n\u003cp class=\"ccn7-quote-header\"\u003eFrom the game experience\u003c\/p\u003e\n\u003cdiv class=\"ccn7-quote-solo\"\u003e\n\u003cspan class=\"ccn7-qs-icon\"\u003e🏛️\u003c\/span\u003e\n\u003cp class=\"ccn7-qs-text\"\u003eEight players, a huge map, two hundred years of history to rewrite in an afternoon. This isn't a wargame you play — it's one you remember.\u003c\/p\u003e\n\u003cp class=\"ccn7-qs-note\"\u003eThe secret of The Grand Battles in one line\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-quote-solo ccn7-quote-solo--alt\"\u003e\n\u003cspan class=\"ccn7-qs-icon\"\u003e⚔️\u003c\/span\u003e\n\u003cp class=\"ccn7-qs-text\"\u003eThe C\u0026amp;C system keeps the tension high even with eight players: every card played is a tactical decision that the opponent across the table doesn't expect.\u003c\/p\u003e\n\u003cp class=\"ccn7-qs-note\"\u003eFrom the game experience\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- FROGSCORE --\u003e\n\u003cdiv class=\"ccn7-fs\"\u003e\n\u003cdiv class=\"ccn7-fs-header\"\u003e\n\u003cdiv class=\"ccn7-fs-brand\"\u003e\n\u003cimg class=\"ccn7-fs-frog-img\" alt=\"FroGames\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/FROG_FAVICON.webp?v=1774174794\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"ccn7-fs-brand-label\"\u003eFrogScore · frogames.business\u003c\/span\u003e\n\u003cp class=\"ccn7-fs-game-name\"\u003eC\u0026amp;C: Napoleonics – The Grand Battles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan style=\"background: #e8eef8; border-color: #7090c8; color: #1a3060;\" class=\"ccn7-fs-cat\"\u003eConflict · Strategy\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-body\"\u003e\n\u003cdiv class=\"ccn7-fs-radar-panel\"\u003e\n\u003csvg style=\"overflow: visible;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 320 320\" id=\"ccn7-fs-svg\"\u003e\u003c\/svg\u003e\n\u003cdiv id=\"ccn7-fs-tip\" class=\"ccn7-fs-tip\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-info\"\u003e\n\u003cspan class=\"ccn7-fs-feel-lbl\"\u003eThe experience\u003c\/span\u003e\n\u003cdiv class=\"ccn7-fs-feeling\"\u003e\n\u003cspan class=\"ccn7-fs-feel-tag\"\u003eEpic\u003c\/span\u003e \u003cspan class=\"ccn7-fs-feel-tag\"\u003eTactical\u003c\/span\u003e \u003cspan class=\"ccn7-fs-feel-tag\"\u003eImmersive\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ccn7-fs-section-label\"\u003eWho it's for\u003c\/span\u003e\n\u003cdiv class=\"ccn7-fs-targets\"\u003e\n\u003cdiv class=\"ccn7-fs-target ccn7-fs-si\"\u003e\n\u003cspan\u003e🎯\u003c\/span\u003eExperts\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-target ccn7-fs-si\"\u003e\n\u003cspan\u003e🧠\u003c\/span\u003eHeavy game\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-target ccn7-fs-no\"\u003e\n\u003cspan\u003e🎲\u003c\/span\u003eFamily game\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-target ccn7-fs-no\"\u003e\n\u003cspan\u003e🧒\u003c\/span\u003eChildren\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-target ccn7-fs-no\"\u003e\n\u003cspan\u003e🌱\u003c\/span\u003eGateway\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-target ccn7-fs-si\"\u003e\n\u003cspan\u003e🧘\u003c\/span\u003eSolo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-solo\"\u003e\n\u003cdiv class=\"ccn7-fs-solo-header\"\u003e\n\u003cspan class=\"ccn7-fs-solo-label\"\u003eSolo mode\u003c\/span\u003e \u003cspan class=\"ccn7-fs-solo-type\"\u003eUnofficial\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-solo-stars\"\u003e\n\u003cspan class=\"ccn7-fs-star ccn7-fs-star--on\"\u003e★\u003c\/span\u003e \u003cspan class=\"ccn7-fs-star ccn7-fs-star--on\"\u003e★\u003c\/span\u003e \u003cspan class=\"ccn7-fs-star ccn7-fs-star--on\"\u003e★\u003c\/span\u003e \u003cspan class=\"ccn7-fs-star\"\u003e★\u003c\/span\u003e \u003cspan class=\"ccn7-fs-star\"\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"ccn7-fs-solo-note\"\u003eWorks by managing both sides in \"blind hands\" mode with face-down cards. Satisfying for studying historical scenarios, but loses the tension of direct confrontation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-verdict\"\u003e\n\u003cdiv class=\"ccn7-fs-verdict-title\"\u003eIn summary\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-verdict-text\"\u003eThe culmination of a historical system. For those who have already completed the C\u0026amp;C Napoleonics journey and want to experience Waterloo and Borodino on the table — not for beginners.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-fs-footer\"\u003e\n\u003cimg class=\"ccn7-fs-footer-frog\" alt=\"FroGames\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/FROG_FAVICON.webp?v=1774174794\"\u003e FrogScore · FroGames editorial rating · based on rules, international reviews, 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:'Strategy',    v:5, note:\"Every card played is a tactical choice that can change the outcome of the battle\"},\n        {l:'Depth',   v:5, note:\"National rules, Iconic Commanders, historical terrain: complexity rewards those who study\"},\n        {l:'Tension',     v:4, note:\"Great battles create unpredictable turning points even sixty turns in\"},\n        {l:'Replayability',v:4, note:\"20 different historical scenarios, from EPIC skirmishes to eight-player Grand Battles\"},\n        {l:'Interaction',  v:3, note:\"Direct between factions, limited within one's own team — coordination is everything\"},\n        {l:'Luck',      v:3, note:\"Dice decide the outcome of individual battles — tactics decide who chooses which battles\"}\n      ];\n      var accent='#1B3A6B';\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('ccn7-fs-svg');\n      var tip=document.getElementById('ccn7-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 ccn7-draw{to{stroke-dashoffset:0}}@keyframes ccn7-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:ccn7-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        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:ccn7-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:ccn7-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=\"ccn7-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- ARSENAL --\u003e\n\u003cdiv class=\"ccn7-section-pad\"\u003e\n\u003cp class=\"ccn7-label\"\u003eWhat it adds\u003c\/p\u003e\n\u003ch3 class=\"ccn7-h3\"\u003eThe expansion content\u003c\/h3\u003e\n\u003cdiv class=\"ccn7-cards\"\u003e\n\u003cdiv class=\"ccn7-card\"\u003e\n\u003cspan class=\"ccn7-card-icon\"\u003e🗺️\u003c\/span\u003e\n\u003ch4 class=\"ccn7-card-name\"\u003e2 mounted Grand Battle maps\u003c\/h4\u003e\n\u003cp class=\"ccn7-card-desc\"\u003eLeft and right parts to join for an 11×26 hex battlefield. For maximum spectacle with up to 8 players on the same table.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-card\"\u003e\n\u003cspan class=\"ccn7-card-icon\"\u003e📜\u003c\/span\u003e\n\u003ch4 class=\"ccn7-card-name\"\u003ePre-printed Waterloo and Borodino\u003c\/h4\u003e\n\u003cp class=\"ccn7-card-desc\"\u003eTwo battles on an 11×29 hex paper map, ready with terrain and deployments. Near-instant setup for the two most legendary clashes of the Napoleonic era.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-card\"\u003e\n\u003cspan class=\"ccn7-card-icon\"\u003e🪖\u003c\/span\u003e\n\u003ch4 class=\"ccn7-card-name\"\u003eExclusive new units\u003c\/h4\u003e\n\u003cp class=\"ccn7-card-desc\"\u003eBritish Highlanders, Russian Guard Cuirassiers, Austrian mounted Militia. With all the blocks and specific rules for each unit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ccn7-card\"\u003e\n\u003cspan class=\"ccn7-card-icon\"\u003e👑\u003c\/span\u003e\n\u003ch4 class=\"ccn7-card-name\"\u003eIconic Commander Rules\u003c\/h4\u003e\n\u003cp class=\"ccn7-card-desc\"\u003eNapoleon gains unique special powers when in command. Rules designed for all EPIC and Grand Battle scenarios — leadership that changes history.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CLOSING --\u003e\n\u003cdiv class=\"ccn7-closing\"\u003e\n\u003cp class=\"ccn7-closing-text\"\u003eWhen eight players sit around Waterloo, each brings their own interpretation of that June 1815. History is rewritten every time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.ccn7-wrap, .ccn7-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n.ccn7-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.32);\n  max-width: 1200px;\n  margin-left: auto;\n  margin-right: auto;\n  background: #0d1520;\n}\n\n\/* ── COVER ── *\/\n.ccn7-cover { position: relative; width: 100%; height: 340px; overflow: hidden; display: flex; align-items: flex-end; }\n.ccn7-cover-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }\n.ccn7-cover-fade { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(13,21,32,0) 0%, rgba(13,21,32,0) 20%, rgba(13,21,32,0.6) 55%, rgba(13,21,32,0.88) 75%, rgba(13,21,32,0.98) 100%); }\n.ccn7-cover-content { position: relative; z-index: 2; padding: 18px 26px 24px; width: 100%; }\n.ccn7-kicker { display: block; color: #C8A840; font-family: sans-serif; font-size: 0.7rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 8px; }\n.ccn7-sub { color: rgba(255,255,255,0.9); font-family: Georgia, serif; font-size: 1rem; font-style: italic; line-height: 1.55; max-width: 580px; margin-bottom: 16px; }\n.ccn7-chips { display: flex; flex-wrap: wrap; gap: 7px; }\n.ccn7-chip { background: rgba(255,255,255,0.1); 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.ccn7-chip--gold { background: #C8A840; border-color: #C8A840; color: #0d1520; }\n\n\/* ── SPECS ── *\/\n.ccn7-specs-bar { background: #0d1520; padding: 0 24px; border-top: 1px solid rgba(200,168,64,0.15); }\n.ccn7-specs { display: grid; grid-template-columns: repeat(3, 1fr); }\n.ccn7-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.ccn7-spec:nth-child(3n) { border-right: none; }\n.ccn7-spec:nth-last-child(-n+3) { border-bottom: none; }\n.ccn7-spec-icon { font-size: 1.2rem; }\n.ccn7-spec-label { color: rgba(255,255,255,0.4); font-family: sans-serif; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 1px; }\n.ccn7-spec-val { color: #fff; font-family: sans-serif; font-size: 0.84rem; font-weight: 800; }\n\n\/* ── BODY ── *\/\n.ccn7-body { background: #e8d9b0; }\n\n\/* ── INTRO ── *\/\n.ccn7-intro-grid { display: grid; grid-template-columns: 1fr; gap: 26px; padding: 36px 28px 8px; }\n.ccn7-label { display: block; font-family: sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #1B3A6B; margin-bottom: 7px; }\n.ccn7-h3 { font-size: clamp(1.4rem, 2.5vw, 2.1rem); font-weight: 900; color: #0d1520; line-height: 1.15; margin-bottom: 16px; }\n.ccn7-p { font-family: sans-serif; font-size: 0.95rem; color: #2a2010; margin-bottom: 13px; line-height: 1.65; max-width: 700px; }\n\n\/* ── EDITORIAL QUOTES ── *\/\n.ccn7-quote-header { font-family: sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #1B3A6B; margin-bottom: 12px; }\n.ccn7-quote-solo { background: #1B3A6B; border-radius: 14px; padding: 18px 20px; margin-bottom: 12px; border-left: 4px solid #C8A840; }\n.ccn7-quote-solo--alt { background: #0d1520; border-left-color: #8a1010; }\n.ccn7-qs-icon { font-size: 1.4rem; display: block; margin-bottom: 8px; }\n.ccn7-qs-text { color: #fff; font-style: italic; font-size: 0.9rem; line-height: 1.6; margin-bottom: 8px; font-family: Georgia, serif; }\n.ccn7-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.ccn7-divider { height: 1px; background: #c8b888; margin: 32px 28px 0; }\n\n\/* ── FROGSCORE ── *\/\n.ccn7-fs { background: #fff; border-top: 1px solid #e0d8cc; border-bottom: 1px solid #e0d8cc; }\n.ccn7-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.ccn7-fs-brand { display: flex; align-items: center; gap: 9px; }\n.ccn7-fs-frog-img { width: 28px; height: 28px; object-fit: contain; flex-shrink: 0; }\n.ccn7-fs-footer-frog { width: 16px; height: 16px; object-fit: contain; vertical-align: middle; margin-right: 2px; }\n.ccn7-fs-brand-label { display: block; font-family: sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #6b5e48; }\n.ccn7-fs-game-name { font-family: sans-serif; font-size: 14px; font-weight: 700; color: #1a1208; margin-top: 2px; }\n.ccn7-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.ccn7-fs-body { display: grid; grid-template-columns: 1fr; background: #f7f4ef; }\n.ccn7-fs-radar-panel { padding: 20px 16px; display: flex; justify-content: center; background: #f7f4ef; position: relative; }\n.ccn7-fs-radar-panel svg { width: 100%; max-width: 270px; height: auto; display: block; }\n.ccn7-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.ccn7-fs-info { padding: 16px 18px 18px; background: #f7f4ef; border-top: 1px solid #e8e2da; }\n.ccn7-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.ccn7-fs-feeling { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }\n.ccn7-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.ccn7-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.ccn7-fs-targets { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px,1fr)); gap: 7px; margin-bottom: 16px; }\n.ccn7-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.ccn7-fs-target span { font-size: 14px; flex-shrink: 0; }\n.ccn7-fs-si { background: #fff; border-color: #c8c0b0; color: #2a1a08; }\n.ccn7-fs-no { background: transparent; border-color: #e0d8d0; color: #b8a898; opacity: .45; text-decoration: line-through; }\n.ccn7-fs-solo { background: #eeeae4; border-radius: 10px; padding: 12px 14px; border: 1px solid #e0d8cc; margin-bottom: 14px; }\n.ccn7-fs-solo-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }\n.ccn7-fs-solo-label { font-family: sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #6b5e48; }\n.ccn7-fs-solo-type { font-family: sans-serif; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 50px; background: #e8eef8; border: 1px solid #9ab0d8; color: #1a3060; }\n.ccn7-fs-solo-stars { display: flex; gap: 2px; margin-bottom: 6px; }\n.ccn7-fs-star { font-size: 14px; color: #d0c0a0; }\n.ccn7-fs-star--on { color: #C8A840; }\n.ccn7-fs-solo-note { font-family: sans-serif; font-size: 11px; color: #5a4a38; line-height: 1.55; }\n.ccn7-fs-verdict { background: #fff; border-radius: 10px; padding: 12px 14px; border: 1px solid #e0d8cc; }\n.ccn7-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.ccn7-fs-verdict-text { font-family: sans-serif; font-size: 12px; color: #3d2810; line-height: 1.65; }\n.ccn7-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.ccn7-section-pad { padding: 32px 28px 8px; }\n.ccn7-cards { display: grid; grid-template-columns: 1fr; gap: 11px; margin-top: 16px; }\n.ccn7-card { background: #fff; border-radius: 14px; padding: 16px 18px; border: 1px solid #d4c898; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; }\n.ccn7-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.09); }\n.ccn7-card-icon { font-size: 1.6rem; display: block; margin-bottom: 7px; }\n.ccn7-card-name { font-size: 0.95rem; font-weight: 900; color: #1B3A6B; margin-bottom: 5px; }\n.ccn7-card-desc { font-family: sans-serif; font-size: 0.85rem; color: #2a2010; line-height: 1.55; }\n\n\/* ── CLOSING ── *\/\n.ccn7-closing { background: #0d1520; padding: 26px 28px; border-top: 3px solid #C8A840; }\n.ccn7-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\/* ── RESPONSIVE ── *\/\n@media screen and (min-width: 600px) {\n  .ccn7-specs { grid-template-columns: repeat(6, 1fr); }\n  .ccn7-spec { border-bottom: none; }\n  .ccn7-spec:nth-child(3n) { border-right: 1px solid rgba(255,255,255,0.07); }\n  .ccn7-spec:last-child { border-right: none; }\n  .ccn7-cards { grid-template-columns: repeat(2, 1fr); }\n  .ccn7-fs-body { grid-template-columns: 1fr 2fr; } \/* Adjusted from 220px 1fr to 1fr 2fr for better responsiveness *\/\n  .ccn7-fs-radar-panel { padding: 20px 16px; display: flex; justify-content: center; background: #f7f4ef; position: relative; border-right: 1px solid #e8e2da; border-top: none; } \/* Added border-top: none and moved border-right *\/\n  .ccn7-fs-info { border-top: none; }\n}\n@media screen and (min-width: 900px) {\n  .ccn7-cover { height: 440px; }\n  .ccn7-cover-content { padding: 22px 36px 30px; }\n  .ccn7-intro-grid { grid-template-columns: 3fr 2fr; align-items: start; padding: 40px 36px 8px; }\n  .ccn7-cards { grid-template-columns: repeat(4, 1fr); }\n  .ccn7-divider { margin-left: 36px; margin-right: 36px; }\n  .ccn7-section-pad { padding: 36px 36px 8px; }\n  .ccn7-closing { padding: 28px 36px; }\n  .ccn7-fs-body { grid-template-columns: 260px 1fr; }\n  .ccn7-fs-radar-panel svg { max-width: 260px; }\n}\n\u003c\/style\u003e","brand":"GMT Games","offers":[{"title":"Default Title","offer_id":53602708062535,"sku":null,"price":89.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/Commands_ColorsNapoleonicsExpansion7TheGrandBattles00.webp?v=1774622781","url":"https:\/\/frogames.business\/en\/products\/commands-colors-napoleonics-expansion-7-the-grand-battles","provider":"FroGames","version":"1.0","type":"link"}