#module_gra_w_serca{--bg1:#fff4f6;--bg2:#ffe1e8;--ink:#5a1e2e;--muted:#9a5b6b}
  @media (prefers-color-scheme:dark){#module_gra_w_serca{--bg1:#1c0f16;--bg2:#2e1420;--ink:#ffdbe4;--muted:#c58a9b}}
  #module_gra_w_serca *{box-sizing:border-box}
    #module_gra_w_serca{position:relative;height:calc(100vh - 70px);min-height:520px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,var(--bg1),var(--bg2));color:var(--ink);
       font-family:system-ui,-apple-system,"Segoe UI",sans-serif;cursor:default}
  #module_gra_w_serca .scena{position:absolute;inset:0}
  #module_gra_w_serca .serce{position:absolute;left:0;top:0;will-change:transform;cursor:pointer;
         transition:filter .25s}
  #module_gra_w_serca .serce svg{display:block;width:100%;height:100%;overflow:visible}
  #module_gra_w_serca .serce path{transition:fill .25s}
  #module_gra_w_serca .serce.hover{filter:drop-shadow(0 0 10px rgba(255,80,120,.8))}
  #module_gra_w_serca .iskra{position:absolute;left:0;top:0;pointer-events:none;will-change:transform,opacity}
  #module_gra_w_serca header{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;
         pointer-events:none;padding:0 16px;z-index:2}
  @font-face{font-family:"Pacifico";src:url(/custom_modules/module_gra_w_serca/gfx/pacifico-logo.woff2) format("woff2");font-display:swap}
  @font-face{font-family:"Cormorant Podpis";src:url(/custom_modules/module_gra_w_serca/gfx/cormorant-podpis.woff2) format("woff2");font-style:italic;font-weight:500;font-display:swap}
  #module_gra_w_serca h1{margin:0;font-family:"Pacifico",cursive;font-weight:400;line-height:1.25;
     font-size:clamp(3.4rem,13vw,9rem);
     background:linear-gradient(100deg,#c9184a 10%,#ff4d6d 45%,#ff8fab 60%,#c9184a 90%);
     background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
     filter:drop-shadow(0 4px 0 rgba(255,255,255,.85)) drop-shadow(0 10px 24px rgba(201,24,74,.28));
     animation:module_gra_w_serca_polysk 6s ease-in-out infinite alternate}
  @keyframes module_gra_w_serca_polysk{to{background-position:100% 0}}
  #module_gra_w_serca h1{position:relative;display:inline-block;pointer-events:auto;cursor:default;--mx:50%;--my:50%;--r:90px;--a:0}
  /* ciemniejsza kopia napisu, widoczna tylko w kółku (pozycja i jasność sterowane z JS) */
  #module_gra_w_serca h1::after{content:attr(data-napis);position:absolute;inset:0;pointer-events:none;
     background:linear-gradient(100deg,#5c0a24 10%,#8a1236 45%,#a3163f 60%,#5c0a24 90%);
     background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
     animation:inherit;
     -webkit-mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my),rgba(0,0,0,var(--a)) 0,rgba(0,0,0,var(--a)) 40%,transparent 100%);
             mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my),rgba(0,0,0,var(--a)) 0,rgba(0,0,0,var(--a)) 40%,transparent 100%)}
  #module_gra_w_serca .podpis{position:relative;pointer-events:auto;cursor:default;width:fit-content;margin-inline:auto;
     --mx:50%;--my:50%;--r:60px;--a:0}
  #module_gra_w_serca .podpis::after{content:attr(data-napis);position:absolute;inset:0;pointer-events:none;color:#3d0716;
     -webkit-mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my),rgba(0,0,0,var(--a)) 0,rgba(0,0,0,var(--a)) 40%,transparent 100%);
             mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my),rgba(0,0,0,var(--a)) 0,rgba(0,0,0,var(--a)) 40%,transparent 100%)}
  @media (prefers-color-scheme:dark){#module_gra_w_serca .podpis::after{color:#fff0f4}}
  #module_gra_w_serca .podpis{margin-top:.2rem;margin-bottom:0;font-family:"Cormorant Podpis",Georgia,serif;font-style:italic;font-weight:500;
     font-size:clamp(1.1rem,3vw,1.7rem);letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}
  @media (prefers-reduced-motion:reduce){#module_gra_w_serca h1{animation:none}}