/* Hallmark · genre: editorial · macrostructure: interactive catalogue · theme: existing Mindal brand
 * nav: N1a · footer: Ft2 · anchor hue: copper · pre-emit critique: P5 H4 E4 S5 R5 V4
 * mobile: verified 320/375/414/768 · text contrast: minimum 5.64:1 · slop: scoped review passed */
@import url('tokens.css?v=20260929-iphone-1');
html,body{overflow-x:clip;background:var(--color-bg);color:var(--color-ink)}
body{font-family:var(--font-body);font-weight:300}
.fortune-shell{overflow:visible;min-height:0}
:where(h1,h2,h3){min-width:0;overflow-wrap:anywhere}
:where(h1,h2,h3) em{font-style:normal}
:where(a,button,summary){touch-action:manipulation}
:where(a,button,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}
.fortune-loader{display:none}
.fortune-header{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);min-height:100px;height:auto;padding:var(--space-xs) 0;margin:0 auto;display:flex;align-items:center;gap:var(--space-lg);border-bottom:1px solid var(--color-rule)}
.fortune-brand{width:120px;height:82px;margin:0;flex:none}
.fortune-header-links{display:flex;flex-direction:row;align-items:center;gap:var(--space-lg);margin:0 0 0 auto}
.fortune-header-links a,.fortune-header-links .fortune-back{font-size:var(--text-sm);line-height:1.4;white-space:nowrap;color:var(--color-muted);border:0;padding:12px 0;text-decoration:none}
.fortune-header-links a:hover{color:var(--color-ink);border:0}
.fortune-header .site-language{margin:0}
.fortune-intro{position:relative;width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin:0 auto;padding:var(--space-lg) 0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center}
.fortune-intro-text{min-width:0;position:relative;z-index:1}
.fortune-intro-kicker{margin:0 0 var(--space-md);font-size:var(--text-xs);font-weight:400;letter-spacing:.19em;color:var(--color-accent-light)}
.fortune-intro h1{font:400 var(--text-display)/1.08 var(--font-display);letter-spacing:-.065em;color:var(--color-ink);margin:0 0 var(--space-sm)}
.fortune-intro-copy{max-width:none;margin:0;color:var(--color-accent-light);font:400 clamp(19px,2.2vw,29px)/1.45 var(--font-display)}
.fortune-intro-note{max-width:370px;margin:var(--space-sm) 0 0;color:var(--color-muted);font-size:var(--text-body);line-height:1.65}
.fortune-intro-photo{height:260px;margin:0;overflow:clip;position:relative}
.fortune-intro-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 52%;filter:brightness(.72) saturate(.75)}
.fortune-intro-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-bg),var(--color-clear) 40%),linear-gradient(0deg,var(--color-bg),var(--color-clear) 40%)}
.fortune-game{padding:0 0 var(--space-2xl);background:var(--color-bg)}
.fortune-stage{width:100%;max-width:none;margin:0;padding:var(--space-md) 0 0;background:var(--color-paper);color:var(--color-paper-ink);border:0;border-radius:0;box-shadow:none;overflow:clip}
.fortune-stage:before,.fortune-stage:after,.fortune-stage-foot{display:none}
.fortune-stage-head{min-height:24px;height:24px;max-width:var(--page-width);width:calc(100% - 2 * var(--page-gutter));margin:0 auto var(--space-md);padding:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}
.fortune-stage-head span{font-size:var(--text-xs);font-weight:500;letter-spacing:.13em;color:var(--color-paper-accent);text-transform:uppercase}
.fortune-stage-head span i{display:none}
.fortune-stage-head small{font-size:var(--text-sm);line-height:1.5;color:var(--color-paper-muted);max-width:none;text-align:right}
.fortune-stage .fortune-viewport{z-index:1;padding:var(--space-sm) 0 var(--space-md);border-block:1px solid var(--color-paper-rule);background:var(--color-paper);box-shadow:none}
.fortune-stage .fortune-viewport:before{background:linear-gradient(90deg,var(--color-paper),var(--color-clear))}
.fortune-stage .fortune-viewport:after{background:linear-gradient(-90deg,var(--color-paper),var(--color-clear))}
.fortune-viewport:before,.fortune-viewport:after{width:6vw}
.fortune-reel{gap:0;padding:0}
.fortune-stage .fortune-card{width:232px;max-width:none;height:238px;flex:0 0 232px;padding:var(--space-md) var(--space-sm);background:var(--color-clear);color:var(--color-paper-ink);border:0;border-right:1px solid var(--color-paper-rule);border-radius:0;box-shadow:none;transform:none;transition:background var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}
.fortune-stage .fortune-card.is-selected{background:var(--color-paper-ink);color:var(--color-paper);border-color:var(--color-paper-ink);box-shadow:none;transform:none}
.fortune-card:after{display:none}
.fortune-card .fortune-icon{width:76px;height:76px;color:var(--color-paper-accent)}
.fortune-card.is-selected .fortune-icon{color:var(--color-accent-light)}
.fortune-card .fortune-card-copy{min-height:64px;justify-content:center;width:100%}
.fortune-card span{color:var(--color-paper-muted);font-size:10px;letter-spacing:.12em;margin-bottom:var(--space-xs)}
.fortune-card.is-selected span{color:var(--color-accent-light)}
.fortune-card strong{font:400 18px/1.3 var(--font-display);overflow-wrap:normal;word-break:normal}
.fortune-stage .fortune-card--grand{position:relative;background:var(--color-grand);color:var(--color-grand-ink);border:1px solid var(--color-grand-rule);padding:12px var(--space-sm);isolation:isolate}
.fortune-stage .fortune-card--grand.is-selected{background:var(--color-grand-selected);color:var(--color-grand-ink);border-color:var(--color-grand-soft);box-shadow:inset 0 0 0 2px var(--color-grand-rule)}
.fortune-phone-photo{width:100%;height:140px;overflow:clip;flex:none;display:grid;place-items:center}
.fortune-phone-photo img{display:block;width:auto;height:196px;max-width:none;object-fit:contain;transform:translateY(-17px)}
.fortune-card--grand .fortune-card-copy{min-height:0;gap:3px;order:3}
.fortune-card--grand span,.fortune-card--grand.is-selected span{color:var(--color-grand-soft);margin-bottom:2px;font-size:9px;letter-spacing:.16em}
.fortune-card--grand strong{font-family:var(--font-body);font-weight:500;font-size:19px;line-height:1.3;letter-spacing:-.035em}
.fortune-phone-finish{color:var(--color-grand-soft);font:400 10px/1.4 var(--font-body);letter-spacing:.08em}
.fortune-stage .fortune-pointer{top:72px;height:280px;width:1px;background:none;filter:none}
.fortune-stage .fortune-pointer:before{display:none}
.fortune-pointer span:before{top:0;border-top-color:var(--color-paper-accent);border-top-width:10px}
.fortune-pointer span:after{top:auto;bottom:0;border-bottom-color:var(--color-paper-accent);border-bottom-width:10px}
.fortune-controls{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin:var(--space-lg) auto 0;padding:0;background:none;border:0;border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:var(--space-2xl);align-items:start}
.fortune-explain{max-width:490px;font-size:var(--text-body);line-height:1.7;color:var(--color-muted)}
.fortune-motion{font:400 23px/1.4 var(--font-display);color:var(--color-ink)}
.fortune-motion i,.fortune-motion:before{display:none}
.fortune-explain>p:last-child{display:block;margin-top:var(--space-sm);font-size:var(--text-sm)}
.fortune-spin{height:58px;background:var(--color-paper);color:var(--color-paper-ink);border:1px solid var(--color-paper);border-radius:var(--radius-pill);font:500 var(--text-sm)/1 var(--font-body);letter-spacing:.11em;box-shadow:none;cursor:pointer;white-space:nowrap;transition:background var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}
.fortune-spin:hover:not(:disabled){background:var(--color-accent-light);border-color:var(--color-accent-light);filter:none;transform:none}
.fortune-spin:active:not(:disabled){transform:translateY(1px)}
.fortune-spin:disabled{opacity:1;background:var(--color-panel);color:var(--color-muted);border-color:var(--color-disabled);cursor:not-allowed}
.fortune-message{font-size:var(--text-sm);color:var(--color-muted);padding:0;margin-top:var(--space-sm);min-height:20px}
.fortune-countdown{color:var(--color-accent-light);font-size:var(--text-body);line-height:1.5;font-variant-numeric:tabular-nums}
.fortune-rules-jump{font-size:var(--text-sm);color:var(--color-ink);border-color:var(--color-accent);white-space:nowrap;margin-top:var(--space-xs)}
.fortune-demo-badge{border-radius:0;background:none;border:0;color:var(--color-accent-light);padding:0;font-size:var(--text-xs)}
.fortune-result{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin:0 auto var(--space-2xl);padding:var(--space-xl) 0;border-top:1px solid var(--color-rule);scroll-margin-top:var(--space-lg)}
.fortune-result .eyebrow{color:var(--color-accent-light)}
.fortune-result h2{font:400 var(--text-heading)/1.18 var(--font-display);max-width:900px;color:var(--color-ink)}
.fortune-claim{max-width:680px;border:0;border-radius:var(--radius-panel);padding:var(--space-lg);gap:var(--space-lg);background:var(--color-paper);color:var(--color-paper-ink)}
.fortune-claim img{border-radius:0;background:var(--color-qr);padding:var(--space-xs);object-fit:contain}
.fortune-claim small{color:var(--color-paper-accent)}
.fortune-note{color:var(--color-muted);font-size:var(--text-body)}
.fortune-result .fortune-countdown{text-align:left}
.fortune-wins{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin:0 auto var(--space-2xl);padding:var(--space-lg) 0;border:0;border-top:1px solid var(--color-rule);border-radius:0;box-shadow:none;background:none}
.fortune-wins-head h2{font-family:var(--font-display);color:var(--color-ink)}
.fortune-wins-head .eyebrow{color:var(--color-accent-light)}
.fortune-wins-head>p,.fortune-wins-list small,.fortune-wins-list time{color:var(--color-muted)}
.fortune-wins-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-xl)}
.fortune-wins-list li{padding:var(--space-sm) 0;border:0;border-bottom:1px solid var(--color-rule);border-radius:0;background:none}
.fortune-wins-list strong{color:var(--color-ink)}
.fortune-wins-mark{background:none;color:var(--color-accent-light)}
.fortune-rules{width:100%;max-width:none;margin:0;padding:var(--space-2xl) var(--page-gutter);background:var(--color-paper);color:var(--color-paper-ink);border:0;scroll-margin-top:0}
.fortune-rules>*{max-width:var(--page-width);margin-left:auto;margin-right:auto}
.fortune-rules-head{display:block;margin-bottom:var(--space-lg)}
.fortune-rules-head .eyebrow{color:var(--color-paper-accent);margin:0 0 var(--space-sm);font-size:var(--text-xs);letter-spacing:.16em}
.fortune-rules-head h2{font:400 var(--text-heading)/1.15 var(--font-display);letter-spacing:-.045em;white-space:normal;color:var(--color-paper-ink)}
.fortune-rules-head h2 em{font-style:normal;color:var(--color-paper-accent)}
.fortune-rules-head>p:last-child{max-width:500px;color:var(--color-paper-muted);font-size:var(--text-body);margin:var(--space-sm) 0 0}
.fortune-prizes-fold{border:0;border-block:1px solid var(--color-paper-rule);border-radius:0;background:none;margin-bottom:var(--space-lg)}
.fortune-prizes-fold summary{padding:var(--space-md) 0;color:var(--color-paper-ink)}
.fortune-prizes-fold summary span{font-size:var(--text-lead);font-weight:400}
.fortune-prizes-fold summary span:after{color:var(--color-paper-accent)}
.fortune-prizes-fold summary small{color:var(--color-paper-muted);white-space:nowrap}
.fortune-prizes-fold ul{color:var(--color-paper-ink);border-color:var(--color-paper-rule);padding:var(--space-sm) 0 var(--space-md) var(--space-md)}
.fortune-prizes-fold li::marker{color:var(--color-paper-accent)}
.fortune-rules-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-2xl)}
.fortune-rules-list li{padding:var(--space-md) 0;min-height:0;border:0;border-bottom:1px solid var(--color-paper-rule);border-radius:0;background:none}
.fortune-rules-list h3{font:400 21px/1.4 var(--font-display);color:var(--color-paper-ink);margin:0 0 var(--space-sm)}
.fortune-rules-list p{color:var(--color-paper-muted);font-size:14px;line-height:1.8}
.fortune-privacy{border-color:var(--color-paper-rule);color:var(--color-paper-muted);margin-top:var(--space-lg)}
.fortune-privacy summary{color:var(--color-paper-ink);font-size:var(--text-sm);line-height:1.6}
.fortune-privacy-copy h3{color:var(--color-paper-ink);font-family:var(--font-body)}
.fortune-privacy-copy p{color:var(--color-paper-muted);line-height:1.8}
.fortune-consent{background:var(--color-scrim);backdrop-filter:none;place-items:center;padding:var(--space-sm);overflow-y:auto}
.fortune-consent-card{max-height:calc(100svh - 32px);overflow-y:auto;border:1px solid var(--color-paper-rule);border-radius:var(--radius-panel);background:var(--color-paper);color:var(--color-paper-ink);padding:var(--space-lg);box-shadow:none}
.fortune-consent-card .eyebrow{color:var(--color-paper-accent)}
.fortune-consent-card h2{font-family:var(--font-display);color:var(--color-paper-ink);font-size:30px;line-height:1.2}
.fortune-consent-card>p:not(.eyebrow){color:var(--color-paper-muted);font-size:var(--text-body);line-height:1.7}
.fortune-consent-card>a{color:var(--color-paper-accent);font-size:var(--text-sm);white-space:nowrap}
.fortune-consent-actions button{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;white-space:nowrap;color:var(--color-paper-ink);border-color:var(--color-paper-rule)}
.fortune-consent-actions #privacy-accept{background:var(--color-paper-ink);border-color:var(--color-paper-ink);color:var(--color-paper)}
.fortune-consent-actions button:hover{border-color:var(--color-paper-accent)}
.fortune-privacy-settings{font-family:var(--font-body);color:var(--color-muted);font-size:var(--text-xs);margin:var(--space-md) auto;white-space:nowrap}
.fortune-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--page-gutter);font-size:var(--text-xs);color:var(--color-muted);border-top:1px solid var(--color-rule)}
.fortune-footer a{color:var(--color-ink);text-decoration:none;white-space:nowrap}
.fortune-winner-toast{border:1px solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-panel);box-shadow:none;color:var(--color-ink)}
.fortune-winner-toast__icon{background:none;color:var(--color-accent-light)}
@media(max-width:900px){
 .fortune-intro{gap:var(--space-lg)}
 .fortune-intro-photo{height:240px}
 .fortune-controls{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .fortune-header{gap:var(--space-md)}.fortune-header-links{gap:var(--space-md)}
 .fortune-rules-list{gap:0 var(--space-lg)}
}
@media(max-width:700px){
 :root{--page-gutter:20px;--text-display:clamp(62px,17vw,88px);--text-heading:clamp(38px,10vw,52px)}
 .fortune-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;min-height:0;padding:var(--space-xs) 0}
 .fortune-brand{width:94px;height:68px}
 .fortune-header .site-language{grid-column:2;grid-row:1;margin:0;order:0}
 .fortune-header .fortune-header-links{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:var(--space-sm);width:100%;margin:0}
 .fortune-header .fortune-header-links a{font-size:var(--text-xs);padding:var(--space-xs) 0}
 .fortune-intro{display:block;padding:var(--space-lg) 0;isolation:isolate}
 .fortune-intro-text{max-width:100%}
 .fortune-intro-kicker{font-size:10px;margin-bottom:var(--space-sm)}
 .fortune-intro h1{font-size:var(--text-display);margin-bottom:12px}
 .fortune-intro-copy{font-size:19px;max-width:280px}
 .fortune-intro-note{font-size:var(--text-sm);max-width:250px;margin-top:12px}
 .fortune-intro-photo{position:absolute;inset:0 calc(-1 * var(--page-gutter)) 0 34%;height:auto;z-index:-1;opacity:.32}
 .fortune-intro-photo:after{background:linear-gradient(90deg,var(--color-bg),var(--color-clear)),linear-gradient(0deg,var(--color-bg),var(--color-clear),var(--color-bg))}
 .fortune-stage{border-radius:0;padding-top:var(--space-sm);width:100%}
 .fortune-stage-head{height:28px;min-height:28px;gap:var(--space-sm);margin-bottom:var(--space-sm)}
 .fortune-stage-head span{font-size:9px;letter-spacing:.1em;flex-shrink:0}
 .fortune-stage-head small{font-size:10px;max-width:154px;line-height:1.4}
 .fortune-stage .fortune-viewport{padding:12px 0 var(--space-sm)}
 .fortune-stage .fortune-card{width:46vw;flex-basis:46vw;max-width:none;height:206px;padding:var(--space-sm) 12px}
 .fortune-card .fortune-icon{width:60px;height:60px}
 .fortune-card strong{font-size:14px;line-height:1.35}
 .fortune-card span{font-size:9px;letter-spacing:.07em}
 .fortune-card .fortune-card-copy{min-height:70px}
 .fortune-stage .fortune-card--grand{padding:10px 8px}
 .fortune-card--grand .fortune-card-copy{min-height:0}
 .fortune-phone-photo{height:120px}
 .fortune-phone-photo img{height:168px;transform:translateY(-15px)}
 .fortune-card--grand strong{font-size:15px;white-space:nowrap}
 .fortune-card--grand span{font-size:8px;letter-spacing:.08em}
 .fortune-phone-finish{font-size:9px}
 .fortune-stage .fortune-pointer{top:60px;height:236px}
 .fortune-pointer span:before,.fortune-pointer span:after{border-left-width:5px;border-right-width:5px}
 .fortune-controls{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}
 .fortune-action{order:0}.fortune-explain{order:1}
 .fortune-motion{font-size:19px;line-height:1.45}
 .fortune-explain>p:last-child{font-size:12px;line-height:1.7;margin-top:var(--space-xs)}
 .fortune-spin{height:54px;font-size:12px}
 .fortune-message{font-size:12px}.fortune-rules-jump{font-size:12px}
 .fortune-game{padding-bottom:var(--space-xl)}
 .fortune-result{padding:var(--space-lg) 0;margin-bottom:var(--space-xl)}
 .fortune-claim{padding:var(--space-md);margin-top:var(--space-md)}
 .fortune-claim img{width:min(100%,220px)}
 .fortune-result h2{font-size:var(--text-heading)}
 .fortune-wins{padding:var(--space-lg) 0;margin-bottom:var(--space-xl)}
 .fortune-wins-head{display:block}.fortune-wins-head>p{margin-top:var(--space-sm);text-align:left}
 .fortune-wins-list{grid-template-columns:minmax(0,1fr)}
 .fortune-rules{padding:var(--space-xl) var(--page-gutter)}
 .fortune-rules-head h2{font-size:var(--text-heading)}
 .fortune-rules-head>p:last-child{font-size:14px;max-width:none}
 .fortune-rules-list{grid-template-columns:minmax(0,1fr)}
 .fortune-rules-list h3{font-size:20px}.fortune-rules-list p{font-size:13px}
 .fortune-prizes-fold summary{padding:var(--space-sm) 0;gap:var(--space-xs)}
 .fortune-prizes-fold summary span{font-size:16px}
 .fortune-prizes-fold summary small{font-size:12px}
 .fortune-prizes-fold ul{columns:1}
 .fortune-privacy summary{font-size:11px;white-space:nowrap}
 .fortune-consent-card{padding:var(--space-md)}
 .fortune-consent-card h2{font-size:26px}
 .fortune-consent-card>p:not(.eyebrow){font-size:13px}
 .fortune-consent-actions{flex-direction:column}
 .fortune-consent-actions button{width:100%}
 .fortune-footer{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md) var(--page-gutter);font-size:10px}
 .fortune-footer span{width:100%;order:2}
 .fortune-footer a:last-child{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.fortune-card,.fortune-spin{transition:none}
}

