{"product_id":"fenceology","title":"Fenceology","description":"\u003c!-- =====================================================\n     FENCEOLOGY (KAKOMIST) — BLOCK 1\n     FroGames | Shopify Theme Concept\n     CSS Prefix: fcy1-\n     ===================================================== --\u003e\n\n\u003cdiv class=\"fcy1-wrap\"\u003e\n\n  \u003c!-- COVER --\u003e\n  \u003cdiv class=\"fcy1-cover\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/fenceology-cover.webp\" alt=\"Fenceology abstract tile-placement board game for 2 players - official Playte cover\" class=\"fcy1-cover-img\" loading=\"eager\"\u003e\n    \u003cdiv class=\"fcy1-cover-fade\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"fcy1-cover-content\"\u003e\n      \u003cp class=\"fcy1-kicker\"\u003eFroGames — Moments You'll Remember\u003c\/p\u003e\n      \u003cp class=\"fcy1-sub\"\u003eOne tile. One fence. A point of no return. The first to close seven spaces wins it all.\u003c\/p\u003e\n      \u003cdiv class=\"fcy1-chips\"\u003e\n        \u003cspan class=\"fcy1-chip fcy1-chip--accent\"\u003ePure Duel\u003c\/span\u003e\n        \u003cspan class=\"fcy1-chip\"\u003ePlayte\u003c\/span\u003e\n        \u003cspan class=\"fcy1-chip\"\u003eGeometric Abstract\u003c\/span\u003e\n        \u003cspan class=\"fcy1-chip\"\u003eEnglish Edition\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SPECS --\u003e\n  \u003cdiv class=\"fcy1-specs-bar\"\u003e\n    \u003cdiv class=\"fcy1-specs\"\u003e\n      \u003cdiv class=\"fcy1-spec\"\u003e\n        \u003cspan class=\"fcy1-spec-icon\"\u003e👥\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-label\"\u003ePlayers\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-val\"\u003e2\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fcy1-spec\"\u003e\n        \u003cspan class=\"fcy1-spec-icon\"\u003e⏱️\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-label\"\u003eDuration\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-val\"\u003e~20 min\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fcy1-spec\"\u003e\n        \u003cspan class=\"fcy1-spec-icon\"\u003e🎂\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-label\"\u003eAge\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-val\"\u003e8+ years\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fcy1-spec\"\u003e\n        \u003cspan class=\"fcy1-spec-icon\"\u003e🎲\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-label\"\u003eMechanic\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-val\"\u003eTile Placement\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fcy1-spec\"\u003e\n        \u003cspan class=\"fcy1-spec-icon\"\u003e🟣\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-label\"\u003eObjective\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-val\"\u003e7 fences\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fcy1-spec\"\u003e\n        \u003cspan class=\"fcy1-spec-icon\"\u003e⚔️\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-label\"\u003eInteraction\u003c\/span\u003e\n        \u003cspan class=\"fcy1-spec-val\"\u003eDirect and ruthless\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BODY --\u003e\n  \u003cdiv class=\"fcy1-body\"\u003e\n\n    \u003c!-- INTRO + EDITORIAL BOXES --\u003e\n    \u003cdiv class=\"fcy1-intro-grid\"\u003e\n      \u003cdiv class=\"fcy1-intro-text\"\u003e\n        \u003cp class=\"fcy1-label\"\u003eWhat it's about\u003c\/p\u003e\n        \u003ch3 class=\"fcy1-h3\"\u003eEnclose, control, conquer — before your opponent\u003c\/h3\u003e\n        \u003cp class=\"fcy1-p\"\u003eFenceology is an abstract tile-placement game published by \u003cstrong\u003ePlayte\u003c\/strong\u003e, the Japanese publisher specializing in elegant and fast duels. Two players. One table. A game that lasts twenty minutes and stays in your head much longer.\u003c\/p\u003e\n        \u003cp class=\"fcy1-p\"\u003eEach turn you draw a tile and play one from your hand of four, matching the colored dots on the edges to validly place it on the table. Every time you enclose an empty space, you mark it with one of your tokens. \u003cstrong\u003eCreate seven fences before your opponent and win\u003c\/strong\u003e — but if they manage to fill a space you've already fenced with one of their own tiles, your token is returned to you and you have to start over.\u003c\/p\u003e\n        \u003cp class=\"fcy1-p\"\u003eSimple to explain, profound to master. Each tile opens possibilities for both — the real question is who sees them first.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fcy1-intro-side\"\u003e\n        \u003cp class=\"fcy1-quote-header-solo\"\u003eThe soul of the game\u003c\/p\u003e\n        \u003cdiv class=\"fcy1-quote-solo\"\u003e\n          \u003cspan class=\"fcy1-qs-icon\"\u003e🔲\u003c\/span\u003e\n          \u003cp class=\"fcy1-qs-text\"\u003eA closed fence is a momentary victory. A defensible space is a strategic victory. The difference between the two is learned in a few minutes and refined over dozens of games.\u003c\/p\u003e\n          \u003cp class=\"fcy1-qs-note\"\u003eThe secret of Fenceology in one line\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fcy1-quote-solo fcy1-quote-solo--alt\"\u003e\n          \u003cspan class=\"fcy1-qs-icon\"\u003e⚡\u003c\/span\u003e\n          \u003cp class=\"fcy1-qs-text\"\u003eThat feeling when your opponent closes your seventh space and returns your token — and you realize you gave it your all for nothing. And you immediately want to play again.\u003c\/p\u003e\n          \u003cp class=\"fcy1-qs-note\"\u003eFrom the gaming experience\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fcy1-divider\"\u003e\u003c\/div\u003e\n\n    \u003c!-- FROGSCORE --\u003e\n    \u003cdiv class=\"fcy1-fs\"\u003e\n      \u003cdiv class=\"fcy1-fs-header\"\u003e\n        \u003cdiv class=\"fcy1-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=\"fcy1-fs-frog-img\"\u003e\n          \u003cdiv\u003e\n            \u003cspan class=\"fcy1-fs-brand-label\"\u003eFrogScore · frogames.business\u003c\/span\u003e\n            \u003cp class=\"fcy1-fs-game-name\"\u003eFenceology\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"fcy1-fs-cat\" style=\"background:#eeeef8;border-color:#8888c8;color:#222260\"\u003eAbstract · Strategy\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fcy1-fs-body\"\u003e\n        \u003cdiv class=\"fcy1-fs-radar-panel\"\u003e\n          \u003csvg id=\"fcy1-fs-svg\" viewbox=\"0 0 320 320\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"overflow:visible\"\u003e\u003c\/svg\u003e\n          \u003cdiv class=\"fcy1-fs-tip\" id=\"fcy1-fs-tip\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fcy1-fs-info\"\u003e\n          \u003cspan class=\"fcy1-fs-feel-lbl\"\u003eThe experience\u003c\/span\u003e\n          \u003cdiv class=\"fcy1-fs-feeling\"\u003e\n            \u003cspan class=\"fcy1-fs-feel-tag\"\u003eGeometric\u003c\/span\u003e\n            \u003cspan class=\"fcy1-fs-feel-tag\"\u003eTense\u003c\/span\u003e\n            \u003cspan class=\"fcy1-fs-feel-tag\"\u003eElegant\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"fcy1-fs-section-label\"\u003eWho it's for\u003c\/span\u003e\n          \u003cdiv class=\"fcy1-fs-targets\"\u003e\n            \u003cdiv class=\"fcy1-fs-target fcy1-fs-si\"\u003e\n\u003cspan\u003e🎯\u003c\/span\u003eExperts\u003c\/div\u003e\n            \u003cdiv class=\"fcy1-fs-target fcy1-fs-si\"\u003e\n\u003cspan\u003e🌱\u003c\/span\u003eGateway\u003c\/div\u003e\n            \u003cdiv class=\"fcy1-fs-target fcy1-fs-si\"\u003e\n\u003cspan\u003e🎲\u003c\/span\u003eFamily game\u003c\/div\u003e\n            \u003cdiv class=\"fcy1-fs-target fcy1-fs-no\"\u003e\n\u003cspan\u003e🍕\u003c\/span\u003eParty\u003c\/div\u003e\n            \u003cdiv class=\"fcy1-fs-target fcy1-fs-no\"\u003e\n\u003cspan\u003e🧠\u003c\/span\u003eHeavy game\u003c\/div\u003e\n            \u003cdiv class=\"fcy1-fs-target fcy1-fs-no\"\u003e\n\u003cspan\u003e🧘\u003c\/span\u003eSolo\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"fcy1-fs-verdict\"\u003e\n            \u003cdiv class=\"fcy1-fs-verdict-title\"\u003eIn summary\u003c\/div\u003e\n            \u003cdiv class=\"fcy1-fs-verdict-text\"\u003eA twenty-minute duel with the depth of an hour. Ideal for those looking for a quick but not trivial abstract game — and for those who want to challenge someone elegantly and decisively.\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fcy1-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=\"fcy1-fs-footer-frog\"\u003e FrogScore · FroGames editorial rating · based on rules, play sessions and mechanical analysis\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n    (function(){\n      var PI2=Math.PI*2;\n      var dims=[\n        {l:'Strategy',     v:5, note:\"Each tile opens options for both — choosing well is everything\"},\n        {l:'Tension',      v:5, note:\"A closed fence can be invalidated at any time\"},\n        {l:'Depth',    v:4, note:\"Table reading grows game after game\"},\n        {l:'Replayability', v:4, note:\"Always a different table: no two games are identical\"},\n        {l:'Accessibility', v:4, note:\"Rules in five minutes, mastery in twenty games\"},\n        {l:'Luck',       v:1, note:\"No dice, no randomness: the one who sees best wins\"}\n      ];\n      var accent='#3a3aaa';\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('fcy1-fs-svg');\n      var tip=document.getElementById('fcy1-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 fcy1-draw{to{stroke-dashoffset:0}}@keyframes fcy1-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:fcy1-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:fcy1-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:fcy1-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=\"fcy1-divider\"\u003e\u003c\/div\u003e\n\n    \u003c!-- COMPONENT CARDS --\u003e\n    \u003cdiv class=\"fcy1-section-pad\"\u003e\n      \u003cp class=\"fcy1-label\"\u003eWhat you control in each game\u003c\/p\u003e\n      \u003ch3 class=\"fcy1-h3\"\u003eThe tools of the duel\u003c\/h3\u003e\n      \u003cdiv class=\"fcy1-cards\"\u003e\n        \u003cdiv class=\"fcy1-card\"\u003e\n          \u003cspan class=\"fcy1-card-icon\"\u003e🟡\u003c\/span\u003e\n          \u003ch4 class=\"fcy1-card-name\"\u003eTiles with colored dots\u003c\/h4\u003e\n          \u003cp class=\"fcy1-card-desc\"\u003eEach tile has colored dots on its edges. You can only place it by matching colors with adjacent tiles — the shape of the table emerges from this rule alone.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fcy1-card\"\u003e\n          \u003cspan class=\"fcy1-card-icon\"\u003e🔲\u003c\/span\u003e\n          \u003ch4 class=\"fcy1-card-name\"\u003eHand of four tiles\u003c\/h4\u003e\n          \u003cp class=\"fcy1-card-desc\"\u003eYou draw a tile and play one. Four tiles in hand means four options — almost always all different, almost always all interesting.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fcy1-card\"\u003e\n          \u003cspan class=\"fcy1-card-icon\"\u003e🔴\u003c\/span\u003e\n          \u003ch4 class=\"fcy1-card-name\"\u003eYour fence tokens\u003c\/h4\u003e\n          \u003cp class=\"fcy1-card-desc\"\u003eEach space you enclose is marked with your token. Seven placed tokens = victory. But your opponent can invalidate them by filling the space with one of their own tiles.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fcy1-card\"\u003e\n          \u003cspan class=\"fcy1-card-icon\"\u003e🧩\u003c\/span\u003e\n          \u003ch4 class=\"fcy1-card-name\"\u003eThe growing table\u003c\/h4\u003e\n          \u003cp class=\"fcy1-card-desc\"\u003eThere is no fixed board. The playing field is built tile by tile — and each move changes the perimeter of possibilities for both.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CLOSING --\u003e\n    \u003cdiv class=\"fcy1-closing\"\u003e\n      \u003cp class=\"fcy1-closing-text\"\u003eTwenty minutes. One on one. The table grows, one fence at a time — and that voice in your head says \"just one more game\".\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- BOX CONTENT --\u003e\n    \u003cdiv class=\"fcy1-box-section\"\u003e\n\n      \u003cdetails class=\"fcy1-det fcy1-det--last\"\u003e\n        \u003csummary class=\"fcy1-det-sum\"\u003e\n          \u003cdiv class=\"fcy1-det-left\"\u003e\n\u003cspan class=\"fcy1-det-ico\"\u003e📖\u003c\/span\u003e\u003cdiv\u003e\n\u003cspan class=\"fcy1-det-title\"\u003eRulebook\u003c\/span\u003e\u003cspan class=\"fcy1-det-sub\"\u003eEnglish · Official PDF\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n          \u003cspan class=\"fcy1-det-arr\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"fcy1-det-body\"\u003e\n          \u003cdiv class=\"fcy1-rl-wrap\"\u003e\n            \u003cdiv class=\"fcy1-rl-langs\"\u003e\u003cspan class=\"fcy1-rl-lang\"\u003e🇬🇧 English\u003c\/span\u003e\u003c\/div\u003e\n            \u003ca href=\"https:\/\/boardgamegeek.com\/filepage\/320058\/fenceology-en-rules\" target=\"_blank\" class=\"fcy1-rl-link\" style=\"display:flex;align-items:center;gap:10px;padding:12px 16px;background:#111118;border-radius:10px;text-decoration:none;color:#fff;\"\u003e\n              \u003cspan class=\"fcy1-rl-ico\"\u003e📄\u003c\/span\u003e\n              \u003cdiv class=\"fcy1-rl-body\"\u003e\n\u003cspan class=\"fcy1-rl-title\"\u003eDownload the official rulebook\u003c\/span\u003e\u003cspan class=\"fcy1-rl-sub\"\u003eFree PDF · boardgamegeek.com\u003c\/span\u003e\n\u003c\/div\u003e\n              \u003cspan class=\"fcy1-rl-arr-ext\"\u003e↗\u003c\/span\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c!-- \/fcy1-body --\u003e\n\u003c\/div\u003e\u003c!-- \/fcy1-wrap --\u003e\n\n\u003cstyle\u003e\n.fcy1-wrap, .fcy1-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n.fcy1-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.4);\n  max-width: 1200px;\n  margin-left: auto;\n  margin-right: auto;\n  background: #0a0a0f;\n}\n\n\/* ── COPERTINA ── *\/\n.fcy1-cover { position: relative; width: 100%; height: 340px; overflow: hidden; display: flex; align-items: flex-end; background: #0a0a0f; }\n.fcy1-cover-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }\n.fcy1-cover-fade { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(10,10,15,0) 0%, rgba(10,10,15,0) 20%, rgba(10,10,15,0.6) 55%, rgba(10,10,15,0.92) 75%, rgba(10,10,15,1) 100%); }\n.fcy1-cover-content { position: relative; z-index: 2; padding: 18px 26px 24px; width: 100%; }\n.fcy1-kicker { display: block; color: #8888ee; font-family: sans-serif; font-size: 0.7rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 8px; }\n.fcy1-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.fcy1-chips { display: flex; flex-wrap: wrap; gap: 7px; }\n.fcy1-chip { background: rgba(255,255,255,0.10); 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.fcy1-chip--accent { background: #3a3aaa; border-color: #5555cc; }\n\n\/* ── SPECS ── *\/\n.fcy1-specs-bar { background: #111118; padding: 0 24px; border-top: 1px solid rgba(255,255,255,0.06); }\n.fcy1-specs { display: grid; grid-template-columns: repeat(3, 1fr); }\n.fcy1-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.fcy1-spec:nth-child(3n) { border-right: none; }\n.fcy1-spec:nth-last-child(-n+3) { border-bottom: none; }\n.fcy1-spec-icon { font-size: 1.2rem; }\n.fcy1-spec-label { color: rgba(255,255,255,0.4); font-family: sans-serif; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 1px; }\n.fcy1-spec-val { color: #fff; font-family: sans-serif; font-size: 0.84rem; font-weight: 800; }\n\n\/* ── BODY ── *\/\n.fcy1-body { background: #F0EEF8; }\n\n\/* ── INTRO ── *\/\n.fcy1-intro-grid { display: grid; grid-template-columns: 1fr; gap: 26px; padding: 36px 28px 8px; }\n.fcy1-label { display: block; font-family: sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #3a3aaa; margin-bottom: 7px; }\n.fcy1-h3 { font-size: clamp(1.4rem, 2.5vw, 2.1rem); font-weight: 900; color: #0a0a1a; line-height: 1.15; margin-bottom: 16px; }\n.fcy1-p { font-family: sans-serif; font-size: 0.95rem; color: #2a2840; margin-bottom: 13px; line-height: 1.65; max-width: 700px; }\n\n\/* ── BOX EDITORIALI ── *\/\n.fcy1-quote-header-solo { font-family: sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #3a3aaa; margin-bottom: 12px; display: block; }\n.fcy1-quote-solo { background: #111118; border-radius: 14px; padding: 16px 18px; margin-bottom: 12px; border-left: 4px solid #5555cc; }\n.fcy1-quote-solo--alt { background: #1a1828; border-left-color: #8888ee; }\n.fcy1-qs-icon { font-size: 1.4rem; display: block; margin-bottom: 8px; }\n.fcy1-qs-text { color: #fff; font-style: italic; font-size: 0.9rem; line-height: 1.6; margin-bottom: 8px; font-family: Georgia, serif; }\n.fcy1-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.fcy1-divider { height: 1px; background: #d8d4ec; margin: 32px 28px 0; }\n\n\/* ── FROGSCORE ── *\/\n.fcy1-fs { background:#fff; border-top:1px solid #e0d8f0; border-bottom:1px solid #e0d8f0; }\n.fcy1-fs-header { padding:14px 20px 13px; background:#fff; border-bottom:1px solid #e8e4f0; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }\n.fcy1-fs-brand { display:flex; align-items:center; gap:9px; }\n.fcy1-fs-frog-img { width:28px; height:28px; object-fit:contain; flex-shrink:0; }\n.fcy1-fs-footer-frog { width:16px; height:16px; object-fit:contain; vertical-align:middle; margin-right:2px; }\n.fcy1-fs-brand-label { display:block; font-family:sans-serif; font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#6b5e48; }\n.fcy1-fs-game-name { font-family:sans-serif; font-size:14px; font-weight:700; color:#1a1208; margin-top:2px; }\n.fcy1-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.fcy1-fs-body { display:grid; grid-template-columns:1fr; background:#f7f4ef; }\n.fcy1-fs-radar-panel { padding:20px 16px; display:flex; justify-content:center; background:#f7f4ef; position:relative; }\n.fcy1-fs-radar-panel svg { width:100%; max-width:270px; height:auto; display:block; }\n.fcy1-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.fcy1-fs-info { padding:16px 18px 18px; background:#f7f4ef; border-top:1px solid #e8e2da; }\n.fcy1-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.fcy1-fs-feeling { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }\n.fcy1-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.fcy1-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.fcy1-fs-targets { display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:7px; margin-bottom:16px; }\n.fcy1-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.fcy1-fs-target span { font-size:14px; flex-shrink:0; }\n.fcy1-fs-si { background:#fff; border-color:#c8c0b0; color:#2a1a08; }\n.fcy1-fs-no { background:transparent; border-color:#e0d8d0; color:#b8a898; opacity:.45; text-decoration:line-through; }\n.fcy1-fs-verdict { background:#fff; border-radius:10px; padding:12px 14px; border:1px solid #e0d8cc; }\n.fcy1-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.fcy1-fs-verdict-text { font-family:sans-serif; font-size:12px; color:#3d2810; line-height:1.65; }\n.fcy1-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.fcy1-section-pad { padding: 32px 28px 8px; }\n.fcy1-cards { display: grid; grid-template-columns: 1fr; gap: 11px; margin-top: 16px; }\n.fcy1-card { background: #fff; border-radius: 14px; padding: 16px 18px; border: 1px solid #d0cce8; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; }\n.fcy1-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.09); }\n.fcy1-card-icon { font-size: 1.6rem; display: block; margin-bottom: 7px; }\n.fcy1-card-name { font-size: 0.95rem; font-weight: 900; color: #3a3aaa; margin-bottom: 5px; font-family: sans-serif; }\n.fcy1-card-desc { font-family: sans-serif; font-size: 0.85rem; color: #2a2840; line-height: 1.55; }\n\n\/* ── CLOSING ── *\/\n.fcy1-closing { background: #0a0a0f; padding: 26px 28px; border-top: 3px solid #5555cc; }\n.fcy1-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.fcy1-box-section { background: #F0EEF8; border-top: 1px solid #d0cce8; }\n.fcy1-det { border-bottom: 1px solid #e0daf0; background: #fff; }\n.fcy1-det--last { border-bottom: none; }\n.fcy1-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.fcy1-det-sum::-webkit-details-marker { display: none; }\n.fcy1-det-sum::marker { display: none; }\n.fcy1-det[open] .fcy1-det-sum { background: #f5f3fb; }\n.fcy1-det-sum:hover { background: #f5f3fb; }\n.fcy1-det-left { display: flex; align-items: center; gap: 10px; }\n.fcy1-det-ico { font-size: 17px; flex-shrink: 0; }\n.fcy1-det-title { font-family: sans-serif; font-size: 13px; font-weight: 700; color: #0a0a1a; display: block; }\n.fcy1-det-sub { font-family: sans-serif; font-size: 11px; color: #9c8eb8; margin-top: 1px; display: block; }\n.fcy1-det-arr { width: 16px; height: 16px; flex-shrink: 0; position: relative; }\n.fcy1-det-arr::before { content: \"\"; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-right: 2px solid #9c8eb8; border-bottom: 2px solid #9c8eb8; transform: translate(-50%,-70%) rotate(45deg); transition: transform .22s; }\n.fcy1-det[open] .fcy1-det-arr::before { transform: translate(-50%,-30%) rotate(225deg); }\n.fcy1-det-body { padding: 0 20px 16px; background: #fff; }\n\n.fcy1-rl-wrap { padding-top:14px; display:flex; flex-direction:column; gap:10px; }\n.fcy1-rl-langs { display:flex; flex-wrap:wrap; gap:6px; }\n.fcy1-rl-lang { font-family:sans-serif; font-size:0.75rem; font-weight:600; padding:3px 10px; border-radius:50px; background:#eeeef8; border:1px solid #8888c8; color:#222260; }\n.fcy1-rl-link:hover { opacity:.85; }\n.fcy1-rl-ico { font-size:1.2rem; flex-shrink:0; }\n.fcy1-rl-body { flex:1; min-width:0; }\n.fcy1-rl-title { display:block; font-family:sans-serif; font-size:0.82rem; font-weight:700; color:#fff; }\n.fcy1-rl-sub { display:block; font-family:sans-serif; font-size:0.7rem; color:rgba(255,255,255,0.5); margin-top:2px; }\n.fcy1-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  .fcy1-specs { grid-template-columns: repeat(6, 1fr); }\n  .fcy1-spec { border-bottom: none; }\n  .fcy1-spec:nth-child(3n) { border-right: 1px solid rgba(255,255,255,0.07); }\n  .fcy1-spec:last-child { border-right: none; }\n  .fcy1-cards { grid-template-columns: repeat(2, 1fr); }\n  .fcy1-fs-body { grid-template-columns: 220px 1fr; }\n  .fcy1-fs-radar-panel { border-top: none; border-right: 1px solid #e8e2da; }\n  .fcy1-fs-info { border-top: none; }\n}\n@media screen and (min-width: 900px) {\n  .fcy1-cover { height: 440px; }\n  .fcy1-cover-content { padding: 22px 36px 30px; }\n  .fcy1-intro-grid { grid-template-columns: 3fr 2fr; align-items: start; padding: 40px 36px 8px; }\n  .fcy1-cards { grid-template-columns: repeat(4, 1fr); }\n  .fcy1-divider { margin-left: 36px; margin-right: 36px; }\n  .fcy1-section-pad { padding: 36px 36px 8px; }\n  .fcy1-closing { padding: 28px 36px; }\n  .fcy1-fs-body { grid-template-columns: 260px 1fr; }\n  .fcy1-fs-radar-panel svg { max-width: 260px; }\n}\n\u003c\/style\u003e","brand":"Playte","offers":[{"title":"Default Title","offer_id":53680404955463,"sku":null,"price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/Fenceology00.webp?v=1775813526","url":"https:\/\/frogames.business\/en\/products\/fenceology","provider":"FroGames","version":"1.0","type":"link"}