/* Synergie Skin Game — scoped .ssg ; ported from skin-quest v1 engine styles */
.ssg{
  --g-bg:#faf6f1; --g-sand:#e8d5c0; --g-gold:#c9a36a; --g-gold-deep:#a8854e;
  --g-ink:#2b2420; --g-ink-soft:#6d6258; --g-amber:#d69e2e; --g-pink:#e8a0a8;
  --g-radius:22px;
  all:initial; display:block; position:relative; isolation:isolate;
  box-sizing:border-box; width:100%; max-width:1080px; margin:0 auto;
  font-family:"PingFang TC","Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif;
  color:var(--g-ink); line-height:1.55; font-size:16px;
  border-radius:var(--g-radius); overflow:hidden;
  background:linear-gradient(135deg,#fdf4f6 0%,#f4e9dd 38%,#fdfaf6 70%,#f3e0e6 100%);
  background-size:300% 300%;
  animation:ssg-bgdrift 18s ease-in-out infinite;
  box-shadow:0 24px 60px rgba(43,36,32,.14);
  -webkit-user-select:none; user-select:none;
}
.ssg *,.ssg *::before,.ssg *::after{box-sizing:border-box;}
.ssg [hidden]{display:none !important;} /* explicit display rules must not defeat the hidden attr */
.ssg button{font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer;}
.ssg button:focus-visible{outline:2px solid var(--g-gold); outline-offset:3px; border-radius:12px;}
@keyframes ssg-bgdrift{0%,100%{background-position:0% 30%}50%{background-position:100% 70%}}
.ssg.ssg--dragging{animation-play-state:paused;}
.ssg.is-armed .ssg__face-wrap,
.ssg.ssg--dragging .ssg__face-wrap{animation-play-state:paused;}

.ssg__orb{position:absolute; border-radius:50%; filter:blur(40px); opacity:.45; pointer-events:none; z-index:0;}
.ssg__orb--1{width:280px;height:280px;left:-80px;top:-60px;background:radial-gradient(circle,#f7d9e0,#f7d9e000 70%);}
.ssg__orb--2{width:340px;height:340px;right:-100px;bottom:-120px;background:radial-gradient(circle,#d9e6ec,#d9e6ec00 70%);}
.ssg__orb--3{width:200px;height:200px;right:18%;top:-70px;background:radial-gradient(circle,#e3f0dd,#e3f0dd00 70%);}

/* ---------- header / HUD ---------- */
.ssg__head{position:relative; z-index:6; text-align:center; padding:30px 20px 6px;}
.ssg__eyebrow{display:inline-block; letter-spacing:.34em; text-indent:.34em; font-size:11px; color:var(--g-gold-deep); text-transform:uppercase; margin-bottom:10px;}
.ssg__title{font-family:"Noto Serif TC","PingFang TC",serif; font-size:clamp(24px,4.2vw,34px); font-weight:700; letter-spacing:.1em; margin:0 0 8px;}
.ssg__title em{font-style:normal; background:linear-gradient(110deg,var(--g-gold-deep),#e3a0b0 45%,var(--g-gold-deep));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
.ssg__sub{margin:0; font-size:14px; color:var(--g-ink-soft); letter-spacing:.06em;}
.ssg__hud{display:flex; align-items:center; justify-content:center; gap:14px; margin-top:14px; position:relative; z-index:6;}
.ssg__stars{display:flex; gap:2px; font-size:22px; line-height:1; padding:6px 14px; border-radius:999px;
  background:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.65);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:0 8px 32px rgba(43,36,32,.10);}
@supports not (backdrop-filter:blur(1px)){.ssg__stars{background:rgba(255,253,250,.92);}}
.ssg__star{color:#f4c542; text-shadow:0 1px 3px rgba(43,36,32,.18); transition:color .3s, opacity .3s;}
.ssg__star.is-half{background:linear-gradient(90deg,#f4c542 50%,#ded4c4 50%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:none;}
.ssg__star.is-off{color:#ded4c4; text-shadow:none;}
.ssg__progress{position:relative; display:flex; align-items:center; gap:10px; padding:8px 18px; border-radius:999px;
  background:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.65);
  -webkit-backdrop-filter:blur(14px) saturate(160%); backdrop-filter:blur(14px) saturate(160%);
  box-shadow:0 8px 32px rgba(43,36,32,.10); font-size:13px; letter-spacing:.1em;}
@supports not (backdrop-filter:blur(1px)){.ssg__progress{background:rgba(255,253,250,.92);}}
.ssg__pdots{display:flex; gap:6px;}
.ssg__pdot{width:9px;height:9px;border-radius:50%;background:#ddcdb9;transition:background .4s,box-shadow .4s,transform .4s;}
.ssg__pdot.is-on{background:var(--g-gold); box-shadow:0 0 8px 1px rgba(201,163,106,.7); transform:scale(1.15);}
.ssg__pcount{font-variant-numeric:tabular-nums;}
.ssg__progress.is-pop{animation:ssg-pop .45s cubic-bezier(.2,.9,.3,1.4);}
@keyframes ssg-pop{40%{transform:scale(1.1)}}

/* ---------- board ---------- */
.ssg__board{position:relative; z-index:5; display:flex; flex-direction:column; align-items:center; gap:8px; padding:10px 16px 26px;}
.ssg--wide .ssg__board{flex-direction:row; justify-content:center; align-items:flex-start; gap:30px; padding:18px 28px 34px;}

/* ---------- stage / face ---------- */
.ssg__stage{position:relative; perspective:1200px; width:min(340px,84vw); flex:0 0 auto;}
.ssg--wide .ssg__stage{width:min(400px,42%); position:sticky; top:10px;}
.ssg__face-wrap{position:relative; transform:rotateY(-6deg) rotateX(2deg); transform-style:preserve-3d;
  transition:transform .6s ease; animation:ssg-breathe 5s ease-in-out infinite;}
@keyframes ssg-breathe{0%,100%{scale:1}50%{scale:1.01}}
.ssg__face-svg{display:block; width:100%; height:auto; filter:drop-shadow(0 18px 28px rgba(43,36,32,.16));}
/* decorative — never intercept (SVG visiblePainted ignores opacity; v1 lesson) */
.ssg__face-svg,.ssg__face-svg *{pointer-events:none;}

/* expressions */
.ssg__face-svg [data-ssg-expr]{display:none;}
.ssg__face-svg[data-expression="idle"]  [data-ssg-expr="idle"],
.ssg__face-svg[data-expression="nono"]  [data-ssg-expr="nono"],
.ssg__face-svg[data-expression="happy"] [data-ssg-expr="happy"],
.ssg__face-svg[data-expression="wink"]  [data-ssg-expr="wink"]{display:inline;}

/* problem / healed transitions */
.ssg__face-svg .ssg-problem{opacity:1; transition:opacity 1.2s ease, filter 1.2s ease;}
.ssg__face-svg .ssg-problem.is-solved{opacity:0; filter:blur(3px);}
.ssg__face-svg .ssg-healed{opacity:0; transition:opacity 1.2s ease .35s;}
.ssg__face-svg .ssg-healed.is-solved{opacity:.85;}
.ssg__face-svg .ssg-problem--lines path{transition:opacity 1.2s ease, stroke-width 1.2s ease;}
.ssg__face-svg .ssg-problem--lines.is-solved path{stroke-width:0.2;}
.ssg-monster{animation:ssg-monster-bob 2.4s ease-in-out infinite; transform-box:fill-box; transform-origin:center;}
@keyframes ssg-monster-bob{0%,100%{translate:0 0}50%{translate:0 -3px}}

.ssg__sheen{position:absolute; inset:0; z-index:3; pointer-events:none; opacity:0; border-radius:50%;
  background:linear-gradient(115deg,transparent 30%,rgba(255,250,240,.85) 50%,transparent 70%);
  mix-blend-mode:screen; transform:translateX(-60%);}
.ssg__sheen.is-run{animation:ssg-sheen .9s ease forwards;}
@keyframes ssg-sheen{0%{opacity:0;transform:translateX(-60%)}30%{opacity:1}100%{opacity:0;transform:translateX(60%)}}

/* ---------- zone hotspots ---------- */
.ssg__zone{position:absolute; z-index:4; width:56px; height:56px; margin:-28px 0 0 -28px;
  display:flex; align-items:center; justify-content:center; border-radius:50%;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation;}
.ssg__zone-ring{position:absolute; inset:6px; border-radius:50%; border:1.5px dashed rgba(201,163,106,.85);
  animation:ssg-spin 30s linear infinite; transition:transform .3s,border-color .3s,box-shadow .3s;}
@keyframes ssg-spin{to{transform:rotate(360deg)}}
.ssg__zone-dot{width:14px;height:14px;border-radius:50%;
  background:rgba(255,255,255,.75); border:1px solid rgba(255,255,255,.9);
  box-shadow:0 2px 10px rgba(43,36,32,.25), inset 0 0 6px rgba(201,163,106,.5);
  transition:transform .3s, box-shadow .3s;}
.ssg__zone-label{position:absolute; top:100%; left:50%; transform:translateX(-50%); margin-top:2px;
  white-space:nowrap; font-size:12px; letter-spacing:.14em; padding:3px 10px; border-radius:999px;
  background:rgba(255,255,255,.7); border:1px solid rgba(255,255,255,.8); color:var(--g-ink);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  box-shadow:0 4px 14px rgba(43,36,32,.10); transition:background .4s,color .4s;}
/* blackheads chip would cover Bonald's mouth — flip it above the ring */
.ssg__zone[data-ssg-zone="blackheads"] .ssg__zone-label{top:auto; bottom:100%; margin-top:0; margin-bottom:2px;}
.ssg.is-armed .ssg__zone:not(:disabled) .ssg__zone-ring,
.ssg__zone.is-hover .ssg__zone-ring{transform:scale(1.22); border-color:var(--g-gold);
  box-shadow:0 0 18px 2px rgba(201,163,106,.45);}
.ssg__zone.is-wrong .ssg__zone-ring{border-color:var(--g-amber);
  box-shadow:0 0 0 6px rgba(214,158,46,.35); animation:none;}
.ssg__zone.is-wrong{animation:ssg-shake .4s ease;}
@keyframes ssg-shake{0%,100%{translate:0 0}20%{translate:-6px 0}40%{translate:6px 0}60%{translate:-4px 0}80%{translate:4px 0}}
.ssg__zone:disabled{cursor:default;}
.ssg__zone.is-solved .ssg__zone-ring{border:1.5px solid var(--g-gold); animation:none;
  box-shadow:0 0 16px 3px rgba(201,163,106,.5);}
.ssg__zone.is-solved .ssg__zone-dot{transform:scale(0);}
.ssg__zone.is-solved .ssg__zone-label{background:linear-gradient(110deg,#cfa86d,#e6c896); color:#fff;}
.ssg__check{position:absolute; width:26px; height:26px; pointer-events:none;}
.ssg__check path{stroke:#fff; stroke-width:3; fill:none; stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray:24; stroke-dashoffset:24;}
.ssg__check circle{fill:var(--g-gold); opacity:0; transform-origin:center; transform:scale(.4);}
.ssg__zone.is-solved .ssg__check circle{opacity:1; transform:scale(1); transition:transform .35s cubic-bezier(.2,.9,.3,1.4),opacity .2s;}
.ssg__zone.is-solved .ssg__check path{transition:stroke-dashoffset .45s ease .25s; stroke-dashoffset:0;}

/* ---------- hand / droplet ---------- */
.ssg__hand-anchor{position:absolute; z-index:7; width:0; height:0; display:none;}
.ssg__hand-anchor.is-on{display:block;}
.ssg__hand-orbit{position:absolute; width:64px; height:64px; margin:-32px 0 0 -32px; animation:ssg-orbit .8s linear 2;}
@keyframes ssg-orbit{to{transform:rotate(360deg)}}
.ssg__hand{position:absolute; left:50%; top:-6px; width:54px; margin-left:-27px;
  animation:ssg-counter .8s linear 2; filter:drop-shadow(0 8px 10px rgba(43,36,32,.25));}
@keyframes ssg-counter{to{transform:rotate(-360deg)}}
.ssg__droplet{position:absolute; z-index:7; width:12px; height:16px; margin:-40px 0 0 -6px;
  border-radius:50% 50% 50% 50%/60% 60% 40% 40%;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(233,214,184,.9));
  box-shadow:0 2px 6px rgba(43,36,32,.2); display:none;}
.ssg__droplet.is-on{display:block; animation:ssg-drop .35s ease-in forwards;}
@keyframes ssg-drop{0%{translate:0 -26px; opacity:0}30%{opacity:1}100%{translate:0 0; opacity:.2}}

/* ---------- shelf: 15 items ---------- */
.ssg__shelf{position:relative; z-index:5; display:grid; grid-template-columns:repeat(3,1fr); gap:8px 10px;
  width:100%; max-width:360px; max-height:38vh; overflow-y:auto; overscroll-behavior:contain;
  padding:14px 12px; border-radius:18px;
  background:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.65);
  -webkit-backdrop-filter:blur(18px) saturate(160%); backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 8px 32px rgba(43,36,32,.12);}
@supports not (backdrop-filter:blur(1px)){.ssg__shelf{background:rgba(255,253,250,.92);}}
.ssg--wide .ssg__shelf{grid-template-columns:repeat(5,1fr); max-width:none; max-height:none; overflow:visible; flex:1; padding:18px 16px;}

/* items: tap-primary on touch → allow shelf pan; JS upgrades to drag on long-press / mouse */
.ssg__item{position:relative; display:flex; flex-direction:column; align-items:center; gap:4px;
  min-height:44px; padding:8px 4px 6px; border-radius:14px; touch-action:pan-y;
  -webkit-tap-highlight-color:transparent;
  transition:transform .25s cubic-bezier(.2,.9,.3,1.4), opacity .3s, background .3s;}
.ssg__item:disabled{opacity:.38; cursor:default;}
.ssg__item.is-armed{transform:translateY(-6px) scale(1.06); background:rgba(201,163,106,.14);}
.ssg__item.is-hidden{visibility:hidden;}
.ssg__item.is-rejected{animation:ssg-itemshake .45s ease;}
@keyframes ssg-itemshake{0%,100%{translate:0 0}25%{translate:-5px 0}50%{translate:5px 0}75%{translate:-3px 0}}
.ssg__item-name{font-size:11px; letter-spacing:.02em; color:var(--g-ink); text-align:center; line-height:1.3;}

/* serum product shots — assets/img/serums/<slug>.webp, slug = config tuple[0] */
.ssg__item-shot{width:auto; height:74px; object-fit:contain; object-position:bottom;
  filter:drop-shadow(0 7px 9px rgba(43,36,32,.22));
  animation:ssg-float 4s ease-in-out infinite;}
.ssg__item:nth-child(2n) .ssg__item-shot{animation-delay:-1.3s}
.ssg__item:nth-child(3n) .ssg__item-shot{animation-delay:-2.6s}
@keyframes ssg-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
.ssg__item:disabled .ssg__item-shot{animation:none;}

/* drag ghost */
.ssg-ghost{position:fixed; z-index:99999; pointer-events:none; will-change:transform;
  left:0; top:0; margin:0; filter:drop-shadow(0 18px 22px rgba(43,36,32,.3));}
.ssg-ghost .ssg__item-shot{animation:none; height:88px;}
.ssg-ghost .ssg__item-name{display:none;}

/* ---------- toast / sr / disclaimer ---------- */
.ssg__toast{position:absolute; z-index:8; left:50%; top:20%; transform:translate(-50%,-8px);
  max-width:88%; text-align:center;
  padding:9px 20px; border-radius:999px; font-size:14px; letter-spacing:.06em;
  background:rgba(43,36,32,.85); color:#fdf9f3; opacity:0; pointer-events:none;
  transition:opacity .3s, transform .3s;}
.ssg__toast.is-on{opacity:1; transform:translate(-50%,0);}
.ssg__disclaimer{position:relative; z-index:5; text-align:center; font-size:11px; letter-spacing:.08em;
  color:var(--g-ink-soft); padding:0 20px 18px; margin:0;}
.ssg__sr{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; border:0;}
.ssg__confetti{position:absolute; inset:0; z-index:90; pointer-events:none;}

/* ---------- screens (intro / form / result) ---------- */
.ssg__screen{position:absolute; inset:0; z-index:100; display:none; align-items:center; justify-content:center;
  background:rgba(43,36,32,.35); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); padding:20px; overflow-y:auto;}
.ssg__screen.is-open{display:flex;}
.ssg__panel{position:relative; width:min(400px,94%); max-height:92%; overflow-y:auto; text-align:center; padding:34px 26px 26px;
  border-radius:24px; background:rgba(255,253,249,.95); border:1px solid rgba(255,255,255,.8);
  box-shadow:0 30px 80px rgba(43,36,32,.35), inset 0 0 40px rgba(232,213,192,.4);
  animation:ssg-panel .45s cubic-bezier(.2,.9,.3,1.2);}
@keyframes ssg-panel{from{transform:scale(.92); opacity:0}}
.ssg__panel--form{text-align:left; width:min(440px,94%);}
.ssg__panel--form .ssg__panel-kicker,.ssg__panel--form .ssg__panel-title,.ssg__panel--form .ssg__panel-body{text-align:center;}
.ssg__panel-kicker{font-size:11px; letter-spacing:.3em; text-indent:.3em; color:var(--g-gold-deep); margin:0 0 12px;}
.ssg__panel-title{font-family:"Noto Serif TC","PingFang TC",serif; font-size:22px; letter-spacing:.06em; margin:0 0 10px;}
.ssg__panel-body{font-size:13.5px; color:var(--g-ink-soft); margin:0 0 20px;}
.ssg__panel-note{font-size:11.5px; color:var(--g-ink-soft); margin:10px 0 0;}
.ssg__panel-close{position:absolute; top:12px; right:14px; width:34px; height:34px; border-radius:50%;
  font-size:17px; color:var(--g-ink-soft); line-height:1;}
.ssg__panel-close:hover{background:rgba(43,36,32,.07);}
.ssg__btn-primary{display:block; width:100%; padding:14px 18px; border-radius:14px; margin:14px 0 0;
  font-size:15px; letter-spacing:.18em; text-indent:.18em; font-weight:600; text-decoration:none; text-align:center;
  color:#fff; background:linear-gradient(110deg,#b8945e,#dcbb84 50%,#b8945e); background-size:200% 100%;
  box-shadow:0 10px 26px rgba(184,148,94,.45); transition:background-position .4s, opacity .3s;}
.ssg__btn-primary:hover{background-position:100% 0;}
.ssg__btn-primary[disabled]{opacity:.55; cursor:wait;}
.ssg__replay{display:inline-block; margin-top:14px; font-size:12.5px; letter-spacing:.14em; color:var(--g-ink-soft);
  text-decoration:underline; text-underline-offset:3px;}

/* coupon code chip */
.ssg__code{display:flex; align-items:stretch; justify-content:center; gap:10px; margin:6px 0 4px;}
.ssg__code-chip{display:flex; align-items:center; padding:10px 18px; border-radius:12px;
  border:1.5px dashed var(--g-gold); background:#fffdf8;
  font-size:19px; letter-spacing:.14em; font-weight:700; color:var(--g-gold-deep);
  -webkit-user-select:all; user-select:all;}
.ssg__copy{padding:10px 16px; border-radius:12px; font-size:13px; letter-spacing:.1em;
  background:rgba(201,163,106,.14); border:1px solid rgba(201,163,106,.5); color:var(--g-gold-deep);
  transition:background .25s;}
.ssg__copy:hover{background:rgba(201,163,106,.26);}

/* ---------- form ---------- */
.ssg__field{margin:0 0 14px;}
.ssg__field label{display:block; font-size:15px; font-weight:600; letter-spacing:.04em; margin-bottom:6px; color:var(--g-ink);}
.ssg__field input[type=text],.ssg__field input[type=tel],.ssg__field input[type=email],.ssg__field select{
  width:100%; padding:13px 14px; font-size:17px; line-height:1.4; /* >=16px: no iOS zoom-trap */
  border-radius:10px; border:1px solid #d9cfc0; background:#fffdfa; color:var(--g-ink); font-family:inherit;
  -webkit-user-select:text; user-select:text;}
.ssg__field select{padding-right:38px; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a08050' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; background-size:18px;}
.ssg__field select option{font-size:17px; padding:10px;}
.ssg__field input:focus,.ssg__field select:focus{outline:2px solid var(--g-gold); outline-offset:1px;}
.ssg__field input[aria-invalid="true"]{border-color:#c0392b;}
.ssg__field-err{display:block; font-size:12px; color:#c0392b; margin-top:4px;}
.ssg__field--chips{border:0; padding:0; margin:0 0 14px;}
.ssg__field--chips legend{font-size:13px; margin-bottom:6px; padding:0;}
.ssg__field--chips label{display:inline-flex; align-items:center; gap:5px; margin:0 8px 8px 0; padding:7px 12px;
  font-size:13px; border-radius:999px; border:1px solid #ddcdb9; background:#fffdf8; cursor:pointer;}
.ssg__field--chips label:has(input:checked){border-color:var(--g-gold); background:rgba(201,163,106,.14);}
.ssg__field--chips input{accent-color:var(--g-gold-deep);}
.ssg__field--consent label{display:flex; gap:8px; align-items:flex-start; font-size:12.5px; line-height:1.5; margin-bottom:8px; cursor:pointer;}
.ssg__field--consent input{margin-top:2px; accent-color:var(--g-gold-deep); flex:0 0 auto;}
.ssg__field--consent a{color:var(--g-gold-deep);}
.ssg__field--hp{position:absolute !important; left:-9999px !important; top:auto !important; width:1px; height:1px; overflow:hidden;}
.ssg__pics{font-size:12px; color:var(--g-ink-soft); margin:0 0 12px;}
.ssg__pics summary{cursor:pointer; color:var(--g-gold-deep); letter-spacing:.04em;}
.ssg__pics p{margin:8px 0 0; line-height:1.7;}
.ssg__form-error{font-size:13px; color:#c0392b; margin:0 0 6px;}

/* spinner on claiming */
.ssg__btn-primary.is-loading::after{content:""; display:inline-block; width:14px; height:14px; margin-left:10px;
  vertical-align:-2px; border-radius:50%; border:2px solid #fff; border-top-color:transparent;
  animation:ssg-spinz .7s linear infinite;}
@keyframes ssg-spinz{to{transform:rotate(360deg)}}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .ssg, .ssg__item-shot, .ssg__face-wrap, .ssg__zone-ring, .ssg-monster{animation:none !important;}
  .ssg__zone.is-wrong,.ssg__item.is-rejected{animation:none;}
  .ssg__face-svg .ssg-problem,.ssg__face-svg .ssg-healed{transition-duration:.3s;}
  .ssg__panel{animation:none;}
}


/* ---- ME's Giveaway 第 2 輪 ------------------------------------------------- */
.ssg__prize{display:flex; flex-direction:column; align-items:center; gap:6px; margin:0 0 18px;
  padding:16px; border-radius:16px; background:rgba(214,178,120,.12); border:1px solid rgba(214,178,120,.45);}
.ssg__prize-img{width:140px; height:140px; object-fit:contain; border-radius:12px;}
.ssg__prize-name{margin:0; font-size:16px; font-weight:700; letter-spacing:.03em; text-align:center;}
.ssg__prize-value{margin:0; font-size:14px; opacity:.75;}
.ssg__link-btn{display:inline; border:0; background:none; padding:0; margin:0; font:inherit; font-size:inherit;
  color:var(--g-gold, #a08050); text-decoration:underline; cursor:pointer; text-align:left;}
.ssg__field--consent label>span{flex:1 1 auto;}
.ssg__draw-note{font-size:13px; line-height:1.7; margin:0 0 16px; text-align:left; opacity:.85;}
.ssg__panel--tnc{max-height:82vh; overflow-y:auto; text-align:left;}
.ssg__tnc-list{margin:0 0 18px; padding:0; list-style:none; text-align:left;}
.ssg__tnc-list li{font-size:14px; line-height:1.8; margin-bottom:10px;}
