/* Reference: owner's five-card moon fan. Original vector backs, native type and colours.
   Rare marketing interaction: spatial continuity + delight. WAAPI changes transform/opacity only. */
.hw-fortune {
  --hw-f-bg:#1c1814;--hw-f-text:#f1e9de;--hw-f-muted:#c2b09b;--hw-f-accent:#e6a366;
  --hw-f-line:#574432;--hw-f-ease-out:cubic-bezier(.23,1,.32,1);--hw-f-ease-in-out:cubic-bezier(.77,0,.175,1);
  position:relative;isolation:isolate;background:radial-gradient(ellipse at 84% 33%,#b66d252e 0,transparent 54%),radial-gradient(ellipse at 52% 90%,#a45e201c 0,transparent 50%),var(--hw-f-bg);color:var(--hw-f-text);
  border-block:1px solid var(--hw-f-line);scroll-margin-top:100px;overflow:clip;
}
body.zmk-halloween[data-hw-theme=light] .hw-fortune {
  --hw-f-bg:#eae3d8;--hw-f-text:#30251c;--hw-f-muted:#67513e;--hw-f-accent:#995019;--hw-f-line:#bca68e;
}
.hw-fortune [hidden] {display:none!important;}
.hw-fortune .screen-reader-text {position:absolute!important;inset:auto!important;left:0!important;top:0!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;}
.hw-fortune-layout {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:36px;padding-block:64px 72px;}
.hw-fortune-copy {position:relative;z-index:2;width:100%;min-width:0;max-width:600px;overflow-wrap:anywhere;}
body.zmk-halloween .hw-fortune-eyebrow {margin:0 0 24px;color:var(--hw-f-accent);font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.21em;}
body.zmk-halloween #hw-fortune-title {margin:0 0 24px;font:400 clamp(35px,3.5vw,58px)/1.14 var(--sz-font-serif,Georgia,serif);letter-spacing:-.035em;color:var(--hw-f-text);}
#hw-fortune-title span {display:block;color:var(--hw-f-accent);}
body.zmk-halloween .hw-fortune-description {margin:0 0 26px;max-width:430px;font-size:15px;line-height:1.75;color:var(--hw-f-muted);}
.hw-fortune-actions {margin:0 0 20px;}
body.zmk-halloween .hw-fortune-actions button {display:inline-flex;align-items:center;justify-content:space-between;gap:28px;max-width:100%;min-height:50px;padding:13px 20px;border:1px solid var(--hw-f-accent);border-radius:0;background:transparent;color:var(--hw-f-text);font:500 13px/1.45 var(--sz-font-display,'Inter',sans-serif);white-space:normal;text-align:left;cursor:pointer;transition:opacity 150ms ease;}
body.zmk-halloween .hw-fortune-actions .hw-fortune-again {background:var(--hw-f-accent);color:var(--hw-f-bg);font-weight:600;}
body.zmk-halloween .hw-fortune-actions button:disabled {opacity:.55;cursor:default;}
body.zmk-halloween .hw-fortune-shop {display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;color:var(--hw-f-text);font-size:13px;font-weight:500;text-decoration:none;border-bottom:1px solid var(--hw-f-line);}
body.zmk-halloween .hw-fortune-note {margin:22px 0 0;max-width:360px;color:var(--hw-f-muted);font-size:11px;line-height:1.6;}
body.zmk-halloween .hw-fortune-fallback {padding:20px 0 0;margin:0;color:var(--hw-f-text);font:400 22px/1.5 var(--sz-font-serif,Georgia,serif);}
.hw-fortune-stage {position:relative;isolation:isolate;display:grid;min-width:0;min-height:520px;perspective:1200px;padding-block:6px 50px;}
.hw-fortune-halo {display:none;}
.hw-fortune-deck {--hw-card-w:clamp(112px,12vw,184px);--hw-spread:clamp(42px,4.5vw,86px);position:relative;grid-area:1/1;align-self:center;width:100%;height:440px;}
body.zmk-halloween .hw-fortune-card {position:absolute;left:50%;top:50%;width:var(--hw-card-w);height:calc(var(--hw-card-w)*1.55556);padding:0;margin:0;border:0;border-radius:4px;background:transparent;color:#d4ad7d;cursor:pointer;z-index:var(--hw-depth);transform:translate(-50%,-50%) translateX(calc(var(--hw-slot)*var(--hw-spread))) translateY(var(--hw-rise)) rotate(var(--hw-angle));transition:none;-webkit-tap-highlight-color:transparent;}
.hw-fortune-card-hover {display:block;position:relative;width:100%;height:100%;transition:transform 200ms var(--hw-f-ease-out);}
.hw-fortune-back {display:block;position:relative;width:100%;height:100%;border:1px solid #8d633e;border-radius:4px;background:linear-gradient(135deg,#342820,#271f1a 58%,#34271d);box-shadow:0 12px 24px #0003,inset 0 0 0 3px #241c15;color:#d4ad7d;overflow:hidden;}
.hw-fortune-back::before {content:"";position:absolute;inset:0;background:url('fortune-back.svg') center/100% 100% no-repeat;pointer-events:none;}
.hw-fortune-back-top {position:absolute;top:13%;left:0;width:100%;text-align:center;font-size:clamp(6px,.55vw,9px);letter-spacing:.21em;font-weight:500;}
.hw-fortune-monogram {position:absolute;top:69%;left:0;width:100%;font:400 clamp(18px,1.7vw,27px)/1 var(--sz-font-serif,Georgia,serif);text-align:center;}
.hw-fortune-back-brand {position:absolute;bottom:9%;left:4%;width:92%;text-align:center;font-size:clamp(5px,.5vw,8px);letter-spacing:.2em;font-weight:500;}
body.zmk-halloween .hw-fortune-card:focus-visible {z-index:20;outline-color:var(--hw-f-accent)!important;outline-offset:7px;}
.hw-fortune-card:focus-visible .hw-fortune-card-hover {transform:translateY(-14px);}
.hw-fortune-picks {position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:4;}
body.zmk-halloween .hw-fortune-picks button {display:grid;place-items:center;min-width:44px;min-height:44px;padding:4px;border:0;border-radius:0;border-bottom:1px solid var(--hw-f-line);background:transparent;color:var(--hw-f-muted);font:400 13px/1 var(--sz-font-serif,Georgia,serif);cursor:pointer;transition:color 150ms ease,border-color 150ms ease;}
.hw-fortune-stage-caption {position:absolute;inset:auto 0 -12px;text-align:center;color:var(--hw-f-muted);font-size:11px;line-height:1.5;margin:0;pointer-events:none;}
.hw-fortune-reveal {position:relative;grid-area:1/1;align-self:center;justify-self:center;width:min(calc(100% - 20px),320px);z-index:25;perspective:1200px;transform-origin:center;}
.hw-fortune-turner {position:relative;transform-style:preserve-3d;}
.hw-fortune-reveal-back {position:absolute;inset:0;width:100%;height:100%;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.hw-fortune-reveal-back .hw-fortune-back-top {font-size:12px;}.hw-fortune-reveal-back .hw-fortune-monogram {font-size:38px;}.hw-fortune-reveal-back .hw-fortune-back-brand {font-size:10px;}
body.zmk-halloween .hw-fortune-front {position:relative;display:flex;flex-direction:column;align-items:center;min-height:440px;padding:29px 29px 25px;border:1px solid #ac8c63;border-radius:4px;background:#e7d7bb url('campaign/paper-ember-v2.webp') center/116% 106% no-repeat;color:#302218;box-shadow:0 14px 34px #0004;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow-wrap:anywhere;}
body.zmk-halloween .hw-fortune-front:focus-visible {outline-color:var(--hw-f-accent)!important;outline-offset:7px;}
body.zmk-halloween .hw-fortune-front-kicker {display:flex;justify-content:space-between;gap:14px;align-self:stretch;margin:0 0 16px;color:#674829;font-size:10px;line-height:1.5;letter-spacing:.2em;font-weight:600;}
.hw-fortune-seal {color:#9b5f21;font:400 45px/1 var(--sz-font-serif,Georgia,serif);margin-bottom:15px;}
body.zmk-halloween #hw-fortune-result-title {margin:0 0 18px;color:#302218;text-align:center;font:400 28px/1.14 var(--sz-font-serif,Georgia,serif);letter-spacing:-.025em;}
body.zmk-halloween #hw-fortune-message {margin:0 0 26px;color:#493524;font-size:1rem;line-height:1.65;text-align:center;}
body.zmk-halloween .hw-fortune-signature {display:flex;align-items:center;justify-content:center;gap:12px;align-self:stretch;margin:auto 0 0;padding-top:18px;border-top:1px solid #bca07b;color:#674829;font-size:8px;font-weight:600;line-height:1.5;letter-spacing:.18em;}
.hw-fortune[data-state=revealed] .hw-fortune-stage-caption {visibility:hidden;}
@media(hover:hover) and (pointer:fine){
 .hw-fortune-card:hover {z-index:20;}.hw-fortune-card:hover .hw-fortune-card-hover {transform:translateY(-18px);}
 body.zmk-halloween .hw-fortune-picks button:hover {color:var(--hw-f-accent);border-color:var(--hw-f-accent);}
 body.zmk-halloween .hw-fortune-actions button:not(:disabled):hover {opacity:.82;}
}
@media(max-width:1000px){
 .hw-fortune-layout{grid-template-columns:minmax(0,1fr);gap:6px;padding-block:46px 58px;}
 .hw-fortune-copy{max-width:650px;}.hw-fortune-description{max-width:540px!important;}
 .hw-fortune-stage{min-height:460px;}.hw-fortune-deck{--hw-card-w:160px;--hw-spread:76px;height:380px;}
 .hw-fortune-back-top{font-size:8px;}.hw-fortune-back-brand{font-size:7px;}.hw-fortune-monogram{font-size:24px;}
}
@media(max-width:700px){
 .hw-fortune{scroll-margin-top:120px;}.hw-fortune-layout{padding-block:40px 50px;gap:0;}
 body.zmk-halloween .hw-fortune-eyebrow{margin-bottom:17px;font-size:10px;letter-spacing:.16em;}
 body.zmk-halloween #hw-fortune-title{font-size:clamp(32px,8.3vw,44px);margin-bottom:20px;}
 body.zmk-halloween .hw-fortune-description{font-size:13px;line-height:1.7;margin-bottom:20px;}
 body.zmk-halloween .hw-fortune-actions button{min-height:47px;padding:12px 16px;font-size:12px;}
 body.zmk-halloween .hw-fortune-shop{font-size:12px;}
 body.zmk-halloween .hw-fortune-note{font-size:10px;margin-top:14px;}
 .hw-fortune-stage{min-height:400px;padding-block:12px 45px;}
 .hw-fortune-deck{--hw-card-w:clamp(104px,28vw,142px);--hw-spread:clamp(35px,10vw,56px);height:340px;}
 .hw-fortune-back-top{font-size:6px;}.hw-fortune-back-brand{font-size:5px;}.hw-fortune-monogram{font-size:20px;}
 .hw-fortune-stage-caption{bottom:-10px;font-size:10px;}.hw-fortune-picks{bottom:20px;gap:5px;}
 body.zmk-halloween .hw-fortune-front{min-height:410px;padding:24px 24px 22px;}
 body.zmk-halloween #hw-fortune-result-title{font-size:27px;}
 .hw-fortune-seal{font-size:39px;}
}
@media(prefers-reduced-motion:reduce){
 .hw-fortune *,.hw-fortune *::before,.hw-fortune *::after{animation:none!important;transition:none!important;}
 .hw-fortune-card:is(:hover,:focus-visible) .hw-fortune-card-hover{transform:none;}
}