@font-face { font-family: "GW Badger"; src: url(fonts/badger.woff2) format("woff2"); font-display: swap; }
@font-face { font-family: "GW Manrope"; src: url(fonts/manrope.woff2) format("woff2"); font-weight: 200 800; font-display: swap; }

.gfam-wam {
  --gw-ink: #2f3033;
  --gw-yellow: #fae400;
  --gw-orange: #f99f1c;
  --gw-card: #cfa36c;
  --gw-card-lite: #ddb886;
  --gw-card-dark: #a9793f;
  --gw-white: #f7f5f0;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 18px 16px 28px;
  font-family: "GW Manrope", Manrope, system-ui, sans-serif;
  color: var(--gw-white);
  background:
    radial-gradient(120% 70% at 50% 18%, rgba(250,228,0,.20), rgba(249,159,28,.06) 45%, transparent 70%),
    repeating-conic-gradient(from 0deg at 50% 22%, rgba(250,228,0,.07) 0 7.5deg, transparent 7.5deg 15deg),
    #1d1510;
  border-radius: 22px;
  overflow: hidden;
  container-type: inline-size;
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.gfam-wam *, .gfam-wam *::before, .gfam-wam *::after { box-sizing: border-box; }
.gfam-wam::after { /* halftone dots */
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1.4px);
  background-size: 7px 7px;
}

.gfam-wam .gw-stage { position: relative; z-index: 1; }

/* ---- Sign ---- */
.gfam-wam .gw-sign {
  position: relative; z-index: 1;
  width: 92%; margin: 0 auto 1%;
}
.gfam-wam .gw-sign-svg { position: relative; display: block; width: 100%; height: auto; filter: drop-shadow(0 9px 0 rgba(0,0,0,.4)); }
.gfam-wam .gw-board { position: absolute; left: 27%; width: 46%; top: 36%; height: 150%; overflow: visible; }
.gfam-wam .gw-board img { display: block; width: 100%; height: 100%; }

