{"product_id":"daggerheart-rpg-hope-fear","title":"Daggerheart RPG Hope \u0026 Fear","description":"\u003c!-- =====================================================\n     DAGGERHEART: HOPE \u0026 FEAR — BLOCK 1\n     FroGames | Shopify Concept Theme\n     Standard English Edition · Darrington Press\n     ===================================================== --\u003e\n\n\u003cdiv class=\"dhh1-wrap\"\u003e\n\n  \u003c!-- HERO CSS — no image --\u003e\n  \u003cdiv class=\"dhh1-cover\"\u003e\n    \u003cdiv class=\"dhh1-cover-bg\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dhh1-cover-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dhh1-cover-glow\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dhh1-cover-content\"\u003e\n      \u003cp class=\"dhh1-kicker\"\u003eFroGames — Moments You'll Remember\u003c\/p\u003e\n      \u003ch2 class=\"dhh1-cover-title\"\u003eDaggerheart\u003c\/h2\u003e\n      \u003ch3 class=\"dhh1-cover-subtitle\"\u003eHope \u0026amp; Fear\u003c\/h3\u003e\n      \u003cspan class=\"dhh1-cover-tag\"\u003eExpansion · Standard Edition\u003c\/span\u003e\n      \u003cp class=\"dhh1-sub\"\u003eThe first expansion for Critical Role's RPG doubles the narrative toolkit. Four new classes, over one hundred thirty adversaries, and a new dark magic that changes everything.\u003c\/p\u003e\n      \u003cdiv class=\"dhh1-chips\"\u003e\n        \u003cspan class=\"dhh1-chip dhh1-chip--gold\"\u003eFirst Expansion\u003c\/span\u003e\n        \u003cspan class=\"dhh1-chip\"\u003eDarrington Press\u003c\/span\u003e\n        \u003cspan class=\"dhh1-chip\"\u003eCritical Role\u003c\/span\u003e\n        \u003cspan class=\"dhh1-chip\"\u003eEnglish Edition\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TECHNICAL SPECS --\u003e\n  \u003cdiv class=\"dhh1-specs-bar\"\u003e\n    \u003cdiv class=\"dhh1-specs\"\u003e\n      \u003cdiv class=\"dhh1-spec\"\u003e\n        \u003cspan class=\"dhh1-spec-icon\"\u003e📖\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-label\"\u003eType\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-val\"\u003eRPG Expansion\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dhh1-spec\"\u003e\n        \u003cspan class=\"dhh1-spec-icon\"\u003e📄\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-label\"\u003ePages\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-val\"\u003e~200\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dhh1-spec\"\u003e\n        \u003cspan class=\"dhh1-spec-icon\"\u003e⚔️\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-label\"\u003eNew Classes\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-val\"\u003e4 + 8 subclasses\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dhh1-spec\"\u003e\n        \u003cspan class=\"dhh1-spec-icon\"\u003e👹\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-label\"\u003eAdversaries\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-val\"\u003e130+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dhh1-spec\"\u003e\n        \u003cspan class=\"dhh1-spec-icon\"\u003e🗺️\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-label\"\u003eEnvironments\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-val\"\u003e28 + 4 frames\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dhh1-spec\"\u003e\n        \u003cspan class=\"dhh1-spec-icon\"\u003e📚\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-label\"\u003eRequires\u003c\/span\u003e\n        \u003cspan class=\"dhh1-spec-val\"\u003eDaggerheart Core\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- REQUIREMENT BANNER --\u003e\n  \u003cdiv class=\"dhh1-banner\"\u003e\n    \u003cspan class=\"dhh1-banner-icon\"\u003e⚠️\u003c\/span\u003e\n    \u003cdiv class=\"dhh1-banner-text\"\u003e\n      \u003cstrong\u003eThis is an expansion, not a complete game.\u003c\/strong\u003e To play, you need the Daggerheart Core Set and basic knowledge of the system. English language edition.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BODY --\u003e\n  \u003cdiv class=\"dhh1-body\"\u003e\n\n    \u003c!-- INTRO + EDITORIAL BOXES --\u003e\n    \u003cdiv class=\"dhh1-intro-grid\"\u003e\n      \u003cdiv class=\"dhh1-intro-text\"\u003e\n        \u003cp class=\"dhh1-label\"\u003eWhat it is\u003c\/p\u003e\n        \u003ch3 class=\"dhh1-h3\"\u003eThe expansion that takes Daggerheart into darker territory\u003c\/h3\u003e\n        \u003cp class=\"dhh1-p\"\u003e\u003cstrong\u003eDaggerheart: Hope \u0026amp; Fear\u003c\/strong\u003e is the first official expansion for Critical Role and Darrington Press's RPG. A volume of about 200 pages accompanied by a box of cards, accessories, and rip pads for adversary sheets. A true extension, not just a support booklet.\u003c\/p\u003e\n        \u003cp class=\"dhh1-p\"\u003eFour new classes enter the game — \u003cstrong\u003eWitch, Warlock, Brawler, Assassin\u003c\/strong\u003e — each with two distinct subclasses. Along with them comes the \u003cstrong\u003eDread Domain\u003c\/strong\u003e, a new set of macabre magic cards dedicated to witches and warlocks, capable of shifting the tone of a campaign towards dark fantasy horror.\u003c\/p\u003e\n        \u003cp class=\"dhh1-p\"\u003eFor GMs, it's a goldmine: over one hundred thirty new adversaries, twenty-eight ready-to-use environments, four new campaign frames, and a \u003cstrong\u003eTransformations\u003c\/strong\u003e system that allows characters to become a Vampire, Werewolf, Reanimated, Shapeshifter, Ghost, or Demigod. New Community and Ancestry cards complete the package.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dhh1-intro-side\"\u003e\n        \u003cp class=\"dhh1-quote-header\"\u003eWhy it matters\u003c\/p\u003e\n        \u003cdiv class=\"dhh1-quote-solo\"\u003e\n          \u003cspan class=\"dhh1-qs-icon\"\u003e🦇\u003c\/span\u003e\n          \u003cp class=\"dhh1-qs-text\"\u003eDaggerheart was already a solid system. Hope \u0026amp; Fear doesn't rewrite it — it opens it up. It adds the possibility of horror, gothic, supernatural campaigns, without needing to rebuild the rules from scratch.\u003c\/p\u003e\n          \u003cp class=\"dhh1-qs-note\"\u003eThe secret of Hope \u0026amp; Fear in one line\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dhh1-quote-solo dhh1-quote-solo--alt\"\u003e\n          \u003cspan class=\"dhh1-qs-icon\"\u003e🎭\u003c\/span\u003e\n          \u003cp class=\"dhh1-qs-text\"\u003eThe Transformations are the boldest move. An RPG that tells you \"your character can become a vampire halfway through the campaign\" is playing on a different narrative level from everything else.\u003c\/p\u003e\n          \u003cp class=\"dhh1-qs-note\"\u003eFrom the rulebook analysis\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dhh1-divider\"\u003e\u003c\/div\u003e\n\n    \u003c!-- FROGSCORE --\u003e\n    \u003cdiv class=\"dhh1-fs\"\u003e\n      \u003cdiv class=\"dhh1-fs-header\"\u003e\n        \u003cdiv class=\"dhh1-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=\"dhh1-fs-frog-img\"\u003e\n          \u003cdiv\u003e\n            \u003cspan class=\"dhh1-fs-brand-label\"\u003eFrogScore · FroGames.it\u003c\/span\u003e\n            \u003cp class=\"dhh1-fs-game-name\"\u003eDaggerheart: Hope \u0026amp; Fear\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"dhh1-fs-cat\" style=\"background:#fef0e0;border-color:#d4a050;color:#6a3800\"\u003eExpansion · Narrative\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dhh1-fs-body\"\u003e\n        \u003cdiv class=\"dhh1-fs-radar-panel\"\u003e\n          \u003csvg id=\"dhh1-fs-svg\" viewbox=\"0 0 320 320\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"overflow:visible\"\u003e\u003c\/svg\u003e\n          \u003cdiv class=\"dhh1-fs-tip\" id=\"dhh1-fs-tip\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dhh1-fs-info\"\u003e\n          \u003cspan class=\"dhh1-fs-feel-lbl\"\u003eThe Experience\u003c\/span\u003e\n          \u003cdiv class=\"dhh1-fs-feeling\"\u003e\n            \u003cspan class=\"dhh1-fs-feel-tag\"\u003eAtmospheric\u003c\/span\u003e\n            \u003cspan class=\"dhh1-fs-feel-tag\"\u003eExpansive\u003c\/span\u003e\n            \u003cspan class=\"dhh1-fs-feel-tag\"\u003eMacabre\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"dhh1-fs-section-label\"\u003eWho it's for\u003c\/span\u003e\n          \u003cdiv class=\"dhh1-fs-targets\"\u003e\n            \u003cdiv class=\"dhh1-fs-target dhh1-fs-si\"\u003e\n\u003cspan\u003e🎲\u003c\/span\u003eDaggerheart players\u003c\/div\u003e\n            \u003cdiv class=\"dhh1-fs-target dhh1-fs-si\"\u003e\n\u003cspan\u003e🎯\u003c\/span\u003eExperienced GMs\u003c\/div\u003e\n            \u003cdiv class=\"dhh1-fs-target dhh1-fs-si\"\u003e\n\u003cspan\u003e🦇\u003c\/span\u003eDark fantasy fans\u003c\/div\u003e\n            \u003cdiv class=\"dhh1-fs-target dhh1-fs-no\"\u003e\n\u003cspan\u003e🌱\u003c\/span\u003eThose without the Core\u003c\/div\u003e\n            \u003cdiv class=\"dhh1-fs-target dhh1-fs-no\"\u003e\n\u003cspan\u003e🧒\u003c\/span\u003eChildren\u003c\/div\u003e\n            \u003cdiv class=\"dhh1-fs-target dhh1-fs-no\"\u003e\n\u003cspan\u003e🍕\u003c\/span\u003eParty game\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"dhh1-fs-verdict\"\u003e\n            \u003cdiv class=\"dhh1-fs-verdict-title\"\u003eIn summary\u003c\/div\u003e\n            \u003cdiv class=\"dhh1-fs-verdict-text\"\u003eA must-buy for Daggerheart lovers. Four new classes, over 130 adversaries, and the Dread Domain truly double the game's possibilities. It's not an integration — it's a second core rulebook that changes the tone of the campaign.\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dhh1-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=\"dhh1-fs-footer-frog\"\u003e FrogScore · FroGames editorial rating · based on rulebook content, quality of mechanical additions, and narrative impact\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n    (function(){\n      var PI2=Math.PI*2;\n      var dims=[\n        {l:'Narrative Depth', v:5, note:\"Transformations, Dread Domain, and campaign frames open up new story types\"},\n        {l:'Content Variety',     v:5, note:\"4 classes, 8 subclasses, 130+ adversaries, 28 environments — a complete second rulebook\"},\n        {l:'Atmosphere',                  v:5, note:\"Leans towards gothic dark fantasy — vampires, werewolves, macabre magic\"},\n        {l:'GM Tools',               v:5, note:\"Adversaries, environments, frames, printable sheets — the GM is the real winner\"},\n        {l:'Complexity',           v:3, note:\"Remains accessible — Daggerheart players will quickly grasp the new rules\"},\n        {l:'Independence',               v:1, note:\"Requires the Core Set — cannot be played standalone\"}\n      ];\n      var accent='#1a4070';\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('dhh1-fs-svg');\n      var tip=document.getElementById('dhh1-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 dhh1-draw{to{stroke-dashoffset:0}}@keyframes dhh1-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:dhh1-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:dhh1-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:dhh1-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=\"dhh1-divider\"\u003e\u003c\/div\u003e\n\n    \u003c!-- WHAT'S INSIDE --\u003e\n    \u003cdiv class=\"dhh1-section-pad\"\u003e\n      \u003cp class=\"dhh1-label\"\u003eWhat the expansion contains\u003c\/p\u003e\n      \u003ch3 class=\"dhh1-h3\"\u003eEight new features that change the campaign\u003c\/h3\u003e\n      \u003cdiv class=\"dhh1-cards\"\u003e\n        \u003cdiv class=\"dhh1-card\"\u003e\n          \u003cspan class=\"dhh1-card-icon\"\u003e⚔️\u003c\/span\u003e\n          \u003ch4 class=\"dhh1-card-name\"\u003e4 new classes\u003c\/h4\u003e\n          \u003cp class=\"dhh1-card-desc\"\u003eWitch, Warlock, Brawler, Assassin. Each with 2 unique subclasses, for a total of 8 new subclass cards included in the box.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dhh1-card\"\u003e\n          \u003cspan class=\"dhh1-card-icon\"\u003e🌑\u003c\/span\u003e\n          \u003ch4 class=\"dhh1-card-name\"\u003eDread Domain\u003c\/h4\u003e\n          \u003cp class=\"dhh1-card-desc\"\u003eA new magic domain, complete set of cards. Unlocks the macabre arsenal of witches and warlocks — gothic and dark spells.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dhh1-card\"\u003e\n          \u003cspan class=\"dhh1-card-icon\"\u003e🦇\u003c\/span\u003e\n          \u003ch4 class=\"dhh1-card-name\"\u003e6 Transformation cards\u003c\/h4\u003e\n          \u003cp class=\"dhh1-card-desc\"\u003eNew mechanic: the character can become a Vampire, Werewolf, Reanimated, Shapeshifter, Ghost, or Demigod. At creation or mid-campaign.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dhh1-card\"\u003e\n          \u003cspan class=\"dhh1-card-icon\"\u003e👹\u003c\/span\u003e\n          \u003ch4 class=\"dhh1-card-name\"\u003e130+ adversaries\u003c\/h4\u003e\n          \u003cp class=\"dhh1-card-desc\"\u003eReady to use for the GM. Plus two rip pads of blank sheets to create new ones on the fly during the session.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SECOND ROW OF CARDS --\u003e\n    \u003cdiv class=\"dhh1-section-pad dhh1-section-pad--tight\"\u003e\n      \u003cdiv class=\"dhh1-cards\"\u003e\n        \u003cdiv class=\"dhh1-card\"\u003e\n          \u003cspan class=\"dhh1-card-icon\"\u003e🗺️\u003c\/span\u003e\n          \u003ch4 class=\"dhh1-card-name\"\u003e28 environments + 4 frames\u003c\/h4\u003e\n          \u003cp class=\"dhh1-card-desc\"\u003eTwenty-eight ready narrative environments and four new campaign frames: each frame is a complete setting for playing entire campaigns.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dhh1-card\"\u003e\n          \u003cspan class=\"dhh1-card-icon\"\u003e🎴\u003c\/span\u003e\n          \u003ch4 class=\"dhh1-card-name\"\u003e6 Community cards\u003c\/h4\u003e\n          \u003cp class=\"dhh1-card-desc\"\u003eDuneborne, Hearthborne, Frostborne, Warborne, Freeborne, Reborne. Six new communal origins to combine with any class.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dhh1-card\"\u003e\n          \u003cspan class=\"dhh1-card-icon\"\u003e🌿\u003c\/span\u003e\n          \u003ch4 class=\"dhh1-card-name\"\u003e6 Ancestry cards\u003c\/h4\u003e\n          \u003cp class=\"dhh1-card-desc\"\u003eSkykin, Tidekin, Earthkin, Emberkin, Gnome, and Aetheris. Six new ancestries with unique traits to enrich the character gallery.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dhh1-card\"\u003e\n          \u003cspan class=\"dhh1-card-icon\"\u003e📋\u003c\/span\u003e\n          \u003ch4 class=\"dhh1-card-name\"\u003eRip pads included\u003c\/h4\u003e\n          \u003cp class=\"dhh1-card-desc\"\u003eCharacter sheets, adversary sheets, maps, player and GM references. Detachable pages designed to be used up at the table.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- WHAT'S MECHANICALLY NEW --\u003e\n    \u003cdiv class=\"dhh1-section-pad dhh1-section-pad--tight\"\u003e\n      \u003cp class=\"dhh1-label\"\u003eThe mechanical novelty\u003c\/p\u003e\n      \u003ch3 class=\"dhh1-h3\"\u003eThe six transformations that break the mold\u003c\/h3\u003e\n      \u003cp class=\"dhh1-p\"\u003eThe Transformations system is Hope \u0026amp; Fear's most ambitious move. At the start of a campaign or at any time thereafter, a character can undergo a supernatural metamorphosis that changes their powers and narrative. Six distinct options:\u003c\/p\u003e\n      \u003cdiv class=\"dhh1-trans\"\u003e\n        \u003cdiv class=\"dhh1-tr\"\u003e\n\u003cspan class=\"dhh1-tr-icon\"\u003e🧛\u003c\/span\u003e\u003cspan class=\"dhh1-tr-name\"\u003eVampire\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"dhh1-tr\"\u003e\n\u003cspan class=\"dhh1-tr-icon\"\u003e🐺\u003c\/span\u003e\u003cspan class=\"dhh1-tr-name\"\u003eWerewolf\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"dhh1-tr\"\u003e\n\u003cspan class=\"dhh1-tr-icon\"\u003e💀\u003c\/span\u003e\u003cspan class=\"dhh1-tr-name\"\u003eReanimated\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"dhh1-tr\"\u003e\n\u003cspan class=\"dhh1-tr-icon\"\u003e🎭\u003c\/span\u003e\u003cspan class=\"dhh1-tr-name\"\u003eShapeshifter\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"dhh1-tr\"\u003e\n\u003cspan class=\"dhh1-tr-icon\"\u003e👻\u003c\/span\u003e\u003cspan class=\"dhh1-tr-name\"\u003eGhost\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"dhh1-tr\"\u003e\n\u003cspan class=\"dhh1-tr-icon\"\u003e⚡\u003c\/span\u003e\u003cspan class=\"dhh1-tr-name\"\u003eDemigod\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CLOSING --\u003e\n    \u003cdiv class=\"dhh1-closing\"\u003e\n      \u003cp class=\"dhh1-closing-text\"\u003eWhen a player at the table decides to become a vampire halfway through the campaign, the story you tell changes forever. Hope \u0026amp; Fear exists for that moment.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\u003c\/div\u003e\n\n\u003cstyle\u003e\n.dhh1-wrap, .dhh1-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n.dhh1-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: #0d3a3e;\n}\n\n\/* ── HERO CSS (no image) ── *\/\n.dhh1-cover { position: relative; width: 100%; height: 380px; overflow: hidden; display: flex; align-items: center; justify-content: center; }\n.dhh1-cover-bg {\n  position: absolute; inset: 0;\n  background: linear-gradient(135deg, #0a2628 0%, #0d3a3e 30%, #1a4a4e 60%, #2d2050 100%);\n}\n.dhh1-cover-pattern {\n  position: absolute; inset: 0; opacity: 0.18;\n  background-image:\n    radial-gradient(circle at 20% 30%, rgba(212,168,80,0.4) 0%, transparent 30%),\n    radial-gradient(circle at 80% 70%, rgba(90,53,128,0.5) 0%, transparent 35%),\n    radial-gradient(circle at 50% 90%, rgba(26,64,112,0.5) 0%, transparent 40%);\n}\n.dhh1-cover-glow {\n  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n  width: 700px; height: 700px;\n  background: radial-gradient(circle, rgba(212,168,80,0.15) 0%, rgba(212,168,80,0.05) 30%, transparent 60%);\n  pointer-events: none;\n}\n.dhh1-cover-content { position: relative; z-index: 2; padding: 24px 30px; width: 100%; max-width: 720px; text-align: center; }\n.dhh1-kicker { display: block; color: #d4a850; font-family: sans-serif; font-size: 0.7rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 14px; }\n.dhh1-cover-title {\n  font-family: Georgia, serif; font-weight: 900; font-size: clamp(2.2rem, 6vw, 3.6rem);\n  color: #fff; letter-spacing: 0.08em; line-height: 1; margin-bottom: 4px;\n  text-shadow: 0 2px 20px rgba(26,64,112,0.6), 0 0 40px rgba(212,168,80,0.25);\n  background: linear-gradient(180deg, #fff 0%, #c8d8f0 50%, #1a4070 100%);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.dhh1-cover-subtitle {\n  font-family: Georgia, serif; font-weight: 700; font-style: italic; font-size: clamp(1.2rem, 3vw, 1.8rem);\n  color: #d4a850; letter-spacing: 0.05em; margin-bottom: 14px;\n  text-shadow: 0 2px 12px rgba(0,0,0,0.5);\n}\n.dhh1-cover-tag {\n  display: inline-block; font-family: sans-serif; font-size: 0.72rem; font-weight: 700;\n  letter-spacing: 3px; text-transform: uppercase; color: #fff;\n  padding: 5px 16px; border: 1px solid rgba(212,168,80,0.5); border-radius: 50px;\n  background: rgba(212,168,80,0.12); margin-bottom: 18px;\n}\n.dhh1-sub { color: rgba(255,255,255,0.92); font-family: Georgia, serif; font-size: 1rem; font-style: italic; line-height: 1.55; max-width: 560px; margin: 0 auto 20px; }\n.dhh1-chips { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; }\n.dhh1-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.dhh1-chip--gold { background: #d4a850; border-color: #d4a850; color: #1a1208; }\n\n\/* ── BANNER REQUISITO ── *\/\n.dhh1-banner { background: #2d2050; padding: 12px 24px; display: flex; align-items: center; gap: 12px; border-bottom: 2px solid #5a3580; }\n.dhh1-banner-icon { font-size: 1.4rem; flex-shrink: 0; }\n.dhh1-banner-text { font-family: sans-serif; font-size: 0.85rem; color: rgba(255,255,255,0.92); line-height: 1.5; }\n.dhh1-banner-text strong { font-weight: 800; color: #d4a850; }\n\n\/* ── SPECS ── *\/\n.dhh1-specs-bar { background: #082528; padding: 0 24px; }\n.dhh1-specs { display: grid; grid-template-columns: repeat(3, 1fr); }\n.dhh1-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.dhh1-spec:nth-child(3n) { border-right: none; }\n.dhh1-spec:nth-last-child(-n+3) { border-bottom: none; }\n.dhh1-spec-icon { font-size: 1.2rem; }\n.dhh1-spec-label { color: rgba(255,255,255,0.4); font-family: sans-serif; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 1px; }\n.dhh1-spec-val { color: #fff; font-family: sans-serif; font-size: 0.84rem; font-weight: 800; }\n\n\/* ── BODY ── *\/\n.dhh1-body { background: #f0e8d4; }\n\n\/* ── INTRO ── *\/\n.dhh1-intro-grid { display: grid; grid-template-columns: 1fr; gap: 26px; padding: 36px 28px 8px; }\n.dhh1-label { display: block; font-family: sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #1a4070; margin-bottom: 7px; }\n.dhh1-h3 { font-size: clamp(1.4rem, 2.5vw, 2.1rem); font-weight: 900; color: #0d3a3e; line-height: 1.15; margin-bottom: 16px; }\n.dhh1-p { font-family: sans-serif; font-size: 0.95rem; color: #2a3548; margin-bottom: 13px; line-height: 1.65; max-width: 700px; }\n\n\/* ── BOX EDITORIALI ── *\/\n.dhh1-quote-header { font-family: sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #1a4070; margin-bottom: 12px; }\n.dhh1-quote-solo { background: #0d3a3e; border-radius: 14px; padding: 18px 20px; margin-bottom: 12px; border-left: 4px solid #d4a850; }\n.dhh1-quote-solo--alt { background: #2d2050; border-left-color: #5a3580; }\n.dhh1-qs-icon { font-size: 1.4rem; display: block; margin-bottom: 8px; }\n.dhh1-qs-text { color: #fff; font-style: italic; font-size: 0.9rem; line-height: 1.6; margin-bottom: 8px; font-family: Georgia, serif; }\n.dhh1-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.dhh1-divider { height: 1px; background: #c8b890; margin: 32px 28px 0; }\n\n\/* ── FROGSCORE ── *\/\n.dhh1-fs { background:#fff; border-top:1px solid #e0d8cc; border-bottom:1px solid #e0d8cc; }\n.dhh1-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.dhh1-fs-brand { display:flex; align-items:center; gap:9px; }\n.dhh1-fs-frog-img { width:28px; height:28px; object-fit:contain; flex-shrink:0; }\n.dhh1-fs-footer-frog { width:16px; height:16px; object-fit:contain; vertical-align:middle; margin-right:2px; }\n.dhh1-fs-brand-label { display:block; font-family:sans-serif; font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#6b5e48; }\n.dhh1-fs-game-name { font-family:sans-serif; font-size:14px; font-weight:700; color:#1a1208; margin-top:2px; }\n.dhh1-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.dhh1-fs-body { display:grid; grid-template-columns:1fr; background:#f7f4ef; }\n.dhh1-fs-radar-panel { padding:20px 16px; display:flex; justify-content:center; background:#f7f4ef; position:relative; }\n.dhh1-fs-radar-panel svg { width:100%; max-width:270px; height:auto; display:block; }\n.dhh1-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.dhh1-fs-info { padding:16px 18px 18px; background:#f7f4ef; border-top:1px solid #e8e2da; }\n.dhh1-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.dhh1-fs-feeling { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }\n.dhh1-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.dhh1-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.dhh1-fs-targets { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:7px; margin-bottom:16px; }\n.dhh1-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.dhh1-fs-target span { font-size:14px; flex-shrink:0; }\n.dhh1-fs-si { background:#fff; border-color:#c8c0b0; color:#2a1a08; }\n.dhh1-fs-no { background:transparent; border-color:#e0d8d0; color:#b8a898; opacity:.45; text-decoration:line-through; }\n.dhh1-fs-verdict { background:#fff; border-radius:10px; padding:12px 14px; border:1px solid #e0d8cc; }\n.dhh1-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.dhh1-fs-verdict-text { font-family:sans-serif; font-size:12px; color:#3d2810; line-height:1.65; }\n.dhh1-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.dhh1-section-pad { padding: 32px 28px 8px; }\n.dhh1-section-pad--tight { padding-top: 12px; }\n.dhh1-cards { display: grid; grid-template-columns: 1fr; gap: 11px; margin-top: 16px; }\n.dhh1-card { background: #fff; border-radius: 14px; padding: 16px 18px; border: 1px solid #d8c8a8; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; }\n.dhh1-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.09); }\n.dhh1-card-icon { font-size: 1.6rem; display: block; margin-bottom: 7px; }\n.dhh1-card-name { font-size: 0.95rem; font-weight: 900; color: #1a4070; margin-bottom: 5px; }\n.dhh1-card-desc { font-family: sans-serif; font-size: 0.85rem; color: #2a3548; line-height: 1.55; }\n\n\/* ── TRASFORMAZIONI ── *\/\n.dhh1-trans { display: grid; gap: 8px; margin-top: 16px; grid-template-columns: repeat(2, 1fr); }\n.dhh1-tr { background: linear-gradient(135deg, #2d2050 0%, #5a3580 100%); border-radius: 12px; padding: 14px 12px; display: flex; flex-direction: column; align-items: center; gap: 6px; border: 1px solid rgba(212,168,80,0.3); transition: transform 0.2s ease; }\n.dhh1-tr:hover { transform: translateY(-2px); }\n.dhh1-tr-icon { font-size: 1.6rem; }\n.dhh1-tr-name { font-family: sans-serif; font-size: 0.82rem; font-weight: 800; color: #d4a850; letter-spacing: 0.05em; }\n\n\/* ── CLOSING ── *\/\n.dhh1-closing { background: linear-gradient(135deg, #0d3a3e 0%, #1a4070 50%, #2d2050 100%); padding: 26px 28px; border-top: 3px solid #d4a850; margin-top: 32px; }\n.dhh1-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\/* ── RESPONSIVE ── *\/\n@media screen and (min-width: 600px) {\n  .dhh1-specs { grid-template-columns: repeat(6, 1fr); }\n  .dhh1-spec { border-bottom: none; }\n  .dhh1-spec:nth-child(3n) { border-right: 1px solid rgba(255,255,255,0.07); }\n  .dhh1-spec:last-child { border-right: none; }\n  .dhh1-cards { grid-template-columns: repeat(2, 1fr); }\n  .dhh1-trans { grid-template-columns: repeat(3, 1fr); }\n  .dhh1-fs-body { grid-template-columns: 220px 1fr; }\n  .dhh1-fs-radar-panel { border-top: none; border-right: 1px solid #e8e2da; }\n  .dhh1-fs-info { border-top: none; }\n}\n@media screen and (min-width: 900px) {\n  .dhh1-cover { height: 460px; }\n  .dhh1-banner { padding: 14px 36px; }\n  .dhh1-intro-grid { grid-template-columns: 3fr 2fr; align-items: start; padding: 40px 36px 8px; }\n  .dhh1-cards { grid-template-columns: repeat(4, 1fr); }\n  .dhh1-trans { grid-template-columns: repeat(6, 1fr); }\n  .dhh1-divider { margin-left: 36px; margin-right: 36px; }\n  .dhh1-section-pad { padding: 36px 36px 8px; }\n  .dhh1-section-pad--tight { padding-top: 12px; }\n  .dhh1-closing { padding: 28px 36px; }\n  .dhh1-fs-body { grid-template-columns: 260px 1fr; }\n  .dhh1-fs-radar-panel svg { max-width: 260px; }\n}\n\u003c\/style\u003e","brand":"Darrington Press","offers":[{"title":"Default Title","offer_id":53813219164487,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0887\/8905\/7863\/files\/HF-Stnd-Book-and-Open-Card-Box.webp?v=1777443573","url":"https:\/\/frogames.it\/en\/products\/daggerheart-rpg-hope-fear","provider":"FroGames","version":"1.0","type":"link"}