{"product_id":"the-yellow-house","title":"The Yellow House","description":"\u003c!-- =====================================================\n     THE YELLOW HOUSE — BLOCK 1\n     FroGames | Shopify Theme Concept\n     25th Century Games — English edition\n     ===================================================== --\u003e\n\n\u003cdiv class=\"tyh1-wrap\"\u003e\n\n  \u003c!-- HERO (colored background only — no image) --\u003e\n  \u003cdiv class=\"tyh1-cover\"\u003e\n    \u003cdiv class=\"tyh1-cover-content\"\u003e\n      \u003cp class=\"tyh1-kicker\"\u003eFroGames — Moments You'll Remember\u003c\/p\u003e\n      \u003cp class=\"tyh1-sub\"\u003eArles, 1888. Two painters, a yellow house, one question: what truly matters in art? Whoever has the last word wins the debate of the century.\u003c\/p\u003e\n      \u003cdiv class=\"tyh1-chips\"\u003e\n        \u003cspan class=\"tyh1-chip tyh1-chip--blue\"\u003e2-Player Game\u003c\/span\u003e\n        \u003cspan class=\"tyh1-chip\"\u003e25th Century Games\u003c\/span\u003e\n        \u003cspan class=\"tyh1-chip\"\u003eDesigner Geonil\u003c\/span\u003e\n        \u003cspan class=\"tyh1-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=\"tyh1-specs-bar\"\u003e\n    \u003cdiv class=\"tyh1-specs\"\u003e\n      \u003cdiv class=\"tyh1-spec\"\u003e\n        \u003cspan class=\"tyh1-spec-icon\"\u003e👥\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-label\"\u003ePlayers\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-val\"\u003e2\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyh1-spec\"\u003e\n        \u003cspan class=\"tyh1-spec-icon\"\u003e⏱️\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-label\"\u003eDuration\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-val\"\u003e20–30 min\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyh1-spec\"\u003e\n        \u003cspan class=\"tyh1-spec-icon\"\u003e🎂\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-label\"\u003eAge\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-val\"\u003e8+ years\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyh1-spec\"\u003e\n        \u003cspan class=\"tyh1-spec-icon\"\u003e🃏\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-label\"\u003eMechanics\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-val\"\u003eCard-shedding\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyh1-spec\"\u003e\n        \u003cspan class=\"tyh1-spec-icon\"\u003e🎨\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-label\"\u003eTheme\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-val\"\u003eVan Gogh \u0026amp; Gauguin\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyh1-spec\"\u003e\n        \u003cspan class=\"tyh1-spec-icon\"\u003e🌍\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-label\"\u003eLanguage\u003c\/span\u003e\n        \u003cspan class=\"tyh1-spec-val\"\u003eEnglish\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BODY --\u003e\n  \u003cdiv class=\"tyh1-body\"\u003e\n\n    \u003c!-- INTRO + EDITORIAL BOXES --\u003e\n    \u003cdiv class=\"tyh1-intro-grid\"\u003e\n      \u003cdiv class=\"tyh1-intro-text\"\u003e\n        \u003cp class=\"tyh1-label\"\u003eWhat it's about\u003c\/p\u003e\n        \u003ch3 class=\"tyh1-h3\"\u003eThe most famous artistic duel in history, in 28 cards\u003c\/h3\u003e\n        \u003cp class=\"tyh1-p\"\u003eIn the autumn of 1888, Vincent Van Gogh and Paul Gauguin lived together in the Yellow House in Arles. It was meant to be the beginning of an artists' community. It ended with one of the most famous rifts in art history. The Yellow House takes those months of creative tension and transforms them into a sharp and concise two-player card game, designed by Korean designer Geonil with illustrations by Edu Valls.\u003c\/p\u003e\n        \u003cp class=\"tyh1-p\"\u003eThis is not a \"cute\" game about the art world. It's a competitive card-shedding game where two players debate what truly matters for creating art: talent, inspiration, passion, or money. Four elements, four card suits. Each round, you argue, assert your claims, strengthen your position — and try to be the one who has the last word.\u003c\/p\u003e\n        \u003cp class=\"tyh1-p\"\u003eThe goal is to empty your hand before your opponent. It sounds as simple as UNO, but The Yellow House hides a real level of planning: every card you pass to your opponent at the start of the round is a weapon you're giving them, every element you strengthen is a move that binds you. Twenty minutes that feel as weighty as a miniature chess match.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tyh1-intro-side\"\u003e\n        \u003cp class=\"tyh1-quote-header\"\u003eThe secret in two lines\u003c\/p\u003e\n        \u003cdiv class=\"tyh1-quote-solo\"\u003e\n          \u003cspan class=\"tyh1-qs-icon\"\u003e🎨\u003c\/span\u003e\n          \u003cp class=\"tyh1-qs-text\"\u003eIt looks like a light card game about art. It's a cerebral duel for two where every card you give your opponent can come back to hit you.\u003c\/p\u003e\n          \u003cp class=\"tyh1-qs-note\"\u003eThe secret of The Yellow House in one line\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tyh1-quote-solo tyh1-quote-solo--alt\"\u003e\n          \u003cspan class=\"tyh1-qs-icon\"\u003e🖌️\u003c\/span\u003e\n          \u003cp class=\"tyh1-qs-text\"\u003eTwenty minutes, two players, zero downtime. The intelligent filler for those seeking strategic weight in a small box.\u003c\/p\u003e\n          \u003cp class=\"tyh1-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=\"tyh1-divider\"\u003e\u003c\/div\u003e\n\n    \u003c!-- FROGSCORE --\u003e\n    \u003cdiv class=\"tyh1-fs\"\u003e\n      \u003cdiv class=\"tyh1-fs-header\"\u003e\n        \u003cdiv class=\"tyh1-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=\"tyh1-fs-frog-img\"\u003e\n          \u003cdiv\u003e\n            \u003cspan class=\"tyh1-fs-brand-label\"\u003eFrogScore · FroGames.it\u003c\/span\u003e\n            \u003cp class=\"tyh1-fs-game-name\"\u003eThe Yellow House\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"tyh1-fs-cat\" style=\"background:#eaf3de;border-color:#80b050;color:#2a5010\"\u003eStrategy\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tyh1-fs-body\"\u003e\n        \u003cdiv class=\"tyh1-fs-radar-panel\"\u003e\n          \u003csvg id=\"tyh1-fs-svg\" viewbox=\"0 0 320 320\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"overflow:visible\"\u003e\u003c\/svg\u003e\n          \u003cdiv class=\"tyh1-fs-tip\" id=\"tyh1-fs-tip\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tyh1-fs-info\"\u003e\n          \u003cspan class=\"tyh1-fs-feel-lbl\"\u003eThe experience\u003c\/span\u003e\n          \u003cdiv class=\"tyh1-fs-feeling\"\u003e\n            \u003cspan class=\"tyh1-fs-feel-tag\"\u003eThought-provoking\u003c\/span\u003e\n            \u003cspan class=\"tyh1-fs-feel-tag\"\u003eSharp\u003c\/span\u003e\n            \u003cspan class=\"tyh1-fs-feel-tag\"\u003eElegant\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"tyh1-fs-section-label\"\u003eWho it's for\u003c\/span\u003e\n          \u003cdiv class=\"tyh1-fs-targets\"\u003e\n            \u003cdiv class=\"tyh1-fs-target tyh1-fs-si\"\u003e\n\u003cspan\u003e👫\u003c\/span\u003eGaming couples\u003c\/div\u003e\n            \u003cdiv class=\"tyh1-fs-target tyh1-fs-si\"\u003e\n\u003cspan\u003e🎯\u003c\/span\u003eExperts\u003c\/div\u003e\n            \u003cdiv class=\"tyh1-fs-target tyh1-fs-si\"\u003e\n\u003cspan\u003e🃏\u003c\/span\u003eCard game lovers\u003c\/div\u003e\n            \u003cdiv class=\"tyh1-fs-target tyh1-fs-no\"\u003e\n\u003cspan\u003e🍕\u003c\/span\u003eParty\u003c\/div\u003e\n            \u003cdiv class=\"tyh1-fs-target tyh1-fs-no\"\u003e\n\u003cspan\u003e🧒\u003c\/span\u003eYoung children\u003c\/div\u003e\n            \u003cdiv class=\"tyh1-fs-target tyh1-fs-no\"\u003e\n\u003cspan\u003e🧘\u003c\/span\u003eSolo players\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tyh1-fs-verdict\"\u003e\n            \u003cdiv class=\"tyh1-fs-verdict-title\"\u003eIn summary\u003c\/div\u003e\n            \u003cdiv class=\"tyh1-fs-verdict-text\"\u003eA two-player card game with surprising strategic depth. Quick rules, tough decisions, twenty-minute games. For those seeking a cerebral duel in a pocket-sized format — not a light filler.\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyh1-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=\"tyh1-fs-footer-frog\"\u003e FrogScore · FroGames editorial rating · based on rules, international reviews, and play sessions\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:4, note:\"Card passing and strengthening choices matter: you win by thinking\"},\n        {l:'Interaction',   v:5, note:\"Pure two-player game: every move is always against the opponent, never parallel\"},\n        {l:'Tension',      v:4, note:\"Being the last to speak is a tight race: each round is decided on the last card\"},\n        {l:'Replayability',v:3, note:\"The cards are always the same, but the hands and choices make each game different\"},\n        {l:'Luck',       v:3, note:\"Drawing cards has an influence, but hand management weighs much more heavily\"},\n        {l:'Complexity', v:2, note:\"Rules explained in a few minutes — it's the depth that requires games to emerge\"}\n      ];\n      var accent='#2E6B0A';\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('tyh1-fs-svg');\n      var tip=document.getElementById('tyh1-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 tyh1-draw{to{stroke-dashoffset:0}}@keyframes tyh1-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:tyh1-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:tyh1-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:tyh1-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=\"tyh1-divider\"\u003e\u003c\/div\u003e\n\n    \u003c!-- ARSENAL --\u003e\n    \u003cdiv class=\"tyh1-section-pad\"\u003e\n      \u003cp class=\"tyh1-label\"\u003eWhat you have in hand\u003c\/p\u003e\n      \u003ch3 class=\"tyh1-h3\"\u003eThe four elements of the debate\u003c\/h3\u003e\n      \u003cdiv class=\"tyh1-cards\"\u003e\n        \u003cdiv class=\"tyh1-card\"\u003e\n          \u003cspan class=\"tyh1-card-icon\"\u003e🖌️\u003c\/span\u003e\n          \u003ch4 class=\"tyh1-card-name\"\u003eTalent, Inspiration, Passion, Money\u003c\/h4\u003e\n          \u003cp class=\"tyh1-card-desc\"\u003eThe four suits of topic cards. These are the elements that, in your opinion, make great art. It's up to you to defend one to the end.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tyh1-card\"\u003e\n          \u003cspan class=\"tyh1-card-icon\"\u003e🎴\u003c\/span\u003e\n          \u003ch4 class=\"tyh1-card-name\"\u003eWild Support Cards\u003c\/h4\u003e\n          \u003cp class=\"tyh1-card-desc\"\u003eFive support cards set aside at the beginning of the round, usable by both players. A shared resource that can save you or betray you.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tyh1-card\"\u003e\n          \u003cspan class=\"tyh1-card-icon\"\u003e🪧\u003c\/span\u003e\n          \u003ch4 class=\"tyh1-card-name\"\u003eCanvas board and tokens\u003c\/h4\u003e\n          \u003cp class=\"tyh1-card-desc\"\u003eA fabric board with numbered lines and element tokens that move up positions: the visual core that tracks the strength of each argument.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tyh1-card\"\u003e\n          \u003cspan class=\"tyh1-card-icon\"\u003e🗣️\u003c\/span\u003e\n          \u003ch4 class=\"tyh1-card-name\"\u003eThe last word\u003c\/h4\u003e\n          \u003cp class=\"tyh1-card-desc\"\u003eWhoever can make a statement that the opponent can no longer counter wins the debate. That's where all the tension is concentrated.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CLOSING --\u003e\n    \u003cdiv class=\"tyh1-closing\"\u003e\n      \u003cp class=\"tyh1-closing-text\"\u003eTwenty minutes later, you'll still be thinking about that card you shouldn't have passed. That's how The Yellow House works.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- BOX CONTENT --\u003e\n    \u003cdiv class=\"tyh1-box-section\"\u003e\n\n      \u003cdetails class=\"tyh1-det tyh1-det--last\"\u003e\n        \u003csummary class=\"tyh1-det-sum\"\u003e\n          \u003cdiv class=\"tyh1-det-left\"\u003e\n\u003cspan class=\"tyh1-det-ico\"\u003e📦\u003c\/span\u003e\u003cdiv\u003e\n\u003cspan class=\"tyh1-det-title\"\u003eBox Contents\u003c\/span\u003e\u003cspan class=\"tyh1-det-sub\"\u003e6 types of components\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n          \u003cspan class=\"tyh1-det-arr\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"tyh1-det-body\"\u003e\n          \u003cdiv class=\"tyh1-comp-grid\"\u003e\n            \u003cdiv class=\"tyh1-comp\"\u003e\n\u003cspan class=\"tyh1-comp-qty\"\u003e1\u003c\/span\u003e\u003cspan class=\"tyh1-comp-lbl\"\u003eFabric board (canvas board)\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"tyh1-comp\"\u003e\n\u003cspan class=\"tyh1-comp-qty\"\u003e4\u003c\/span\u003e\u003cspan class=\"tyh1-comp-lbl\"\u003eElement tokens\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"tyh1-comp\"\u003e\n\u003cspan class=\"tyh1-comp-qty\"\u003e2\u003c\/span\u003e\u003cspan class=\"tyh1-comp-lbl\"\u003ePalette tokens\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"tyh1-comp\"\u003e\n\u003cspan class=\"tyh1-comp-qty\"\u003e28\u003c\/span\u003e\u003cspan class=\"tyh1-comp-lbl\"\u003eTopic cards\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"tyh1-comp\"\u003e\n\u003cspan class=\"tyh1-comp-qty\"\u003e5\u003c\/span\u003e\u003cspan class=\"tyh1-comp-lbl\"\u003eSupport cards\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"tyh1-comp\"\u003e\n\u003cspan class=\"tyh1-comp-qty\"\u003e2\u003c\/span\u003e\u003cspan class=\"tyh1-comp-lbl\"\u003eReference cards\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cp class=\"tyh1-comp-note\"\u003eCarefully crafted components, with artwork by Edu Valls inspired by post-impressionist painting. The fabric board is a rare premium touch for a game of this format.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.tyh1-wrap, .tyh1-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n.tyh1-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.28);\n  max-width: 1200px;\n  margin-left: auto;\n  margin-right: auto;\n  background: #14223e;\n}\n\n\/* ── HERO (solo sfondo colorato) ── *\/\n.tyh1-cover { position: relative; width: 100%; display: flex; align-items: flex-end; background: linear-gradient(150deg, #14223e 0%, #1a3a6a 55%, #245088 100%); }\n.tyh1-cover-content { position: relative; z-index: 2; padding: 44px 26px 40px; width: 100%; }\n.tyh1-kicker { display: block; color: #E8A800; font-family: sans-serif; font-size: 0.7rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 8px; }\n.tyh1-sub { color: rgba(255,255,255,0.94); font-family: Georgia, serif; font-size: 1rem; font-style: italic; line-height: 1.55; max-width: 580px; margin-bottom: 16px; }\n.tyh1-chips { display: flex; flex-wrap: wrap; gap: 7px; }\n.tyh1-chip { background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.3); color: #fff; font-family: sans-serif; padding: 4px 12px; border-radius: 50px; font-size: 0.78rem; font-weight: 600; }\n.tyh1-chip--blue { background: #E8A800; border-color: #E8A800; color: #2a1a00; }\n\n\/* ── SPECS ── *\/\n.tyh1-specs-bar { background: #0e1a30; padding: 0 24px; border-bottom: 1px solid rgba(255,255,255,0.06); }\n.tyh1-specs { display: grid; grid-template-columns: repeat(3, 1fr); }\n.tyh1-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.tyh1-spec:nth-child(3n) { border-right: none; }\n.tyh1-spec:nth-last-child(-n+3) { border-bottom: none; }\n.tyh1-spec-icon { font-size: 1.2rem; }\n.tyh1-spec-label { color: rgba(255,255,255,0.4); font-family: sans-serif; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 1px; }\n.tyh1-spec-val { color: #fff; font-family: sans-serif; font-size: 0.84rem; font-weight: 800; }\n\n\/* ── BODY ── *\/\n.tyh1-body { background: #f7efd8; }\n\n\/* ── INTRO ── *\/\n.tyh1-intro-grid { display: grid; grid-template-columns: 1fr; gap: 26px; padding: 36px 28px 8px; }\n.tyh1-label { display: block; font-family: sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #2E6B0A; margin-bottom: 7px; }\n.tyh1-h3 { font-size: clamp(1.4rem, 2.5vw, 2.1rem); font-weight: 900; color: #14223e; line-height: 1.15; margin-bottom: 16px; }\n.tyh1-p { font-family: sans-serif; font-size: 0.95rem; color: #3a3018; margin-bottom: 13px; line-height: 1.65; max-width: 700px; }\n\n\/* ── BOX EDITORIALI ── *\/\n.tyh1-quote-header { font-family: sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #2E6B0A; margin-bottom: 12px; }\n.tyh1-quote-solo { background: #14223e; border-radius: 14px; padding: 18px 20px; margin-bottom: 12px; border-left: 4px solid #E8A800; }\n.tyh1-quote-solo--alt { background: #3a2a08; border-left-color: #c47830; }\n.tyh1-qs-icon { font-size: 1.4rem; display: block; margin-bottom: 8px; }\n.tyh1-qs-text { color: #fff; font-style: italic; font-size: 0.9rem; line-height: 1.6; margin-bottom: 8px; font-family: Georgia, serif; }\n.tyh1-qs-note { color: rgba(255,255,255,0.55); font-family: sans-serif; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }\n\n\/* ── DIVIDER ── *\/\n.tyh1-divider { height: 1px; background: #ddd0a8; margin: 32px 28px 0; }\n\n\/* ── FROGSCORE ── *\/\n.tyh1-fs { background:#fff; border-top:1px solid #ddd0a8; border-bottom:1px solid #ddd0a8; }\n.tyh1-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.tyh1-fs-brand { display:flex; align-items:center; gap:9px; }\n.tyh1-fs-frog-img { width:28px; height:28px; object-fit:contain; flex-shrink:0; }\n.tyh1-fs-footer-frog { width:16px; height:16px; object-fit:contain; vertical-align:middle; margin-right:2px; }\n.tyh1-fs-brand-label { display:block; font-family:sans-serif; font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#6b5e48; }\n.tyh1-fs-game-name { font-family:sans-serif; font-size:14px; font-weight:700; color:#1a1208; margin-top:2px; }\n.tyh1-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.tyh1-fs-body { display:grid; grid-template-columns:1fr; background:#f7f4ef; }\n.tyh1-fs-radar-panel { padding:20px 16px; display:flex; justify-content:center; background:#f7f4ef; position:relative; }\n.tyh1-fs-radar-panel svg { width:100%; max-width:270px; height:auto; display:block; }\n.tyh1-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.tyh1-fs-info { padding:16px 18px 18px; background:#f7f4ef; border-top:1px solid #e8e2da; }\n.tyh1-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.tyh1-fs-feeling { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }\n.tyh1-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.tyh1-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.tyh1-fs-targets { display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:7px; margin-bottom:16px; }\n.tyh1-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.tyh1-fs-target span { font-size:14px; flex-shrink:0; }\n.tyh1-fs-si { background:#fff; border-color:#c8c0b0; color:#2a1a08; }\n.tyh1-fs-no { background:transparent; border-color:#e0d8d0; color:#b8a898; opacity:.45; text-decoration:line-through; }\n.tyh1-fs-verdict { background:#fff; border-radius:10px; padding:12px 14px; border:1px solid #e0d8cc; }\n.tyh1-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.tyh1-fs-verdict-text { font-family:sans-serif; font-size:12px; color:#3d2810; line-height:1.65; }\n.tyh1-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.tyh1-section-pad { padding: 32px 28px 8px; }\n.tyh1-cards { display: grid; grid-template-columns: 1fr; gap: 11px; margin-top: 16px; }\n.tyh1-card { background: #fff; border-radius: 14px; padding: 16px 18px; border: 1px solid #e0d4a8; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; }\n.tyh1-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.09); }\n.tyh1-card-icon { font-size: 1.6rem; display: block; margin-bottom: 7px; }\n.tyh1-card-name { font-size: 0.95rem; font-weight: 900; color: #2E6B0A; margin-bottom: 5px; }\n.tyh1-card-desc { font-family: sans-serif; font-size: 0.85rem; color: #3a3018; line-height: 1.55; }\n\n\/* ── CLOSING ── *\/\n.tyh1-closing { background: #14223e; padding: 26px 28px; border-top: 3px solid #E8A800; }\n.tyh1-closing-text { font-family: Georgia, serif; font-size: 1.05rem; font-style: italic; color: rgba(255,255,255,0.92); text-align: center; line-height: 1.6; }\n\n\/* ── BOX SECTION ── *\/\n.tyh1-box-section { background: #f7efd8; border-top: 1px solid #ddd0a8; }\n.tyh1-det { border-bottom: 1px solid #e8dcb8; background: #fff; }\n.tyh1-det--last { border-bottom: none; }\n.tyh1-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.tyh1-det-sum::-webkit-details-marker { display: none; }\n.tyh1-det-sum::marker { display: none; }\n.tyh1-det[open] .tyh1-det-sum { background: #faf4e2; }\n.tyh1-det-sum:hover { background: #faf4e2; }\n.tyh1-det-left { display: flex; align-items: center; gap: 10px; }\n.tyh1-det-ico { font-size: 17px; flex-shrink: 0; }\n.tyh1-det-title { font-family: sans-serif; font-size: 13px; font-weight: 700; color: #14223e; display: block; }\n.tyh1-det-sub { font-family: sans-serif; font-size: 11px; color: #9c8e6a; margin-top: 1px; display: block; }\n.tyh1-det-arr { width: 16px; height: 16px; flex-shrink: 0; position: relative; }\n.tyh1-det-arr::before { content: \"\"; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-right: 2px solid #9c8e6a; border-bottom: 2px solid #9c8e6a; transform: translate(-50%,-70%) rotate(45deg); transition: transform .22s; }\n.tyh1-det[open] .tyh1-det-arr::before { transform: translate(-50%,-30%) rotate(225deg); }\n.tyh1-det-body { padding: 0 20px 16px; background: #fff; }\n\n.tyh1-comp-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:7px; padding-top:14px; }\n.tyh1-comp { display:flex; align-items:center; gap:8px; padding:8px 10px; background:#faf4e2; border-radius:8px; border:1px solid #e8dcb8; }\n.tyh1-comp-qty { font-family:sans-serif; font-size:0.85rem; font-weight:800; color:#2E6B0A; min-width:26px; flex-shrink:0; text-align:center; }\n.tyh1-comp-lbl { font-family:sans-serif; font-size:0.78rem; color:#3a3018; line-height:1.3; }\n.tyh1-comp-note { font-family:sans-serif; font-size:0.76rem; color:#9c8e6a; font-style:italic; padding-top:10px; line-height:1.55; }\n\n\/* ── RESPONSIVE ── *\/\n@media screen and (min-width: 600px) {\n  .tyh1-specs { grid-template-columns: repeat(6, 1fr); }\n  .tyh1-spec { border-bottom: none; }\n  .tyh1-spec:nth-child(3n) { border-right: 1px solid rgba(255,255,255,0.07); }\n  .tyh1-spec:last-child { border-right: none; }\n  .tyh1-cards { grid-template-columns: repeat(2, 1fr); }\n  .tyh1-fs-body { grid-template-columns: 220px 1fr; }\n  .tyh1-fs-radar-panel { border-top: none; border-right: 1px solid #e8e2da; }\n  .tyh1-fs-info { border-top: none; }\n}\n@media screen and (min-width: 900px) {\n  .tyh1-cover-content { padding: 56px 36px 50px; }\n  .tyh1-intro-grid { grid-template-columns: 3fr 2fr; align-items: start; padding: 40px 36px 8px; }\n  .tyh1-cards { grid-template-columns: repeat(4, 1fr); }\n  .tyh1-divider { margin-left: 36px; margin-right: 36px; }\n  .tyh1-section-pad { padding: 36px 36px 8px; }\n  .tyh1-closing { padding: 28px 36px; }\n  .tyh1-fs-body { grid-template-columns: 260px 1fr; }\n  .tyh1-fs-radar-panel svg { max-width: 260px; }\n}","brand":"25th Century Games","offers":[{"title":"Default Title","offer_id":53938593202503,"sku":null,"price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/theyellowhouse00.webp?v=1779118551","url":"https:\/\/frogames.it\/en\/products\/the-yellow-house","provider":"FroGames","version":"1.0","type":"link"}