@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-400.ttf') format('truetype')}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-600.ttf') format('truetype')}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/manrope-700.ttf') format('truetype')}
:root{--ink:#2c4162;--muted:#78869a;--teal:#647fc2;--coral:#c96f90;--line:#e1e7f2;--paper:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid var(--coral);outline-offset:5px}header,main,footer{max-width:1220px;margin:auto}header{height:102px;padding:12px 34px;display:flex;align-items:center;justify-content:space-between}header img{width:145px;height:73px;object-fit:contain}.languages{display:flex;padding:4px;background:white;border:1px solid var(--line);border-radius:30px;gap:3px}.languages button{padding:10px 12px;border:0;border-radius:20px;color:var(--muted);background:none;font-size:11px;font-weight:700}.languages button.active{background:var(--teal);color:white}main{padding:0 34px 20px}.notice{padding:10px 15px;border:1px solid #e1e6f1;background:#f0f3fa;border-radius:10px;font-size:10px;letter-spacing:.7px;text-align:center;color:#8393ae;margin-bottom:16px}.hero{position:relative;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:35px;padding:47px 35px 40px;background:white;border:1px solid var(--line);border-radius:30px;box-shadow:0 16px 60px #2c416205}.catalog-count{display:inline-flex;background:#f0edfa;border-radius:30px;padding:8px 12px;color:#8c74ae;font-size:10px;font-weight:700;margin-bottom:24px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8b9bbb}.title-wrap{margin-top:16px}h1{font-size:clamp(48px,5.2vw,70px);font-weight:800;line-height:1.02;letter-spacing:-3.6px;margin:0 0 25px}h1 em{font-style:normal;color:var(--teal);background:linear-gradient(transparent 78%,#f4d4e0 78%,#f4d4e0 96%,transparent 96%)}.lead{font-size:15px;line-height:1.75;color:var(--muted);max-width:365px}.small-rule{margin:25px 0}.one-spin-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #eadce5;background:#fff7fa;border-radius:30px;font-size:10px;font-weight:700;color:#b34c75}.one-spin-badge:before{content:'✓';background:#c67f9b;color:white;width:15px;height:15px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px}.small-rule p{max-width:365px;font-size:11px;line-height:1.7;color:var(--muted);margin:10px 0 0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;font-size:13px;font-weight:700;border-radius:14px;padding:17px 25px;transition:background .2s,transform .2s}.primary{background:var(--teal);color:white;box-shadow:0 8px 20px #647fc21c}.primary:hover:not(:disabled){background:#536fb5;transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:default}.secondary{background:white;border:1px solid #d7e2f4;color:var(--teal)}.secondary:hover{background:#f2f5ff}.tiny{font-size:10px;line-height:1.7;color:#8e9bb1;max-width:330px}#status{font-size:11px;color:#7c8eaa;line-height:1.5}.text{border:0;background:none;text-decoration:underline;color:var(--teal);padding:5px 0;font-size:11px}.wheel-area{position:relative}.wheel-shell{aspect-ratio:1;width:100%;position:relative;padding:10px;background:white;border:1px solid #e1e7f4;border-radius:50%;box-shadow:0 0 0 11px #f0f3fb,0 18px 55px #647fc210}#wheel{width:100%;height:100%;border-radius:50%;transition:transform 5s cubic-bezier(.12,.72,.12,1)}.wheel-symbol-inner{cursor:pointer;transition:transform 5s cubic-bezier(.12,.72,.12,1);transform-origin:0 0}.wheel-symbol-inner:hover>circle{fill:#fff;stroke:#718bc4;stroke-width:2}.pointer{position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:23px;height:35px;background:var(--coral);clip-path:polygon(0 0,100% 0,50% 100%);z-index:2}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:#fff;border:5px solid white;box-shadow:0 0 0 1px #e1e6f2,0 4px 15px #175e5b10;display:flex;align-items:center;justify-content:center;padding:14px}.hub img{width:100%;height:100%;object-fit:contain}.wheel-note{text-align:center;font-size:10px;line-height:1.6;color:#8b9bbb;max-width:350px;margin:24px auto 0}.spark{position:absolute;font-size:29px;color:#c2cdec;z-index:1}.one{top:-17px;right:-4px}.two{bottom:22px;left:-18px;font-size:21px;color:#ebc0d2}.prizes{padding:48px 0 35px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:25px}h2{font-size:30px;font-weight:800;letter-spacing:-1px;margin:12px 0}.section-top>p{max-width:295px;font-size:12px;color:var(--muted);line-height:1.6}#prizeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:25px}.prize{border:1px solid var(--line);background:white;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.prize:hover{transform:translateY(-4px);box-shadow:0 12px 25px #2c41620b}.preview-button{position:relative;display:block;width:100%;aspect-ratio:1.15;border:0;padding:0;background:#f2f5fb;overflow:hidden}.preview-button img{width:100%;height:100%;object-fit:contain;padding:17px;transition:transform .2s}.preview-button img[src$='.svg']{padding:0}.preview-button:hover img{transform:scale(1.04)}.media-badge{position:absolute;bottom:10px;left:10px;background:#fffffff2;border:1px solid #e1e6f1;border-radius:6px;padding:5px 7px;font-size:8px;color:#8392ad}.prize-info{padding:17px}.number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#edf1fb;color:var(--teal);font-size:10px;font-weight:700}.prize h3{font-size:14px;line-height:1.4;letter-spacing:-.2px;margin:10px 0 8px}.prize p{font-size:11px;line-height:1.65;color:var(--muted);min-height:54px;margin:0}.prize-more{margin-top:15px;padding:0;border:0;background:none;color:var(--teal);font-size:11px;font-weight:700}.share-band{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;background:#f0f3fb;border-radius:22px;margin:10px 0 30px}.share-band h2{font-size:28px}.share-band p{font-size:12px;color:#7c8eaa}.share-band .secondary{background:var(--teal);color:white;border-color:var(--teal)}details{font-size:11px;line-height:1.8;padding:17px 0;color:var(--muted)}summary{color:var(--ink);cursor:pointer}footer{border-top:1px solid var(--line);padding:25px 34px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8290a6}dialog{padding:32px;border:1px solid var(--line);border-radius:26px;width:calc(100% - 30px);max-width:490px;max-height:90dvh;overflow:auto;text-align:center;color:var(--ink);background:white}dialog::backdrop{background:#2c416266;backdrop-filter:blur(6px)}.close{position:absolute;top:12px;right:15px;border:0;background:none;font-size:26px;color:#8290a6;z-index:2}dialog h2{font-size:29px}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}.result-icon{display:none}.result-image{width:170px;height:145px;object-fit:contain;background:#f4f6fc;border-radius:15px;margin:0 auto 20px}.ticket{padding:16px;background:#fff4f8;border:1px solid #f0d5df;border-radius:12px;margin:20px 0}.ticket span{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:8px}.ticket strong{font-size:13px;overflow-wrap:anywhere}dialog .primary,dialog .secondary{width:100%;margin-top:12px}dialog .tiny{margin-left:auto;margin-right:auto}.detail-image{display:block;width:100%;height:270px;object-fit:contain;background:#f4f6fc;border-radius:15px;margin:22px 0}.detail-badge{display:inline-block;font-size:10px;padding:6px 9px;border-radius:8px;background:#f2eef9;color:#8c74ae}#shareStatus{font-size:11px}@media(max-width:950px){#prizeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:35px 25px;gap:25px}h1{font-size:55px}}@media(max-width:760px){header{height:88px;padding:8px 18px}header img{width:125px;height:64px}main{padding:0 14px 20px}.hero{grid-template-columns:1fr;padding:30px 22px;gap:36px;border-radius:24px}.intro{text-align:center}h1{font-size:56px;letter-spacing:-3px}.catalog-count{margin-bottom:20px}.lead,.small-rule p,.tiny{margin-left:auto;margin-right:auto}.small-rule p{max-width:310px}.wheel-area{width:100%;max-width:440px;margin:auto}.hub{width:80px;height:80px;padding:11px;border-width:4px}.wheel-shell{padding:7px;box-shadow:0 0 0 7px #f0f3fb,0 15px 35px #647fc210}.one{top:-20px;right:0}.two{left:-10px;bottom:30px}.wheel-note{max-width:290px}.prizes{padding:35px 4px}.section-top{display:block}h2{font-size:27px}.section-top>p{max-width:100%}#prizeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prize-info{padding:14px}.preview-button img{padding:10px}.media-badge{font-size:7px;padding:4px 5px;bottom:7px;left:7px}.prize h3{font-size:13px}.prize p{font-size:10px}.share-band{display:block;text-align:center;padding:25px 20px}.share-band .secondary{margin-top:10px}footer{padding:25px 18px;flex-direction:column}.detail-image{height:230px}dialog{padding:30px 22px}}@media(prefers-reduced-motion:reduce){#wheel,.wheel-symbol-inner,.prize,.preview-button img,.primary,.secondary{transition:none}}

/* User-provided lifestyle mockups: preserve the entire photograph. */
.preview-button .mockup-image{padding:0;object-fit:contain;background:#f3f4f8}.has-mockup .preview-button{aspect-ratio:1;background:#f3f4f8}.detail-image.photo-mockup{height:auto;max-height:52dvh;object-fit:contain;background:#f5f6fa}.result-image.photo-mockup{width:100%;height:200px;object-fit:contain;background:#f5f6fa}dialog:has(.photo-mockup){max-width:620px}.has-mockup .media-badge{box-shadow:0 2px 8px #0001}

.voucher-amount{position:absolute;right:10px;top:10px;border-radius:9px;background:#fff;color:#647fc2;padding:8px 10px;font-weight:800;font-size:14px;border:1px solid #dce4f3;box-shadow:0 3px 12px #2c416212}
/* V7: one landscape format for every prize, including modal previews. */
.preview-button,.has-mockup .preview-button{position:relative;display:block;aspect-ratio:16/9;height:auto;background:#f2f4f9}
.preview-button img,.preview-button .mockup-image,.preview-button img[src$='.svg']{position:absolute;inset:0;display:block;width:100%;height:100%;padding:8px;object-fit:contain;background:transparent}
.detail-image,.detail-image.photo-mockup,.result-image,.result-image.photo-mockup{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:none;object-fit:contain;object-position:center;padding:10px;background:#f2f4f9;border-radius:15px}
.media-badge{bottom:7px;left:7px;font-size:7px;padding:4px 6px}.voucher-amount{top:7px;right:7px;font-size:12px;padding:6px 8px}
@media(max-width:760px){.preview-button img,.preview-button .mockup-image,.preview-button img[src$='.svg']{padding:5px}.media-badge{font-size:6px;padding:3px 4px;bottom:5px;left:5px}.voucher-amount{font-size:10px;padding:4px 6px;top:5px;right:5px}.detail-image,.detail-image.photo-mockup,.result-image,.result-image.photo-mockup{height:auto;aspect-ratio:16/9;padding:7px}}

.wheel-result{text-align:center;margin-top:20px}.wheel-result:has([hidden]){display:none}.wheel-result .text{font-weight:700;font-size:12px;padding:10px 16px;border:1px solid #dbe4f5;border-radius:12px;text-decoration:none;background:#f5f7fd}.wheel-result .text:hover{background:#edf2fc}
.preview-button:before{content:'';position:absolute;inset:-16px;background-image:var(--preview-image);background-size:cover;background-position:center;filter:blur(13px);opacity:.22;transform:scale(1.06);pointer-events:none}
.preview-button img{z-index:1}.preview-button .media-badge,.preview-button .voucher-amount{z-index:2}

/* V8: aligned with the published ANYWAYS book showcase. */
body,button,dialog{font-family:Manrope,'Segoe UI',Arial,sans-serif}h1{font-weight:700;letter-spacing:-3.1px}.hero{background:linear-gradient(125deg,#fff 62%,#f7f8fd);border-color:#e3e8f3}.catalog-count{background:#f3eefb;color:#8b76ac}.one-spin-badge{background:#fff6fa;color:#b34c75;border-color:#f0d5df}.one-spin-badge:before{background:#c1809a}.primary{background:linear-gradient(135deg,#7b94cf,#637fc4);box-shadow:0 8px 22px #5671b51c}.primary:hover:not(:disabled){background:#5f79b6}.share-band{background:linear-gradient(120deg,#f1f5ff,#faf3f8);border:1px solid #e2e7f3}.share-band .secondary{background:#fff4f8;color:#b34c75;border-color:#efd1de}.share-band .secondary:hover{background:#fceaf2}.wheel-shell{box-shadow:0 0 0 10px #f1f4fb,0 18px 55px #5269950d}.pointer{background:#c87997}.prize-more{color:#6b83ba}.prize h3{font-weight:600;letter-spacing:-.4px}.prize{box-shadow:0 5px 17px #2e477205}.voucher-amount{color:#b34c75;background:#fff6fa;border-color:#efd1de}.wheel-result .text{color:#6984b8;background:white;border-color:#d9e4f5}dialog::backdrop{background:#26355099}.section-top h2,.share-band h2{font-weight:600}.tiny{color:#8e9bb1}@media(max-width:760px){h1{letter-spacing:-2.6px}.wheel-shell{box-shadow:0 0 0 7px #f1f4fb,0 15px 35px #5269950d}}

/* V9: complete owl logo in the page header. */
header{height:132px}header img{display:block;width:158px;height:108px;object-fit:contain}@media(max-width:760px){header{height:114px}header img{width:132px;height:91px}.catalog-count{font-size:9px}.hero{padding-top:28px}}
/* V10: same title, text and action styles as the ANYWAYS book showcase. */
:root{--ink:#253b32;--muted:#6d746c;--teal:#647ec4;--coral:#bd4d76;--line:#e4e5e6;--paper:#f2f2f4}
body{background:#f2f2f4;color:#253b32}.hero{background:radial-gradient(ellipse at 94% 20%,#e1e7d540,transparent 55%),#fafaf9;border-color:#e4e5e6;box-shadow:0 10px 30px #253b3205}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(44px,5.7vw,73px);line-height:1.04;letter-spacing:-2.6px;color:#253b32}h1 em{font-family:inherit;font-weight:400;font-style:italic;color:#a34e38;background:linear-gradient(transparent 80%,#f1dce1 80%,#f1dce1 96%,transparent 96%)}
.section-top h2,.share-band h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.8px;color:#253b32}.eyebrow{color:#747b6c}.lead{color:#747b6c}.small-rule p{color:#78869a}.primary{font-family:Manrope,'Segoe UI',sans-serif;font-size:13px;font-weight:600;line-height:1.4;min-height:43px;border:1px solid #617ac1;border-radius:13px;color:#fff;background:linear-gradient(110deg,#647ec4,#536eb3);box-shadow:0 4px 10px #5671b51a}.primary:hover:not(:disabled){background:#4d67ae;border-color:#4d67ae;box-shadow:0 5px 14px #5671b52b}.secondary{font-family:Manrope,'Segoe UI',sans-serif;background:#fff9fb;color:#bd4d76;border:1px solid #f0d5df;border-radius:12px;font-weight:600}.secondary:hover{background:#fff2f6;border-color:#e9a9be}.share-band .secondary{background:#fff9fb;color:#bd4d76;border-color:#f0d5df}.share-band .secondary:hover{background:#fff2f6;border-color:#e9a9be}
.prize h3{font-family:Manrope,'Segoe UI',sans-serif;font-weight:600;letter-spacing:-.6px;color:#2b3d5a}.prize p{color:#78869a}.prize-more{font-family:Manrope,'Segoe UI',sans-serif;font-weight:600;color:#fff;background:linear-gradient(110deg,#647ec4,#536eb3);border:1px solid #617ac1;border-radius:11px;min-height:38px;padding:10px 12px;box-shadow:0 4px 10px #5671b51a}.prize-more:hover{background:#4d67ae;border-color:#4d67ae}.prize-info{background:white}.catalog-count{background:#f1effc;color:#8c74ae}.one-spin-badge{background:#fff3f8;color:#b34c75;border-color:#efcfdd}.one-spin-badge:before{background:#bd6286}.languages button.active{background:#253b32}.media-badge{color:#8a97ac}.section-top>p{color:#78869a}.share-band{background:linear-gradient(120deg,#fafbff,#f0f4ff);border-color:#e0e7f4}.share-band p{color:#7b8aa2}.detail-badge{background:#f4f7ff;color:#758bad}dialog h2{font-family:Manrope,'Segoe UI',sans-serif;font-weight:600;color:#304969}.ticket{background:#fff2f6;border-color:#f7dce5}.ticket span{color:#ba3f68}.ticket strong{color:#71505e}.wheel-result .text{font-family:Manrope,'Segoe UI',sans-serif;font-weight:600;color:#6984b8;border-color:#cbdaf3}
@media(max-width:760px){h1{font-size:53px;letter-spacing:-1.8px;line-height:1.06}.section-top h2,.share-band h2{font-size:28px}.prize-more{font-size:10px;padding:9px 10px;border-radius:10px;min-height:36px}}

/* Final prize copy: Italian exclamations and translated descriptions. */
.prize-callout{font-family:Manrope,'Segoe UI',sans-serif;font-size:10px;font-weight:700;letter-spacing:.6px;color:#b34c75;margin:12px 0 7px}.prize-info h3{margin-top:0;line-height:1.4}.prize-info p,#resultDescription,#previewDescription{white-space:pre-line}.prize-info .prize-note,.prize-note{font-size:10px;line-height:1.6;color:#8b8092;min-height:0;margin:11px 0 0}.prize-note:empty{display:none}.prize-more{margin-top:17px}#previewKicker,#resultKicker{color:#b34c75;font-weight:700;letter-spacing:1px}.prize-info{height:100%;display:flex;flex-direction:column}.prize-info .prize-more{align-self:flex-start;margin-top:18px}.prize{display:flex;flex-direction:column}.preview-button{flex:none}@media(max-width:760px){.prize-callout{font-size:9px}.prize-info h3{font-size:13px}.prize-info p{font-size:11px;line-height:1.65}}

/* Prominent Italian prize exclamations */
.prize-callout{font-size:clamp(22px,2.2vw,28px);font-weight:800;line-height:1.15;letter-spacing:-.5px;margin:16px 0 12px;overflow-wrap:break-word}#previewKicker,#resultKicker{font-size:clamp(24px,4vw,34px);font-weight:800;line-height:1.15;letter-spacing:-.5px;margin-bottom:12px}@media(max-width:760px){.prize-callout{font-size:24px;line-height:1.2;margin:14px 0 10px}}

/* Christmas wheel palette */
.wheel-shell{box-shadow:0 0 0 10px #f5efdf,0 18px 55px #235b4214}.pointer{background:#8E3046}.hub{border-color:#eadbb6}.wheel-area .sparkle{color:#CFA74C}@media(max-width:760px){.wheel-shell{box-shadow:0 0 0 7px #f5efdf,0 15px 35px #235b4214}}

/* Christmas action colours */
.primary{background:linear-gradient(120deg,#A53E50,#842C40);border-color:#842C40;color:#fff;box-shadow:0 5px 15px #842c4022}
.primary:hover:not(:disabled){background:#702436;border-color:#702436;box-shadow:0 7px 18px #842c4030}
.secondary,.share-band .secondary,.prize-more{background:linear-gradient(120deg,#E7CA80,#D9B65E);color:#382A16;border:1px solid #C8A04B;box-shadow:0 4px 12px #9f762018}
.secondary:hover,.share-band .secondary:hover,.prize-more:hover{background:#EBD28F;color:#382A16;border-color:#B58B37}
button:focus-visible,a:focus-visible{outline-color:#8E3046}

h1 em{background:linear-gradient(transparent 80%,#E7CA80 80%,#E7CA80 96%,transparent 96%)}

/* Coordinated Christmas badges */
.catalog-count{background:#F7EDD0;color:#73531D;border:1px solid #E7CA80}
.one-spin-badge{background:#EDF5EF;color:#236249;border-color:#BDD5C5}
.one-spin-badge:before{background:#236249;color:#fff}

.prize-callout,#previewKicker,#resultKicker{color:#8E3046}

.prize-info .prize-more{align-self:center;margin-left:auto;margin-right:auto}

/* The wheel is a festive illustration with a fixed pointer beside Santa. */
.wheel-shell {
  width: 86%;
  padding: 0;
  border: 0;
  background: #DB102F;
  box-shadow: 0 14px 34px #a81c3020;
}
#wheel { display: block; }
.wheel-shell .pointer {
  top: 50%;
  left: auto;
  right: -2px;
  width: 6%;
  height: 7%;
  transform: translateY(-50%);
  background: #FFE193;
  clip-path: polygon(100% 0, 100% 100%, 0 50%);
  z-index: 3;
}
.wheel-santa {
  position: absolute;
  top: 25%;
  right: -16%;
  width: 26%;
  height: auto;
  z-index: 2;
  pointer-events: none;
}
.wheel-shell .hub {
  width: 17%;
  height: 17%;
  padding: 2.1%;
  border: 2px solid #F9CD69;
}
.wheel-slice { cursor: pointer; }
.wheel-symbol-inner:hover > circle,
.wheel-symbol-inner:focus-visible > circle {
  fill: #ffffff55;
  stroke: none;
}

/* Coordinated Christmas actions. */
.wheel-santa { width: 24%; right: -18%; top: 29%; }
.primary, .secondary, .share-band .secondary, .prize-more {
  background: #DB102F;
  color: #fff;
  border-color: #DB102F;
  box-shadow: 0 4px 12px #a5132720;
}
.primary:hover:not(:disabled), .secondary:hover, .share-band .secondary:hover, .prize-more:hover {
  background: #B80C28;
  color: #fff;
  border-color: #B80C28;
}
.languages button.active { background: #DB102F; }
.gift-toggle-row { margin: 0 0 20px; }
#prizeGrid[hidden] { display: none; }

.wheel-santa { width: 26%; right: -19%; top: 29%; }
#spin {
  background: #E00026;
  border-color: #E00026;
}
#spin:disabled {
  opacity: 1;
  box-shadow: none;
}
#spin:hover:not(:disabled) {
  background: #BE0021;
  border-color: #BE0021;
}

/* Keep one action in the same spot throughout the draw. */
.hero {
  grid-template-areas: "intro wheel" "actions wheel";
  grid-template-rows: auto 1fr;
  row-gap: 16px;
}
.hero .intro { grid-area: intro; align-self: end; }
.hero .wheel-area { grid-area: wheel; }
.wheel-actions { grid-area: actions; align-self: start; }
.wheel-actions [hidden] { display: none; }
.wheel-actions .small-rule { margin: 16px 0 8px; }
.wheel-actions .tiny { margin-top: 10px; }
#resultAgain {
  background: #E00026;
  border-color: #E00026;
}
#resultAgain:hover { background: #BE0021; border-color: #BE0021; }

#modal { padding: 30px 28px 22px; }
#resultKicker { padding-inline: 24px; }
#resultTitle { margin: 0 0 14px; line-height: 1.2; }
#modal .result-image { margin: 0 auto 12px; max-height: min(25dvh, 205px); }
#modal .ticket { margin: 10px 0; padding: 8px 12px; }
#claimInstructions { margin: 9px 0 0; }
#claim { margin-top: 10px; }
.result-sharing { border-top: 1px solid var(--line); margin-top: 14px; padding-top: 10px; }
.result-sharing .share {
  margin-top: 0;
  background: #FFF7E0;
  border-color: #E7CA80;
  color: #603F14;
  box-shadow: none;
}
.result-sharing .share:hover { background: #F8E7B4; color: #603F14; }
#shareStatus:empty { display: none; }

@media (max-width: 760px) {
  header { height: 64px; }
  header img { width: 105px; height: 52px; }
  .hero {
    grid-template-areas: "intro" "wheel" "actions";
    grid-template-rows: auto;
    gap: 16px;
    padding: 20px 16px;
  }
  .hero .catalog-count { margin-bottom: 10px; }
  .hero .title-wrap { margin-top: 8px; }
  .hero h1 { font-size: clamp(36px, 10vw, 54px); margin: 0 0 8px; }
  .hero .lead { font-size: 13px; line-height: 1.4; margin: 0 auto; }
  .wheel-area { max-width: 355px; }
  .wheel-note { margin-top: 10px; }
  .wheel-actions { text-align: center; }
  .wheel-actions .primary { min-height: 48px; width: min(100%, 320px); }
  #modal { padding: 26px 16px 16px; }
  #modal .result-image { max-height: min(24dvh, 160px); }
}

#demo[hidden] { display: none; }

@media (max-width: 760px) {
  .wheel-shell { margin-inline: auto; }
  .wheel-shell .wheel-santa {
    top: 67%;
    right: -9%;
    width: 23%;
  }
  .wheel-note { margin-top: 18px; }
  .gift-toggle-row { text-align: center; }
}