/* Main prize announcement, separate from the server's draw probabilities. */
.fortune-grand-notice{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin:0 auto var(--space-md);padding:18px 30px;min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden;background:var(--color-grand);color:var(--color-grand-ink);border:1px solid var(--color-grand-rule)}
.fortune-grand-notice[hidden]{display:none}
.fortune-grand-notice-copy{display:grid;grid-template-columns:auto auto;align-items:center;gap:6px 26px;position:relative;z-index:1}
.fortune-grand-notice-copy>span{grid-column:1/-1;color:var(--color-grand-soft);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.fortune-grand-notice-copy>strong{font:500 clamp(24px,3vw,36px)/1.15 var(--font-body);letter-spacing:-.035em}
.fortune-grand-notice-copy>small{color:var(--color-grand-soft);font-size:13px;letter-spacing:.08em}
.fortune-grand-notice>img{position:absolute;right:24px;top:50%;transform:translateY(-43%) rotate(-9deg);height:190px;width:auto;pointer-events:none}
@media(max-width:600px){.fortune-grand-notice{min-height:116px;padding:18px 16px;gap:8px}.fortune-grand-notice-copy{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.fortune-grand-notice-copy>strong{font-size:24px}.fortune-grand-notice-copy>span{font-size:10px;letter-spacing:.14em}.fortune-grand-notice-copy>small{font-size:11px}.fortune-grand-notice>img{height:155px;right:-3px;transform:translateY(-42%) rotate(-9deg)}.fortune-grand-notice-copy{max-width:calc(100% - 86px)}}
