@charset "UTF-8";
.pn-spil{--papir:#EDF1F5;--blæk:#18284A;--stempel:#B3261E;--hav:#2F6F8F;--rigtig:#2E7D5B;--kort:#FFFFFF;--dæmp:#5B6782;
  font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--blæk);background:var(--papir);
  border-radius:18px;padding:clamp(16px,4vw,36px);max-width:920px;margin:0 auto;box-sizing:border-box;line-height:1.45}
.pn-spil *{box-sizing:border-box}
.pn-spil button{font:inherit;cursor:pointer}
.pn-spil button:focus-visible{outline:3px solid var(--hav);outline-offset:3px}
.pn-spil .top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.pn-spil h2{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:clamp(34px,6vw,52px);line-height:.95;margin:0;letter-spacing:-.01em;color:var(--blæk)}
.pn-spil .under{margin:6px 0 0;color:var(--dæmp);font-size:16px}
.pn-spil .tal{display:flex;gap:22px;font-size:14px;color:var(--dæmp)}
.pn-spil .tal b{display:block;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:34px;line-height:1;color:var(--blæk)}
.pn-spil .faner{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.pn-spil .fane{border:2px solid var(--blæk);background:transparent;color:var(--blæk);border-radius:999px;padding:7px 16px;font-weight:600;font-size:15px}
.pn-spil .fane[aria-pressed="true"]{background:var(--blæk);color:#fff}
.pn-spil .bane{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}
.pn-spil .mod{align-self:center;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:22px;color:var(--dæmp)}
.pn-spil .frimærke{position:relative;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:transform .15s ease;padding:22px 18px 18px;min-height:260px;display:flex;flex-direction:column;border:8px solid transparent;
  background:linear-gradient(var(--kort),var(--kort)) padding-box,radial-gradient(circle at 8px 8px,var(--papir) 4.5px,var(--kort) 5px) -8px -8px/16px 16px border-box}
.pn-spil button.frimærke:hover:not(:disabled){transform:translateY(-3px)}
.pn-spil button.frimærke:disabled{cursor:default}
.pn-spil .frimærke.valgt .ramme{border:3px solid var(--hav)}
.pn-spil .spørgsmål{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:600;font-size:28px;margin:0 0 14px}
.pn-spil .tryk{font-size:15px;color:var(--dæmp);margin-top:auto;padding-top:14px}
.pn-spil .ramme{position:absolute;inset:8px;border:1.5px solid #D5DCE6;pointer-events:none}
.pn-spil .nr,.pn-spil .by,.pn-spil .værdi,.pn-spil .enhed,.pn-spil .tryk{display:block}
.pn-spil .nr{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:clamp(76px,13vw,120px);line-height:.85;letter-spacing:-.02em;color:var(--blæk);margin:4px 0 6px}
.pn-spil .by{font-size:20px;font-weight:600;margin:0}
.pn-spil .værdi{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:600;font-size:34px;line-height:1.05;margin-top:18px;min-height:1.1em}
.pn-spil .enhed{font-size:14px;color:var(--dæmp)}
.pn-spil .spørg{font-size:15px;color:var(--dæmp);margin:18px 0 10px}
.pn-spil .knapper{display:flex;gap:10px}
.pn-spil .gæt{flex:1;border:0;border-radius:10px;padding:13px 10px;font-weight:600;font-size:17px;color:#fff;background:var(--blæk)}
.pn-spil .gæt:hover{background:var(--hav)}
.pn-spil .gæt:disabled{opacity:.45;cursor:default}
.pn-spil .stempel{position:absolute;bottom:26px;right:20px;transform:rotate(-12deg) scale(.6);opacity:0;border:3px solid currentColor;border-radius:6px;
  padding:3px 10px;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:22px;transition:transform .25s ease,opacity .25s ease}
.pn-spil .stempel.vis{opacity:.9;transform:rotate(-12deg) scale(1)}
.pn-spil .stempel.ja{color:var(--rigtig)} .pn-spil .stempel.nej{color:var(--stempel)}
.pn-spil .slut{display:none;text-align:center;background:var(--kort);border-radius:14px;padding:28px 20px;margin-top:18px}
.pn-spil .slut.vis{display:block}
.pn-spil .slut p{margin:0 0 14px;font-size:18px}
.pn-spil .slut .stor{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:44px;line-height:1;display:block;margin-bottom:6px}
.pn-spil .igen{border:0;border-radius:10px;padding:12px 26px;font-weight:600;font-size:17px;background:var(--stempel);color:#fff}
.pn-spil .kilde{font-size:12px;color:var(--dæmp);margin:22px 0 0}
@media (max-width:640px){.pn-spil .bane{grid-template-columns:1fr}.pn-spil .mod{justify-self:center}.pn-spil .frimærke{min-height:0}}
@media (prefers-reduced-motion:reduce){.pn-spil .stempel{transition:none}}
.pn-spil .udfordr{margin-left:auto;border:2px solid var(--stempel);background:transparent;color:var(--stempel);border-radius:999px;padding:7px 16px;font-weight:600;font-size:15px}
.pn-spil .udfordr:hover{background:var(--stempel);color:#fff}
.pn-spil .udf-banner{background:var(--kort);border-left:5px solid var(--stempel);border-radius:8px;padding:12px 16px;margin:0 0 16px;font-size:16px}
.pn-spil .udf-banner[hidden],.pn-spil [hidden]{display:none!important}
.pn-spil .resultat{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:600;font-size:26px;line-height:1.15;color:var(--stempel);margin:0 0 14px}
.pn-spil .del{max-width:520px;margin:0 auto 18px;text-align:left;border-top:1.5px solid #D5DCE6;padding-top:16px}
.pn-spil .del p{font-size:16px;margin:0 0 10px}
.pn-spil .del-række{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.pn-spil .navn-label{flex:1 1 180px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--dæmp)}
.pn-spil .navn-label input,.pn-spil .link{font:inherit;font-size:16px;color:var(--blæk);border:1.5px solid #C4CDDA;border-radius:8px;padding:9px 11px;background:#fff;width:100%}
.pn-spil .del-knap{border:0;border-radius:10px;padding:11px 20px;font-weight:600;font-size:16px;background:var(--blæk);color:#fff}
.pn-spil .del-knap:hover{background:var(--hav)}
.pn-spil .kopieret{min-height:1.3em;font-size:14px!important;color:var(--rigtig);margin:8px 0 6px!important}
.pn-spil .link{font-size:13px;color:var(--dæmp)}
@media (max-width:640px){.pn-spil .udfordr{margin-left:0}}
.pn-spil .tal b{min-width:1.2em}
.pn-spil .sammenlign{max-width:520px;margin:0 auto 18px;display:grid;gap:8px}
.pn-spil .sml-række{display:flex;align-items:center;gap:10px}
.pn-spil .sml-navn{flex:0 0 90px;text-align:right;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-spil .sml-felter{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;flex:1}
.pn-spil .sml-felt{aspect-ratio:1;border-radius:3px;background:#D5DCE6}
.pn-spil .sml-felt.ja{background:var(--rigtig)}
.pn-spil .sml-felt.nej{background:var(--stempel)}
.pn-spil .udf-banner p{margin:0 0 10px}
.pn-spil .udf-banner .kopieret{margin:6px 0 0!important}
.pn-spil .udf-banner .link{margin-top:6px}
.pn-spil .del .del-knap{display:block;margin:0 auto}