/* ---- Machine ---- */
.gfam-wam .gw-machine {
  position: relative; z-index: 2;
  width: 100%; aspect-ratio: 600 / 560;
}
.gfam-wam .gw-machine-art { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.gfam-wam .gw-field { position: absolute; inset: 0; }
.gfam-wam .gw-hole { position: absolute; display: block; overflow: visible; pointer-events: none; }
.gfam-wam .gw-hole svg { display: block; width: 100%; height: auto; overflow: visible; }
.gfam-wam .gw-mole {
  transform: translateY(260px);
  transition: transform .1s cubic-bezier(.2,.9,.3,1.25);
}
.gfam-wam .gw-hole.is-up .gw-mole { transform: translateY(28px); }
.gfam-wam .gw-hole.is-hit .gw-mole { transform: translateY(46px) scaleY(.93); transition: transform .08s ease-out; }
.gfam-wam .gw-hole.is-gone .gw-mole { transform: translateY(260px); transition: transform .18s ease-in; }
.gfam-wam .gw-eyes-hit { display: none; }
.gfam-wam .gw-hole.is-hit .gw-eyes-normal { display: none; }
.gfam-wam .gw-hole.is-hit .gw-eyes-hit { display: inline; }
.gfam-wam .gw-stars { opacity: 0; transform-origin: 100px 30px; transform-box: view-box; }
.gfam-wam .gw-hole.is-hit .gw-stars { opacity: 1; animation: gw-spin .6s linear infinite; }
@keyframes gw-spin { to { transform: rotate(360deg) } }

/* ---- HUD on front face ---- */
.gfam-wam .gw-hud {
  position: absolute; left: 21%; right: 21%; top: 55.5%;
  display: grid; grid-template-columns: 1fr 1fr; gap: 3.2%;
}
.gfam-wam .gw-led {
  position: relative;
  background: #15110e;
  border: 3px solid var(--gw-ink);
  border-radius: 10px;
  box-shadow: inset 0 0 0 3px #3a2c20, 0 4px 0 rgba(0,0,0,.35);
  padding: 6% 8% 7%;
  text-align: center;
  overflow: hidden;
}
.gfam-wam .gw-led::after { /* pixel/scanline grid */
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.35) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.18) 0 1px, transparent 1px 3px);
}
.gfam-wam .gw-led-label {
  display: block; font-size: clamp(9px, 2.1cqi, 12px); font-weight: 800; letter-spacing: .14em;
  color: #c9a97d; text-transform: uppercase;
}
.gfam-wam .gw-led-value {
  display: block; font-weight: 800; font-variant-numeric: tabular-nums;
  font-size: clamp(22px, 7.2cqi, 42px); line-height: 1.05;
  color: var(--gw-orange);
  text-shadow: 0 0 10px rgba(249,159,28,.65), 0 0 2px #ffd27a;
}
.gfam-wam .gw-led-value small { font-size: .5em; color: #b4793a; text-shadow: none; }
.gfam-wam .gw-led.is-urgent .gw-led-value { color: #ff5a2a; text-shadow: 0 0 12px rgba(255,90,42,.8); animation: gw-blink .5s steps(2) infinite; }
@keyframes gw-blink { 50% { opacity: .55 } }
.gfam-wam .gw-progress {
  grid-column: 2 / -1; align-self: center; height: clamp(8px, 2cqi, 12px);
  background: #15110e; border: 3px solid var(--gw-ink); border-radius: 99px; overflow: hidden;
}
.gfam-wam .gw-progress > i {
  display: block; height: 100%; width: 0%;
  background: repeating-linear-gradient(90deg, var(--gw-yellow) 0 8px, var(--gw-orange) 8px 16px);
  transition: width .15s ease-out;
}

/* ---- Buttons / Overlays ---- */
.gfam-wam .gw-btn {
  appearance: none; border: 4px solid var(--gw-ink); cursor: pointer;
  font-family: "GW Manrope", sans-serif; font-weight: 800; font-size: clamp(18px, 5cqi, 24px); letter-spacing: .06em;
  color: var(--gw-ink); background: var(--gw-yellow);
  padding: .32em 1.1em .38em; border-radius: 14px;
  box-shadow: 0 0 0 4px var(--gw-white), 0 9px 0 4px var(--gw-ink);
  transform: translateY(0); transition: transform .08s, box-shadow .08s;
}
.gfam-wam .gw-btn:hover { background: #ffef3a; }
.gfam-wam .gw-btn:active { transform: translateY(6px); box-shadow: 0 0 0 4px var(--gw-white), 0 3px 0 4px var(--gw-ink); }
.gfam-wam .gw-btn:focus-visible { outline: 3px dashed var(--gw-orange); outline-offset: 8px; }

.gfam-wam .gw-overlay {
  position: absolute; inset: 0; z-index: 20;
  display: flex; align-items: flex-end; justify-content: center;
  padding: 12px 12px 9%;
  background: rgba(23,17,12,.55);
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
  transition: opacity .2s;
}
.gfam-wam .gw-overlay[hidden] { display: none; }
.gfam-wam .gw-card {
  position: relative; width: min(92%, 420px);
  background: var(--gw-white); color: var(--gw-ink);
  border: 5px solid var(--gw-ink); border-radius: 22px;
  box-shadow: 0 0 0 6px var(--gw-white), 0 0 0 11px var(--gw-ink), 0 18px 0 8px rgba(0,0,0,.35);
  padding: clamp(16px, 5cqi, 26px) clamp(14px, 4.5cqi, 22px) clamp(20px, 6cqi, 30px); text-align: center;
  animation: gw-pop .35s cubic-bezier(.2,1.4,.4,1);
}
@keyframes gw-pop { from { transform: scale(.7) rotate(-4deg); opacity: 0 } }
.gfam-wam .gw-card h2 {
  margin: 0 0 .3em; font-family: "GW Badger", "GW Manrope", sans-serif; font-weight: 600;
  font-size: clamp(30px, 9cqi, 46px); line-height: 1; letter-spacing: .01em;
}
.gfam-wam .gw-card p { margin: 0 0 1em; font-size: clamp(14px, 3.8cqi, 16px); line-height: 1.45; font-weight: 500; }
.gfam-wam .gw-card p b { font-weight: 800; }
.gfam-wam .gw-card .gw-fine { font-size: 12px; opacity: .65; margin: 1.3em 0 0; }
.gfam-wam .gw-code {
  display: inline-block; margin: .2em 0 1em; padding: .35em .8em;
  font-family: "GW Manrope", monospace; font-weight: 800; font-size: clamp(17px, 6cqi, 28px); letter-spacing: .08em; white-space: nowrap;
  background: var(--gw-yellow); border: 3px dashed var(--gw-ink); border-radius: 10px;
}
.gfam-wam .gw-beanies { display: flex; justify-content: center; gap: 10px; margin: -4px 0 10px; }
.gfam-wam .gw-beanies img { width: clamp(54px, 16cqi, 80px); height: auto; filter: drop-shadow(0 0 0 #f2f2f3) drop-shadow(2px 3px 0 rgba(0,0,0,.18)); }

.gfam-wam .gw-countdown {
  position: absolute; inset: 0; z-index: 15; display: flex; align-items: center; justify-content: center;
  pointer-events: none;
  font-family: "GW Badger", sans-serif; font-weight: 600; font-size: clamp(90px, 30cqi, 170px); color: var(--gw-yellow);
  -webkit-text-stroke: 6px var(--gw-ink); paint-order: stroke fill;
  text-shadow: 0 10px 0 var(--gw-ink);
}
.gfam-wam .gw-countdown span { animation: gw-count .9s ease-out both; }
@keyframes gw-count { from { transform: scale(1.8); opacity: 0 } 30% { transform: scale(1); opacity: 1 } to { transform: scale(.85); opacity: 0 } }

/* ---- FX ---- */
.gfam-wam .gw-fx { position: absolute; inset: 0; z-index: 12; pointer-events: none; overflow: visible; }
.gfam-wam .gw-bonk {
  position: absolute; transform: translate(-50%, -50%);
  font-family: "GW Manrope", sans-serif; font-weight: 800; font-size: clamp(22px, 6.5cqi, 36px); color: var(--gw-yellow);
  -webkit-text-stroke: 5px var(--gw-ink); paint-order: stroke fill;
  animation: gw-bonk .6s ease-out forwards; white-space: nowrap;
}
@keyframes gw-bonk {
  0% { transform: translate(-50%, -30%) scale(.4) rotate(-8deg); opacity: 0 }
  25% { transform: translate(-50%, -80%) scale(1.15) rotate(-6deg); opacity: 1 }
  100% { transform: translate(-50%, -160%) scale(1) rotate(-6deg); opacity: 0 }
}
.gfam-wam .gw-dust {
  position: absolute; width: 46px; height: 18px; transform: translate(-50%, -50%);
  border-radius: 50%; background: rgba(221,184,134,.75);
  animation: gw-dust .35s ease-out forwards;
}
@keyframes gw-dust { to { transform: translate(-50%, -50%) scale(1.8); opacity: 0 } }

.gfam-wam .gw-hammer {
  position: absolute; z-index: 14; left: 0; top: 0; width: clamp(64px, 17cqi, 96px);
  pointer-events: none; opacity: 0;
  transform: translate(-22%, -78%) rotate(28deg); transform-origin: 20% 80%;
  transition: opacity .15s;
  will-change: transform, left, top;
}
.gfam-wam .gw-hammer svg { display: block; width: 100%; height: auto; }
.gfam-wam .gw-hammer.is-visible { opacity: 1; }
.gfam-wam .gw-hammer.is-swing { animation: gw-swing .16s ease-in; }
@keyframes gw-swing { 0% { transform: translate(-22%, -78%) rotate(28deg) } 55% { transform: translate(-22%, -78%) rotate(-38deg) } 100% { transform: translate(-22%, -78%) rotate(28deg) } }
@media (hover: hover) and (pointer: fine) { .gfam-wam.is-playing .gw-machine { cursor: none; } }

.gfam-wam .gw-mute {
  position: absolute; top: 12px; right: 12px; z-index: 19;
  width: 40px; height: 40px; border-radius: 50%;
  border: 3px solid var(--gw-ink); background: var(--gw-white); color: var(--gw-ink);
  font-size: 18px; line-height: 1; cursor: pointer; display: grid; place-items: center;
  box-shadow: 0 4px 0 var(--gw-ink);
}
.gfam-wam .gw-mute:active { transform: translateY(3px); box-shadow: 0 1px 0 var(--gw-ink); }

.gfam-wam .gw-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (prefers-reduced-motion: reduce) {
  .gfam-wam .gw-sign, .gfam-wam .gw-stars { animation: none !important; }
}

/* ---- claim form ---- */
.gfam-wam .gw-remaining { font-weight: 800; color: #b4532a; margin-top: -.4em; }
.gfam-wam .gw-form { display: grid; gap: 14px; justify-items: center; }
.gfam-wam .gw-input-wrap {
  display: flex; align-items: center; width: 100%; max-width: 280px;
  border: 4px solid var(--gw-ink); border-radius: 12px; background: #fff; padding: 0 12px;
}
.gfam-wam .gw-input-wrap span { font-weight: 800; font-size: 18px; color: #8a8a8a; }
.gfam-wam .gw-input {
  flex: 1; min-width: 0; border: 0; outline: 0; background: transparent;
  font: 700 18px/1 "GW Manrope", sans-serif; color: var(--gw-ink); padding: 12px 4px;
  -webkit-user-select: text; user-select: text;
}
.gfam-wam .gw-input-wrap:focus-within { box-shadow: 0 0 0 3px var(--gw-orange); }
.gfam-wam .gw-err { margin: 0; color: #c2451c; font-weight: 700; font-size: 14px; }
.gfam-wam .gw-btn[disabled] { opacity: .6; cursor: wait; }

/* ---- lives ---- */
.gfam-wam .gw-lives { display: flex; gap: 3px; align-items: center; margin-top: 2.6cqi; filter: drop-shadow(0 2px 0 rgba(0,0,0,.25)); }
.gfam-wam .gw-lives + .gw-progress { margin-top: 2.6cqi; }
.gfam-wam .gw-heart { width: clamp(22px, 6.6cqi, 34px); height: auto; overflow: visible; }
.gfam-wam .gw-heart path:first-child { fill: #ff4b3e; stroke: var(--gw-ink); stroke-width: 2.6; stroke-linejoin: round; }
.gfam-wam .gw-heart .gw-heart-shine { fill: none; stroke: rgba(255,255,255,.7); stroke-width: 2.2; stroke-linecap: round; }
.gfam-wam .gw-heart.is-lost path:first-child { fill: rgba(47,48,51,.18); stroke: rgba(47,48,51,.55); stroke-dasharray: 3 2.5; }
.gfam-wam .gw-heart.is-lost .gw-heart-shine { display: none; }
.gfam-wam .gw-heart.is-break { animation: gw-heart-break .45s ease-out; }
@keyframes gw-heart-break { 0% { transform: scale(1.6) rotate(-12deg) } 40% { transform: scale(.8) rotate(10deg) } 100% { transform: none } }
.gfam-wam .gw-rule { font-size: clamp(13px, 3.6cqi, 15px) !important; margin-top: -.4em !important; }
.gfam-wam .gw-bonk.gw-miss { color: #ff4b3e; font-size: clamp(18px, 5.2cqi, 28px); }
.gfam-wam .gw-machine.is-shake { animation: gw-shake .3s linear; }
@keyframes gw-shake { 20% { transform: translateX(-5px) } 40% { transform: translateX(5px) } 60% { transform: translateX(-3px) } 80% { transform: translateX(3px) } }

.gfam-wam .gw-demo-link {
  display: block; margin: 18px auto 0; padding: 4px 8px; border: 0; background: none; cursor: pointer;
  font: 600 13px/1.3 "GW Manrope", sans-serif; color: var(--gw-ink); opacity: .6; text-decoration: underline;
}
.gfam-wam .gw-demo-link:hover { opacity: 1; }
.gfam-wam .gw-demo-link[hidden] { display: none; }

.gfam-wam .gw-terms { margin: 16px 0 0 !important; font-size: 12px !important; line-height: 1.4 !important; color: #5a5148; }
.gfam-wam .gw-terms-tight { margin: -.4em 0 1em !important; }


/* ---- leaderboard version ---- */
.gfam-wam .gw-card { max-height: calc(100% - 8px); overflow-y: auto; }
.gfam-wam .gw-overlay { align-items: center; padding-bottom: 16px; }
.gfam-wam .gw-field-label { justify-self: start; margin: 4px 0 -8px 2px; font-size: 13px; font-weight: 700; }
.gfam-wam .gw-field-label span { font-weight: 500; opacity: .6; }
.gfam-wam .gw-form .gw-input-wrap { max-width: none; }
.gfam-wam .gw-check { display: flex; gap: 8px; align-items: flex-start; text-align: left; font-size: 13px; line-height: 1.4; cursor: pointer; }
.gfam-wam .gw-check input { width: 18px; height: 18px; margin: 1px 0 0; flex: none; accent-color: #2f3033; }
.gfam-wam .gw-check a, .gfam-wam .gw-terms-link { color: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.gfam-wam .gw-contest { font-weight: 800; font-size: 14px !important; color: #b4532a; margin: -.3em 0 1em !important; }
.gfam-wam .gw-final { font: 800 clamp(44px, 14cqi, 64px)/1 "GW Manrope", sans-serif; font-variant-numeric: tabular-nums; margin: .1em 0 .1em; }
.gfam-wam .gw-final-sub { margin: 0 0 .8em !important; opacity: .75; }
.gfam-wam .gw-rank { font-weight: 800; margin: 0 0 .6em !important; }
.gfam-wam .gw-best { display: inline-block; background: var(--gw-yellow); border: 2px solid var(--gw-ink); border-radius: 8px; padding: 1px 8px; font-weight: 800; font-size: 13px; margin-left: 4px; }
.gfam-wam .gw-lb { list-style: none; margin: 0 0 1.2em; padding: 0; text-align: left; }
.gfam-wam .gw-lb li { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 8px; font-size: 15px; }
.gfam-wam .gw-lb li:nth-child(odd) { background: rgba(47,48,51,.06); }
.gfam-wam .gw-lb .gw-br { width: 1.6em; flex: none; font-weight: 800; color: #8a7f74; text-align: right; }
.gfam-wam .gw-lb .gw-bn { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.gfam-wam .gw-lb .gw-bs { font-weight: 800; font-variant-numeric: tabular-nums; }
.gfam-wam .gw-lb li.is-you { background: var(--gw-yellow); outline: 2px solid var(--gw-ink); }
.gfam-wam .gw-lb .gw-empty { justify-content: center; opacity: .6; }
.gfam-wam .gw-lb .gw-gap { justify-content: center; padding: 0; opacity: .5; }
.gfam-wam .gw-led-value.gw-score-pop { animation: gw-score-pop .25s ease-out; }
@keyframes gw-score-pop { 40% { transform: scale(1.12) } }
.gfam-wam .gw-form { grid-template-columns: minmax(0, 1fr); width: 100%; }
.gfam-wam .gw-form .gw-input-wrap { width: 100%; }
.gfam-wam .gw-input-wrap[hidden] { display: none; }
.gfam-wam .gw-field-label { justify-self: stretch; text-align: left; }
.gfam-wam .gw-lb li.is-winner { background: #fff1b8; }
.gfam-wam .gw-lb li.is-winner .gw-br { color: #c2451c; }
.gfam-wam .gw-lb li.is-you { background: var(--gw-yellow); outline: 2px solid var(--gw-ink); }
.gfam-wam .gw-lb .gw-win { width: 26px; height: auto; flex: none; margin: -4px 0; }
.gfam-wam .gw-lb .gw-cut { justify-content: center; background: none !important; padding: 4px 0 6px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #c2451c; border-bottom: 2px dashed rgba(194,69,28,.5); margin-bottom: 4px; border-radius: 0; }

.gfam-wam .gw-optional{font:500 13px/1.5 "GW Manrope",sans-serif;text-align:left;width:100%}.gfam-wam .gw-optional summary{cursor:pointer;min-height:36px}.gfam-wam .gw-check[hidden]{display:none}.gfam-wam .gw-timer{grid-column:1/-1;text-align:center;color:var(--gw-yellow);font:800 16px "GW Manrope",sans-serif}.gfam-wam .gw-input{font-size:16px}.gfam-wam:not(.is-playing) .gw-mute{display:none}.gfam-wam .gw-account-link{display:block;margin:16px auto 0;font:600 12px/1.4 "GW Manrope",sans-serif;color:var(--gw-ink);opacity:.7}.gfam-wam .gw-profile-actions{display:flex;gap:12px;justify-content:center}.gfam-wam .gw-card .gw-form{gap:12px}.gfam-wam .gw-input-wrap{border-width:3px}.gfam-wam #gw-start .gw-card{max-width:420px}.gfam-wam #gw-start .gw-card .gw-beanies{margin-top:0}.gfam-wam .gw-check input{width:18px;height:18px;flex:none}.gfam-wam .gw-card button{min-height:40px}


/* Participation screens share one scale, surface and action hierarchy. */
.gfam-wam .gw-overlay{padding:18px;align-items:center;background:#17110c99;transition:none}
.gfam-wam .gw-card,.gfam-wam #gw-start .gw-card{width:100%;max-width:400px;max-height:100%;padding:22px 20px;background:#f4f0e5;border:2px solid #63432e;border-bottom-width:5px;border-radius:14px;box-shadow:0 10px 28px #0004;animation:none;scrollbar-width:thin;overscroll-behavior:contain}
.gfam-wam .gw-card h2,.gfam-wam #gw-start .gw-card h2{font-size:28px;line-height:1.12;margin:0 0 16px;text-wrap:balance}
.gfam-wam .gw-card p,.gfam-wam #gw-start #gw-rules{font-size:14px;line-height:1.55;margin:0 0 16px;text-wrap:pretty;hyphens:none}
.gfam-wam #gw-start .gw-start-prize{font-size:14px;font-weight:800;color:#63432e}
.gfam-wam #gw-start .gw-start-entry{font-size:12px;color:#655b50;max-width:30ch;margin:0 auto 20px}
.gfam-wam .gw-btn,.gfam-wam #gw-start #gw-entry-start{min-height:48px;max-width:100%;padding:12px 20px;border:2px solid #633b2a;border-bottom-width:4px;border-radius:8px;background:#cc754d;color:#231b16;box-shadow:none;font:800 15px/1.3 "GW Manrope",sans-serif;letter-spacing:0;text-shadow:none;white-space:normal}
.gfam-wam .gw-btn:hover{background:#dc9169}
.gfam-wam .gw-btn:active{transform:translateY(2px);box-shadow:none}
.gfam-wam .gw-account-link{margin:18px auto 0;font:600 12px/1.5 "GW Manrope",sans-serif;color:#63432e;opacity:1;text-decoration:underline;text-underline-offset:3px}
.gfam-wam .gw-account-link.is-linked{text-decoration:none;color:#655b50}
.gfam-wam .gw-card .gw-form{gap:12px}
.gfam-wam .gw-input-wrap{border:1.5px solid #a69a8a;border-radius:7px;min-height:46px}
.gfam-wam .gw-field-label{font-size:12px;line-height:1.4;margin:0 0 -6px}
.gfam-wam .gw-check{font-size:12px;line-height:1.5;gap:10px}
.gfam-wam .gw-check input{margin-top:2px}
.gfam-wam .gw-optional summary{min-height:44px;display:flex;align-items:center;font-weight:700}
.gfam-wam .gw-demo-link{min-height:44px;margin:12px auto 0;opacity:1;color:#655b50}
.gfam-wam .gw-start-secondary,.gfam-wam .gw-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 18px 0;padding:0;border:0}
.gfam-wam .gw-start-secondary>a,.gfam-wam .gw-start-secondary>button,.gfam-wam .gw-result-actions>a,.gfam-wam .gw-result-actions>button{display:flex;flex-direction:row;gap:9px;align-items:center;justify-content:center;min-height:48px;margin:0;padding:10px;border:1px solid #b5a28e;border-radius:8px;background:#f4f0e5;color:#63432e;font:700 12px/1.4 "GW Manrope",sans-serif;text-decoration:none;cursor:pointer}
.gfam-wam .gw-start-secondary svg,.gfam-wam .gw-result-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex:none}
.gfam-wam .gw-result-actions{margin:16px 0 0;padding-top:16px;border-top:1px solid #63432e26;gap:8px}
.gfam-wam .gw-result-actions>a,.gfam-wam .gw-result-actions>button{border:0;background:transparent;padding:4px;font-size:11px}
.gfam-wam.is-playing>.gw-start-secondary,.gfam-wam[data-screen="gw-result"]>.gw-start-secondary{visibility:hidden;pointer-events:none}
.gfam-wam>.gw-credit{display:flex;justify-content:center;margin:18px 18px 0;font:500 11.5px/1.45 "GW Manrope",sans-serif;letter-spacing:.02em}
.gfam-wam>.gw-credit a{display:flex;align-items:center;gap:14px;min-height:32px;color:rgba(233,226,214,.55);text-decoration:none;text-align:center;-webkit-tap-highlight-color:transparent}
.gfam-wam>.gw-credit a::before,.gfam-wam>.gw-credit a::after{content:"";flex:0 0 18px;height:1px;background:#fae400;opacity:.65}
.gfam-wam>.gw-credit b{font-weight:700;letter-spacing:.07em;color:rgba(247,245,240,.88)}
.gfam-wam.is-playing>.gw-credit,.gfam-wam[data-screen="gw-result"]>.gw-credit{visibility:hidden;pointer-events:none}
.gfam-wam .gw-lb li{border-radius:5px;padding:10px 8px;border-bottom:1px solid #63432e1c;gap:8px;min-height:44px;font-size:13px}
.gfam-wam .gw-lb .gw-br{width:22px;text-align:center;color:#63432e}
.gfam-wam .gw-lb .gw-bn{white-space:normal;overflow-wrap:anywhere}
.gfam-wam .gw-lb .gw-bs{font-size:14px}
.gfam-wam .gw-lb li.is-winner{background:#eee4cc}
.gfam-wam .gw-lb li.is-you{outline:2px solid #63432e;outline-offset:-2px}
.gfam-wam .gw-instagram-name{display:block;width:fit-content;font:600 11px/1.4 "GW Manrope",sans-serif;color:#63432e;text-decoration:underline;text-underline-offset:2px;margin-top:3px}
.gfam-wam .gw-handle-consent{margin-top:12px}
.gfam-wam .gw-handle-message{font-size:12px!important;line-height:1.5!important;margin-top:12px!important}
.gfam-wam .gw-handle-withdraw{margin:8px 0 0!important;font-size:11px!important}
.gfam-wam .gw-card p,.gfam-wam .gw-check span,.gfam-wam .gw-field-label{text-wrap:pretty;overflow-wrap:break-word}
.gfam-wam #gw-terms-note:empty{display:none}
@media(max-width:767px){
.gfam-wam .gw-overlay{padding:14px}
.gfam-wam .gw-card,.gfam-wam #gw-start .gw-card{padding:20px 18px;border-radius:12px}
.gfam-wam .gw-card h2,.gfam-wam #gw-start .gw-card h2{font-size:25px}
.gfam-wam .gw-card p{font-size:13px}
.gfam-wam .gw-final{font-size:44px}
}
/* Reset theme form margins; each input is centered in one 48px field. */
.gfam-wam .gw-input-wrap{height:48px;min-height:48px;padding:0 12px;align-items:center}
.gfam-wam .gw-form .gw-input{height:44px;min-height:0;margin:0!important;padding:0 2px!important;font:600 16px/normal "GW Manrope",sans-serif;box-shadow:none!important}
.gfam-wam .gw-input-wrap>span{line-height:1;margin:0}
.gfam-wam .gw-card h2,.gfam-wam #gw-start .gw-card h2{font-size:26px;line-height:1.2}
.gfam-wam .gw-check.gw-handle-consent{align-items:flex-start;margin-top:12px;gap:12px}
.gfam-wam .gw-handle-consent input{appearance:none;-webkit-appearance:none;position:relative;display:block;width:44px;height:26px;min-width:44px;margin:1px 0 0!important;padding:0!important;border:2px solid #827564;border-radius:20px;background:#ded7ca;cursor:pointer;box-shadow:none}
.gfam-wam .gw-handle-consent input::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#655b50;transition:transform .15s}
.gfam-wam .gw-handle-consent input:checked{background:#cc754d;border-color:#633b2a}
.gfam-wam .gw-handle-consent input:checked::before{transform:translateX(18px);background:#fff}
.gfam-wam .gw-handle-consent input:focus-visible{outline:3px solid #cc754d;outline-offset:3px}
.gfam-wam .gw-handle-consent strong{display:block;font-size:12px;line-height:1.5;margin-bottom:4px}
.gfam-wam .gw-handle-consent small{display:block;font-size:11px;line-height:1.5;color:#655b50}
/* One scroll owner for participation; the page stays in place behind the dialog. */
html.gw-profile-open,html.gw-profile-open body{overflow:hidden!important;overscroll-behavior:none}
.gfam-wam[data-screen="gw-profile-screen"]{container-type:normal;overflow:visible}
.gfam-wam[data-screen="gw-profile-screen"] .gw-stage{position:static}
.gfam-wam[data-screen="gw-profile-screen"] #gw-profile-screen{position:fixed;inset:76px 16px 20px;z-index:100001;padding:0;max-width:440px;margin:0 auto;background:none;backdrop-filter:none}
.gfam-wam[data-screen="gw-profile-screen"] #gw-profile-screen::before{content:"";position:fixed;inset:0;z-index:-1;background:#17110ce8;backdrop-filter:blur(4px)}
.gfam-wam[data-screen="gw-profile-screen"] #gw-profile-screen .gw-card{max-width:440px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding:20px}
@media(max-width:767px){.gfam-wam .gw-card h2,.gfam-wam #gw-start .gw-card h2{font-size:24px}.gfam-wam[data-screen="gw-profile-screen"] #gw-profile-screen{inset:68px 16px 16px}}
.gfam-wam .gw-handle-consent input::after{content:none!important}
.gfam-wam .gw-card .gw-btn{min-height:48px!important;font-size:15px!important;text-transform:none!important}
.gfam-wam .gw-handle-consent input::before,.gfam-wam .gw-handle-consent input:checked::before{content:""!important;left:3px!important;top:3px!important;width:16px!important;height:16px!important;margin:0!important;border:0!important;box-shadow:none!important}

.gfam-wam .gw-trap{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Sign-in from the participation dialog, and a compact inline warning. */
.gfam-wam .gw-profile-login{display:inline-block;margin:-6px auto 14px;font:600 12px/1.5 "GW Manrope",sans-serif;color:#63432e;text-decoration:underline;text-underline-offset:3px}
.gfam-wam .gw-profile-login[hidden]{display:none}
.gfam-wam .gw-err{display:flex;align-items:flex-start;gap:7px;margin:2px 0 0;padding:7px 10px;border-radius:7px;background:#fbe6df;border:1px solid #f0c1b0;color:#a63c1a;font:600 12px/1.4 "GW Manrope",sans-serif;text-align:left}
.gfam-wam .gw-err::before{content:"!";flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#a63c1a;color:#fff;font:800 11px/1 "GW Manrope",sans-serif;margin-top:1px}
.gfam-wam .gw-err[hidden]{display:none}

/* While the participation dialog is open it sits above the page footer and side columns, and the page itself stands still. */
html.gw-profile-open .gfam-wam{z-index:60!important}
html.gw-profile-open,html.gw-profile-open body{overflow:hidden!important;overscroll-behavior:none;touch-action:none}
.gfam-wam[data-screen="gw-profile-screen"] #gw-profile-screen .gw-card{touch-action:pan-y}

/* Loading states inside the machine: bouncing dots while a round is prepared and while points are counted. */
.gfam-wam .gw-dots{display:inline-flex;gap:5px;align-items:flex-end;height:12px}
.gfam-wam .gw-dots i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:gw-dot 1s ease-in-out infinite}
.gfam-wam .gw-dots i:nth-child(2){animation-delay:.15s}.gfam-wam .gw-dots i:nth-child(3){animation-delay:.3s}
.gfam-wam .gw-dots--big{height:26px;gap:10px}.gfam-wam .gw-dots--big i{width:16px;height:16px;background:#fae400;box-shadow:0 3px 0 #63432e}
.gfam-wam .gw-scoring{position:absolute;left:50%;top:44%;z-index:30;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%);padding:10px 16px;border-radius:999px;background:#f4f0e5;border:2px solid #63432e;border-bottom-width:4px;color:#2f2620;font:800 13px/1 "GW Manrope",sans-serif;box-shadow:0 10px 24px rgba(0,0,0,.35);animation:gw-pop-in .35s cubic-bezier(.2,1.5,.35,1) both;white-space:nowrap}
.gfam-wam .gw-scoring[hidden]{display:none}
@keyframes gw-dot{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-7px);opacity:1}}
@keyframes gw-pop-in{from{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (prefers-reduced-motion:reduce){.gfam-wam .gw-dots i,.gfam-wam .gw-scoring{animation:none!important}}

/* During a round the page stands still: no scrolling, no pull-to-refresh, no double-tap zoom on the machine. */
html.gw-playing,html.gw-playing body{overscroll-behavior:none}
.gfam-wam.is-playing,.gfam-wam.is-playing .gw-machine,.gfam-wam.is-playing .gw-field{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

/* ===== Start screen: the newsletter consent sits right above "Los geht's" and says it once ===== */
.gfam-wam .gw-consent-note{margin:14px 0 14px!important;padding:10px 12px;font:500 12.5px/1.5 "GW Manrope",sans-serif!important;color:#4a4036!important;background:#00000008;border-radius:8px;text-align:center;text-wrap:balance}
.gfam-wam .gw-consent-note:empty{display:none}
.gfam-wam #gw-entry-start{margin-top:0}
/* ===== Fields: one calm focus state (border), no ring around inputs, neither on click nor on Tab ===== */
.gfam-wam .gw-input-wrap:focus-within{box-shadow:none;border-color:#2e241e}
.gfam-wam .gw-input,.gfam-wam .gw-input:focus,.gfam-wam .gw-input:focus-visible{outline:0!important;box-shadow:none!important}

/* ===== "Deine Teilnahme": calmer form, clear hierarchy, one rhythm ===== */
.gfam-wam #gw-profile-screen .gw-card{padding:26px 22px 20px}
.gfam-wam #gw-profile-screen .gw-card>p{margin:0 0 6px;font:500 14px/1.5 "GW Manrope",sans-serif;color:#4a4036}
.gfam-wam #gw-profile-screen .gw-form{display:grid;gap:6px;margin-top:14px}
.gfam-wam #gw-profile-screen .gw-field-label{margin:10px 0 0;font:700 13px/1.3 "GW Manrope",sans-serif;color:#2e241e;letter-spacing:.01em}
.gfam-wam #gw-profile-screen .gw-field-label span{font-weight:500;opacity:.65}
.gfam-wam #gw-profile-screen .gw-input-wrap{background:#fff;border:1.5px solid #cdbfae;border-radius:10px;height:50px;min-height:50px;transition:border-color .15s}
.gfam-wam #gw-profile-screen .gw-form .gw-input{font:500 16px/normal "GW Manrope",sans-serif;color:#2e241e}
.gfam-wam #gw-profile-screen .gw-form .gw-input::placeholder{color:#9a8d7c;font-weight:400}
.gfam-wam #gw-profile-screen .gw-input-wrap:focus-within{border-color:#2e241e}
/* checkbox: own square instead of the browser default, readable text beside it */
.gfam-wam #gw-profile-screen .gw-check{margin-top:12px;gap:12px;font:500 13px/1.5 "GW Manrope",sans-serif;color:#4a4036}
.gfam-wam #gw-profile-screen .gw-check>input[type="checkbox"]:not([role="switch"]){appearance:none!important;-webkit-appearance:none!important;width:22px;height:22px;margin:0;flex:none;border:1.5px solid #a69a8a;border-radius:6px;background:#fff;display:grid;place-content:center;cursor:pointer}
.gfam-wam #gw-profile-screen .gw-check>input[type="checkbox"]:not([role="switch"])::after{content:"";width:11px;height:6px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform .12s}
.gfam-wam #gw-profile-screen .gw-check>input[type="checkbox"]:not([role="switch"]):checked{background:#c1603b!important;border-color:#c1603b!important}
.gfam-wam #gw-profile-screen .gw-check>input[type="checkbox"]:not([role="switch"]):checked::after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.gfam-wam #gw-profile-screen .gw-check>input[type="checkbox"]:focus-visible{outline:2px solid #2e241e;outline-offset:2px}
/* the optional Instagram part: quiet row with a chevron */
.gfam-wam #gw-profile-screen .gw-optional{margin-top:14px;padding-top:12px;border-top:1px solid #2e241e22}
.gfam-wam #gw-profile-screen .gw-optional summary{display:flex;align-items:center;justify-content:space-between;font:700 13px/1.3 "GW Manrope",sans-serif;color:#2e241e;list-style:none}
.gfam-wam #gw-profile-screen .gw-optional summary::-webkit-details-marker{display:none}
.gfam-wam #gw-profile-screen .gw-optional summary::after{content:"";width:8px;height:8px;border:solid #2e241e;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .15s;margin-right:4px}
.gfam-wam #gw-profile-screen .gw-optional[open] summary::after{transform:rotate(-135deg)}
/* actions */
.gfam-wam #gw-profile-screen #gw-play{width:100%;margin-top:16px}
.gfam-wam #gw-profile-screen #gw-profile-back{display:block;margin:10px auto 0}

/* ===== "So spielst du": bigger heading, calm smaller body, prize on its own two lines, everything on one screen ===== */
.gfam-wam #gw-start .gw-card h2{font-size:32px;line-height:1.1;margin:0 0 12px}
.gfam-wam #gw-start .gw-start-prize{white-space:pre-line;font-size:15px;line-height:1.4;margin:0 0 12px;text-wrap:balance}
.gfam-wam #gw-start #gw-rules{font-size:13.5px;line-height:1.5;margin:0 0 8px}
.gfam-wam #gw-start .gw-start-entry{font-size:12px;line-height:1.45;max-width:none;margin:0 auto 10px}
.gfam-wam #gw-start .gw-consent-note{margin:10px 0 12px!important;padding:9px 12px;font-size:12px!important;line-height:1.45!important;background:#4b643214;border:1px solid #4b643233}
@media(max-width:767px){.gfam-wam #gw-start .gw-card h2{font-size:30px}.gfam-wam #gw-start .gw-card{padding:18px 16px}}
@media(max-height:700px){.gfam-wam #gw-start .gw-card h2{font-size:26px;margin-bottom:8px}.gfam-wam #gw-start .gw-start-prize{margin-bottom:8px}.gfam-wam #gw-start .gw-consent-note{margin:8px 0 10px!important}}
.gfam-wam #gw-start #gw-rules{text-wrap:balance}
/* small phones: the participation form fits without scrolling */
@media(max-height:700px){
.gfam-wam[data-screen="gw-profile-screen"] #gw-profile-screen{inset:54px 14px 10px}
.gfam-wam #gw-profile-screen .gw-card{padding:16px 16px 12px}
.gfam-wam #gw-profile-screen .gw-card h2{font-size:24px;margin:0 0 6px}
.gfam-wam #gw-profile-screen .gw-card>p{font-size:12.5px;line-height:1.4;margin:0 0 4px}
.gfam-wam #gw-profile-screen .gw-profile-login{margin:0 auto 4px}
.gfam-wam #gw-profile-screen .gw-form{margin-top:6px;gap:4px}
.gfam-wam #gw-profile-screen .gw-field-label{margin:6px 0 0;font-size:12px}
.gfam-wam #gw-profile-screen .gw-input-wrap{height:44px;min-height:44px}
.gfam-wam #gw-profile-screen .gw-form .gw-input{height:40px;font-size:15px}
.gfam-wam #gw-profile-screen .gw-check{margin-top:8px;font-size:12px;line-height:1.4}
.gfam-wam #gw-profile-screen .gw-optional{margin-top:8px;padding-top:8px}
.gfam-wam #gw-profile-screen #gw-play{margin-top:10px}
.gfam-wam #gw-profile-screen #gw-profile-back{margin-top:6px}
}

/* ===== Two clear ways in: compete (name, e-mail, board, prize, newsletter) or just play ===== */
.gfam-wam #gw-start .gw-practice{display:block;width:100%;margin:10px 0 0;padding:12px 14px;background:transparent;border:2px solid #63432e;border-radius:10px;color:#63432e;font:700 14px/1.2 "GW Manrope",sans-serif;cursor:pointer}
.gfam-wam #gw-start .gw-practice:hover,.gfam-wam #gw-start .gw-practice:focus-visible{background:#63432e12}
.gfam-wam #gw-start .gw-practice-note{margin:6px 0 10px!important;font:500 12px/1.4 "GW Manrope",sans-serif!important;color:#6a5e50;text-align:center}
.gfam-wam #gw-start #gw-entry-start{width:100%}
@media(max-height:700px){.gfam-wam #gw-start .gw-practice{margin-top:8px;padding:10px 12px}.gfam-wam #gw-start .gw-practice-note{margin:4px 0 6px!important}}
.gfam-wam #gw-start .gw-start-entry{display:none}
@media(max-height:700px){.gfam-wam #gw-start .gw-practice-note{display:none}.gfam-wam #gw-start #gw-rules{margin-bottom:6px}.gfam-wam #gw-start .gw-account-link{margin-top:8px}}
@media(max-height:700px){.gfam-wam #gw-start .gw-card{padding-top:14px;padding-bottom:12px}.gfam-wam #gw-start .gw-card h2{margin-bottom:8px}}
/* result: is the mail confirmed yet? */
.gfam-wam .gw-confirm{margin:8px 0 10px;padding:9px 12px;border-radius:8px;font:600 13px/1.45 "GW Manrope",sans-serif;text-align:left}
.gfam-wam .gw-confirm.is-open{background:#ee69151a;border:1px solid #ee691555;color:#7a3a0b}
.gfam-wam .gw-confirm.is-ok{background:#4b643214;border:1px solid #4b643244;color:#3b4f27}
.gfam-wam #gw-start .gw-practice-note{display:none}
@media(max-height:700px){.gfam-wam #gw-start .gw-account-link{display:none}.gfam-wam #gw-start .gw-card h2{font-size:23px;margin-bottom:6px}.gfam-wam #gw-start .gw-start-prize{font-size:14px;margin-bottom:6px}.gfam-wam #gw-start #gw-rules{font-size:13px;margin-bottom:6px}.gfam-wam #gw-start .gw-consent-note{margin:6px 0 8px!important;padding:7px 10px;font-size:11.5px!important}}
@media(min-height:701px){.gfam-wam #gw-start .gw-card h2{margin-bottom:8px}.gfam-wam #gw-start .gw-start-prize{margin-bottom:8px}.gfam-wam #gw-start .gw-account-link{margin-top:6px}}

/* ===== Phones: while a round runs the game is pinned to the visible screen, whatever the page scroll was ===== */
@media(max-width:767px){
html.gw-playing .gefam-play-page .gfam-wam{position:fixed!important;top:64px;left:0;right:0;margin:0 auto!important;z-index:70;width:100%;max-width:var(--gefam-play-w,420px);height:calc(100vh - 64px);height:calc(100dvh - 64px);overflow:hidden;display:grid;place-items:center}
html.gw-playing .gefam-play-page .gfam-wam .gw-stage{width:100%}
}