{"product_id":"smart-games-break-out","title":"Break-out","description":"\u003c!-- =====================================================\n     BREAK-OUT: ESCAPE THE DUNGEON — BLOCK 1\n     FroGames | Shopify Theme Concept\n     ⚠️ Replace INSERT_SHOPIFY_COVER_URL with the CDN URL\n        of the cover image after uploading it.\n     ===================================================== --\u0026gt;\n\n\u003cdiv class=\"brk1-wrap\"\u003e\n\n\n  \u003c!-- COVER --\u003e\n  \u003cdiv class=\"brk1-cover\"\u003e\n\n    \u003cimg src=\"INSERISCI_URL_COPERTINA_SHOPIFY\" alt=\"Break-Out Escape the Dungeon solo puzzle board game for 1 player - official SmartGames cover\" class=\"brk1-cover-img\" loading=\"eager\"\u003e\n    \u003cdiv class=\"brk1-cover-fade\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"brk1-cover-content\"\u003e\n\n      \u003cp class=\"brk1-kicker\"\u003eFroGames — Moments You'll Remember\u003c\/p\u003e\n\n      \u003cp class=\"brk1-sub\"\u003eA key, a gate, a monster in the shadows. And only your wits to escape the dungeon alive.\u003c\/p\u003e\n\n      \u003cdiv class=\"brk1-chips\"\u003e\n\n        \u003cspan class=\"brk1-chip brk1-chip--teal\"\u003eSmartGames\u003c\/span\u003e\n        \u003cspan class=\"brk1-chip\"\u003e3D Puzzle\u003c\/span\u003e\n        \u003cspan class=\"brk1-chip\"\u003eTumbling block\u003c\/span\u003e\n        \u003cspan class=\"brk1-chip\"\u003eTravel size\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SPECS --\u003e\n  \u003cdiv class=\"brk1-specs-bar\"\u003e\n\n    \u003cdiv class=\"brk1-specs\"\u003e\n\n      \u003cdiv class=\"brk1-spec\"\u003e\n\n        \u003cspan class=\"brk1-spec-icon\"\u003e👤\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-label\"\u003ePlayers\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-val\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"brk1-spec\"\u003e\n\n        \u003cspan class=\"brk1-spec-icon\"\u003e⏱️\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-label\"\u003eDuration\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-val\"\u003eVariable\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"brk1-spec\"\u003e\n\n        \u003cspan class=\"brk1-spec-icon\"\u003e🎂\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-label\"\u003eAge\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-val\"\u003e10+ years\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"brk1-spec\"\u003e\n\n        \u003cspan class=\"brk1-spec-icon\"\u003e🧩\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-label\"\u003eMechanism\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-val\"\u003eLogic puzzle\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"brk1-spec\"\u003e\n\n        \u003cspan class=\"brk1-spec-icon\"\u003e🎯\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-label\"\u003eChallenges\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-val\"\u003e80 · easy→expert\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"brk1-spec\"\u003e\n\n        \u003cspan class=\"brk1-spec-icon\"\u003e🧘\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-label\"\u003eMode\u003c\/span\u003e\n        \u003cspan class=\"brk1-spec-val\"\u003eSolo\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- BODY --\u003e\n  \u003cdiv class=\"brk1-body\"\u003e\n\n\n    \u003c!-- INTRO + EDITORIAL BOXES --\u003e\n    \u003cdiv class=\"brk1-intro-grid\"\u003e\n\n      \u003cdiv class=\"brk1-intro-text\"\u003e\n\n        \u003cp class=\"brk1-label\"\u003eWhat it's about\u003c\/p\u003e\n\n        \u003ch3 class=\"brk1-h3\"\u003eA hero, a magic key, and a dungeon to escape\u003c\/h3\u003e\n\n        \u003cp class=\"brk1-p\"\u003e\u003cstrong\u003eBreak-Out: Escape the Dungeon\u003c\/strong\u003e is SmartGames' solo puzzle that transforms a classic block-sliding game into something new. Your hero doesn't walk: he rolls. Every move makes him flip onto a different face, and where he lands — and in what position — changes everything.\u003c\/p\u003e\n\n        \u003cp class=\"brk1-p\"\u003eThe goal is to exit the dungeon through the gate. Roll the hero along the path, navigate around crates, pillars, and crystals, collect the magic key, and arrive at the gate \u003cem\u003ein the exact position\u003c\/em\u003e to open it. In some challenges, there's even a monster: first, you find the weapon, then you face it, then you escape.\u003c\/p\u003e\n\n        \u003cp class=\"brk1-p\"\u003eEighty challenges that escalate from beginner to expert level. No dice, no cards, no luck: in \u003cstrong\u003eBreak-Out: Escape the Dungeon\u003c\/strong\u003e, it's just you, the dungeon space, and logic. Rules in a minute, compact box to take anywhere.\u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"brk1-intro-side\"\u003e\n\n        \u003cdiv class=\"brk1-quote-solo\"\u003e\n\n          \u003cspan class=\"brk1-qs-icon\"\u003e🎲\u003c\/span\u003e\n          \u003cp class=\"brk1-qs-text\"\u003eThe \"twist\" is all here: the hero rolls, and the face that touches the ground determines the move. Thinking about where you end up isn't enough — you also need to think about how you get there.\u003c\/p\u003e\n\n          \u003cp class=\"brk1-qs-note\"\u003eThe secret of Break-Out in one line\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"brk1-quote-solo brk1-quote-solo--alt\"\u003e\n\n          \u003cspan class=\"brk1-qs-icon\"\u003e💡\u003c\/span\u003e\n          \u003cp class=\"brk1-qs-text\"\u003eThat feeling of staring at the scene for two minutes, then seeing the whole path at once and opening the gate on the first try. That's the moment you play for.\u003c\/p\u003e\n\n          \u003cp class=\"brk1-qs-note\"\u003eFrom the game experience\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"brk1-divider\"\u003e\u003c\/div\u003e\n\n\n    \u003c!-- FROGSCORE --\u003e\n    \u003cdiv class=\"brk1-fs\"\u003e\n\n      \u003cdiv class=\"brk1-fs-header\"\u003e\n\n        \u003cdiv class=\"brk1-fs-brand\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/FROG_FAVICON.webp?v=1774174794\" alt=\"FroGames\" class=\"brk1-fs-frog-img\"\u003e\n          \u003cdiv\u003e\n\n            \u003cspan class=\"brk1-fs-brand-label\"\u003eFrogScore · frogames.business\u003c\/span\u003e\n            \u003cp class=\"brk1-fs-game-name\"\u003eBreak-Out: Escape the Dungeon\u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cspan class=\"brk1-fs-cat\" style=\"background:#e0f2f4;border-color:#5fb8c4;color:#0a4a52\"\u003ePuzzle · Solo\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"brk1-fs-body\"\u003e\n\n        \u003cdiv class=\"brk1-fs-radar-panel\"\u003e\n\n          \u003csvg id=\"brk1-fs-svg\" viewbox=\"0 0 320 320\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"overflow:visible\"\u003e\u003c\/svg\u003e\n          \u003cdiv class=\"brk1-fs-tip\" id=\"brk1-fs-tip\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"brk1-fs-info\"\u003e\n\n          \u003cspan class=\"brk1-fs-feel-lbl\"\u003eThe experience\u003c\/span\u003e\n          \u003cdiv class=\"brk1-fs-feeling\"\u003e\n\n            \u003cspan class=\"brk1-fs-feel-tag\"\u003eStimulating\u003c\/span\u003e\n            \u003cspan class=\"brk1-fs-feel-tag\"\u003eSatisfying\u003c\/span\u003e\n            \u003cspan class=\"brk1-fs-feel-tag\"\u003eProgressive\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cspan class=\"brk1-fs-section-label\"\u003eWho it's for\u003c\/span\u003e\n          \u003cdiv class=\"brk1-fs-targets\"\u003e\n\n            \u003cdiv class=\"brk1-fs-target brk1-fs-si\"\u003e\n\n\u003cspan\u003e🧘\u003c\/span\u003eSolo\u003c\/div\u003e\n\n            \u003cdiv class=\"brk1-fs-target brk1-fs-si\"\u003e\n\n\u003cspan\u003e🌱\u003c\/span\u003eGateway\u003c\/div\u003e\n\n            \u003cdiv class=\"brk1-fs-target brk1-fs-si\"\u003e\n\n\u003cspan\u003e🧒\u003c\/span\u003eKids\u003c\/div\u003e\n\n            \u003cdiv class=\"brk1-fs-target brk1-fs-no\"\u003e\n\n\u003cspan\u003e🎯\u003c\/span\u003eExperts\u003c\/div\u003e\n\n            \u003cdiv class=\"brk1-fs-target brk1-fs-no\"\u003e\n\n\u003cspan\u003e🍕\u003c\/span\u003eParty\u003c\/div\u003e\n\n            \u003cdiv class=\"brk1-fs-target brk1-fs-no\"\u003e\n\n\u003cspan\u003e🧠\u003c\/span\u003eHeavy game\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"brk1-fs-verdict\"\u003e\n\n            \u003cdiv class=\"brk1-fs-verdict-title\"\u003eIn summary\u003c\/div\u003e\n\n            \u003cdiv class=\"brk1-fs-verdict-text\"\u003eA clean and elegant solo puzzle: immediate rules and 80 challenges that grow to make you sweat. Perfect for travel and for those who love to rack their brains in peace — it's not a group board game.\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"brk1-fs-footer\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/FROG_FAVICON.webp?v=1774174794\" alt=\"FroGames\" class=\"brk1-fs-footer-frog\"\u003e FrogScore · FroGames editorial rating · based on rules, official SmartGames material, and play sessions\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cscript\u003e\n    (function(){\n      var PI2=Math.PI*2;\n      var dims=[\n        {l:'Logica',        v:4, note:\"Pianificazione pura: nessun dado, solo la tua testa\"},\n        {l:'Profondit\\u00e0',   v:4, note:\"80 sfide con uno spazio di soluzioni che cresce\"},\n        {l:'Rigiocabilit\\u00e0',v:3, note:\"Ogni sfida ha una soluzione: il valore \\u00e8 nel percorso\"},\n        {l:'Complessit\\u00e0',  v:2, note:\"Regole in un minuto, si parte subito\"},\n        {l:'Fortuna',       v:1, note:\"Zero caso: si vince solo ragionando\"}\n      ];\n      var accent='#0E8C9E';\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('brk1-fs-svg');\n      var tip=document.getElementById('brk1-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 brk1-draw{to{stroke-dashoffset:0}}@keyframes brk1-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:brk1-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:brk1-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:brk1-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\n    \u003cdiv class=\"brk1-divider\"\u003e\u003c\/div\u003e\n\n\n    \u003c!-- DUNGEON ELEMENTS --\u003e\n    \u003cdiv class=\"brk1-section-pad\"\u003e\n\n      \u003cp class=\"brk1-label\"\u003eInside the dungeon\u003c\/p\u003e\n\n      \u003ch3 class=\"brk1-h3\"\u003eWhat comes into play in each challenge\u003c\/h3\u003e\n\n      \u003cdiv class=\"brk1-cards\"\u003e\n\n        \u003cdiv class=\"brk1-card\"\u003e\n\n          \u003cspan class=\"brk1-card-icon\"\u003e🧝\u003c\/span\u003e\n          \u003ch4 class=\"brk1-card-name\"\u003eThe rolling hero\u003c\/h4\u003e\n\n          \u003cp class=\"brk1-card-desc\"\u003eHe doesn't slide: he flips one face at a time. The position he arrives at the gate matters as much as the path he takes.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"brk1-card\"\u003e\n\n          \u003cspan class=\"brk1-card-icon\"\u003e🔑\u003c\/span\u003e\n          \u003ch4 class=\"brk1-card-name\"\u003eThe magic key\u003c\/h4\u003e\n\n          \u003cp class=\"brk1-card-desc\"\u003eWithout the key, the gate remains closed. You must collect it along the way and present yourself at the exit in the right way.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"brk1-card\"\u003e\n\n          \u003cspan class=\"brk1-card-icon\"\u003e👹\u003c\/span\u003e\n          \u003ch4 class=\"brk1-card-name\"\u003eThe monster\u003c\/h4\u003e\n\n          \u003cp class=\"brk1-card-desc\"\u003eIn some challenges, it blocks your way. First, you retrieve the weapon, then you face it — and only then can you think about escaping.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"brk1-card\"\u003e\n\n          \u003cspan class=\"brk1-card-icon\"\u003e🧱\u003c\/span\u003e\n          \u003ch4 class=\"brk1-card-name\"\u003eDungeon obstacles\u003c\/h4\u003e\n\n          \u003cp class=\"brk1-card-desc\"\u003eCrates, pillars, and crystals fill the room. Each element reduces your possible moves and makes the path a puzzle.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- CLOSING --\u003e\n    \u003cdiv class=\"brk1-closing\"\u003e\n\n      \u003cp class=\"brk1-closing-text\"\u003eTen minutes stolen before dinner, a challenge that seemed impossible, then the gate opens. It always happens with Break-Out.\u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n\n\n\u003cstyle\u003e\n.brk1-wrap, .brk1-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n.brk1-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: #07282a;\n}\n\n\/* ── COPERTINA ── *\/\n.brk1-cover { position: relative; width: 100%; height: 340px; overflow: hidden; display: flex; align-items: flex-end; }\n.brk1-cover-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; color: transparent; font-size: 0; }\n.brk1-cover-fade { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(7,40,42,0) 0%, rgba(7,40,42,0) 22%, rgba(7,40,42,0.65) 52%, rgba(7,40,42,0.92) 75%, rgba(7,40,42,1) 100%); }\n.brk1-cover-content { position: relative; z-index: 2; padding: 18px 26px 24px; width: 100%; }\n.brk1-kicker { display: block; color: #F0852E; font-family: sans-serif; font-size: 0.7rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 8px; }\n.brk1-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.brk1-chips { display: flex; flex-wrap: wrap; gap: 7px; }\n.brk1-chip { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); color: #fff; font-family: sans-serif; padding: 4px 12px; border-radius: 50px; font-size: 0.78rem; font-weight: 600; }\n.brk1-chip--teal { background: #0E8C9E; border-color: #0E8C9E; }\n\n\/* ── SPECS ── *\/\n.brk1-specs-bar { background: #0a2224; padding: 0 24px; border-top: 1px solid rgba(255,255,255,0.06); }\n.brk1-specs { display: grid; grid-template-columns: repeat(3, 1fr); }\n.brk1-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.brk1-spec:nth-child(3n) { border-right: none; }\n.brk1-spec:nth-last-child(-n+3) { border-bottom: none; }\n.brk1-spec-icon { font-size: 1.2rem; }\n.brk1-spec-label { color: rgba(255,255,255,0.4); font-family: sans-serif; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 1px; }\n.brk1-spec-val { color: #fff; font-family: sans-serif; font-size: 0.84rem; font-weight: 800; }\n\n\/* ── BODY ── *\/\n.brk1-body { background: #E8F1EF; }\n\n\/* ── INTRO ── *\/\n.brk1-intro-grid { display: grid; grid-template-columns: 1fr; gap: 26px; padding: 36px 28px 8px; }\n.brk1-label { display: block; font-family: sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #0E8C9E; margin-bottom: 7px; }\n.brk1-h3 { font-size: clamp(1.4rem, 2.5vw, 2.1rem); font-weight: 900; color: #07282a; line-height: 1.15; margin-bottom: 16px; }\n.brk1-p { font-family: sans-serif; font-size: 0.95rem; color: #1f3c3d; margin-bottom: 13px; line-height: 1.65; max-width: 700px; }\n\n\/* ── BOX EDITORIALI ── *\/\n.brk1-quote-solo { background: #0a3032; border-radius: 14px; padding: 18px 20px; margin-bottom: 12px; border-left: 4px solid #0E8C9E; }\n.brk1-quote-solo--alt { background: #3a1a08; border-left-color: #E2661C; }\n.brk1-qs-icon { font-size: 1.4rem; display: block; margin-bottom: 8px; }\n.brk1-qs-text { color: #fff; font-style: italic; font-size: 0.9rem; line-height: 1.6; margin-bottom: 8px; font-family: Georgia, serif; }\n.brk1-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.brk1-divider { height: 1px; background: #c4d6d2; margin: 32px 28px 0; }\n\n\/* ── FROGSCORE ── *\/\n.brk1-fs { background:#fff; border-top:1px solid #e0d8cc; border-bottom:1px solid #e0d8cc; }\n.brk1-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.brk1-fs-brand { display:flex; align-items:center; gap:9px; }\n.brk1-fs-frog-img { width:28px; height:28px; object-fit:contain; flex-shrink:0; }\n.brk1-fs-footer-frog { width:16px; height:16px; object-fit:contain; vertical-align:middle; margin-right:2px; }\n.brk1-fs-brand-label { display:block; font-family:sans-serif; font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#6b5e48; }\n.brk1-fs-game-name { font-family:sans-serif; font-size:14px; font-weight:700; color:#1a1208; margin-top:2px; }\n.brk1-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.brk1-fs-body { display:grid; grid-template-columns:1fr; background:#f7f4ef; }\n.brk1-fs-radar-panel { padding:20px 16px; display:flex; justify-content:center; background:#f7f4ef; position:relative; }\n.brk1-fs-radar-panel svg { width:100%; max-width:270px; height:auto; display:block; }\n.brk1-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.brk1-fs-info { padding:16px 18px 18px; background:#f7f4ef; border-top:1px solid #e8e2da; }\n.brk1-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.brk1-fs-feeling { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }\n.brk1-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.brk1-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.brk1-fs-targets { display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:7px; margin-bottom:16px; }\n.brk1-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.brk1-fs-target span { font-size:14px; flex-shrink:0; }\n.brk1-fs-si { background:#fff; border-color:#c8c0b0; color:#2a1a08; }\n.brk1-fs-no { background:transparent; border-color:#e0d8d0; color:#b8a898; opacity:.45; text-decoration:line-through; }\n.brk1-fs-verdict { background:#fff; border-radius:10px; padding:12px 14px; border:1px solid #e0d8cc; }\n.brk1-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.brk1-fs-verdict-text { font-family:sans-serif; font-size:12px; color:#3d2810; line-height:1.65; }\n.brk1-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.brk1-section-pad { padding: 32px 28px 8px; }\n.brk1-cards { display: grid; grid-template-columns: 1fr; gap: 11px; margin-top: 16px; }\n.brk1-card { background: #fff; border-radius: 14px; padding: 16px 18px; border: 1px solid #cfe0dc; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; }\n.brk1-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.09); }\n.brk1-card-icon { font-size: 1.6rem; display: block; margin-bottom: 7px; }\n.brk1-card-name { font-size: 0.95rem; font-weight: 900; color: #0E8C9E; margin-bottom: 5px; }\n.brk1-card-desc { font-family: sans-serif; font-size: 0.85rem; color: #1f3c3d; line-height: 1.55; }\n\n\/* ── CLOSING ── *\/\n.brk1-closing { background: #07282a; padding: 26px 28px; border-top: 3px solid #F0852E; }\n.brk1-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  .brk1-specs { grid-template-columns: repeat(6, 1fr); }\n  .brk1-spec { border-bottom: none; }\n  .brk1-spec:nth-child(3n) { border-right: 1px solid rgba(255,255,255,0.07); }\n  .brk1-spec:last-child { border-right: none; }\n  .brk1-cards { grid-template-columns: repeat(2, 1fr); }\n  .brk1-fs-body { grid-template-columns: 220px 1fr; }\n  .brk1-fs-radar-panel { border-top: none; border-right: 1px solid #e8e2da; }\n  .brk1-fs-info { border-top: none; }\n}\n@media screen and (min-width: 900px) {\n  .brk1-cover { height: 440px; }\n  .brk1-cover-content { padding: 22px 36px 30px; }\n  .brk1-intro-grid { grid-template-columns: 3fr 2fr; align-items: start; padding: 40px 36px 8px; }\n  .brk1-cards { grid-template-columns: repeat(4, 1fr); }\n  .brk1-divider { margin-left: 36px; margin-right: 36px; }\n  .brk1-section-pad { padding: 36px 36px 8px; }\n  .brk1-closing { padding: 28px 36px; }\n  .brk1-fs-body { grid-template-columns: 260px 1fr; }\n  .brk1-fs-radar-panel svg { max-width: 260px; }\n}\n\u003c\/style\u003e","brand":"Smart Games","offers":[{"title":"Default Title","offer_id":54179768271175,"sku":null,"price":24.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/Break-out00.webp?v=1781696020","url":"https:\/\/frogames.business\/en\/products\/smart-games-break-out","provider":"FroGames","version":"1.0","type":"link"}