.hg-section{--hg-ink:#701529;--hg-gold:#df9d49;--hg-muted:#806551;background:#fffdf7 url('assets/halloween-game/background.webp') center/100% 100% no-repeat;padding:70px 24px 45px;color:var(--hg-ink);scroll-margin-top:115px}
.hg-section *{box-sizing:border-box}.hg-section [hidden]{display:none!important}.hg-wrap{max-width:1200px;margin:auto}.hg-heading{text-align:center;margin-bottom:36px}.hg-heading h2{font-size:clamp(30px,4.5vw,62px);line-height:1.25;margin:0 0 12px;font-weight:700;letter-spacing:.06em}.hg-heading p{font-size:21px;letter-spacing:.08em;margin:0;color:#654c40}.hg-layout{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:stretch}.hg-instructions,.hg-play{border:1px solid #e8b779;border-radius:16px;background:rgba(255,253,247,.91)}.hg-instructions{padding:30px}.hg-instructions h3{font-size:29px;margin:0 0 28px;line-height:1.4;text-align:center}.hg-instructions ol{counter-reset:steps;padding:0;margin:0;list-style:none}.hg-instructions li{position:relative;padding:0 0 25px 56px;counter-increment:steps}.hg-instructions li:before{content:counter(steps);position:absolute;left:0;top:1px;width:40px;height:40px;display:grid;place-items:center;background:#f5d0a0;border-radius:50%;font-size:22px;font-family:Georgia,serif}.hg-instructions strong{display:block;font-size:20px}.hg-instructions li span{font-size:16px;color:var(--hg-muted);line-height:1.6;display:block}.hg-duration{display:flex;gap:12px;border-top:1px dashed #dfb382;padding-top:22px;font-size:17px;line-height:1.6}.hg-duration small{display:block;color:var(--hg-muted);font-size:14px}.hg-section svg{fill:none;stroke:currentColor;stroke-width:1.8;width:26px;height:26px;flex-shrink:0}.hg-actions{display:grid;gap:10px}.hg-primary,.hg-secondary,.hg-rules summary{font-family:inherit;font-size:18px;font-weight:600;line-height:1.4;min-height:48px;border-radius:13px;cursor:pointer;text-align:center}.hg-primary{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #701529;background:#701529;color:#fff8ec;padding:12px 20px;box-shadow:inset 0 0 0 3px #ffffff18}.hg-secondary,.hg-rules summary{border:1px solid #701529;background:#fffdf7;color:#701529;padding:10px 18px}.hg-rules{margin-top:12px}.hg-rules summary{list-style:none}.hg-rules summary::-webkit-details-marker{display:none}.hg-rules p{font-size:14px;line-height:1.7;color:#654c40}.hg-section button:focus-visible,.hg-rules summary:focus-visible{outline:3px solid #227063;outline-offset:3px}.hg-section button:hover:not(:disabled){filter:brightness(.98)}.hg-play{padding:20px;min-width:0}.hg-hud{display:flex;align-items:center;justify-content:space-around;gap:14px;background:#fbefdf;border-radius:12px;padding:12px 8px;margin-bottom:16px;color:#513e33;font:16px/1.4 Arial,'Microsoft JhengHei',sans-serif}.hg-hud>span{display:flex;align-items:center;justify-content:center;gap:8px}.hg-hud strong{color:#701529;font-size:25px;font-variant-numeric:tabular-nums}.hg-hud svg{color:#701529;width:23px;height:23px}.hg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.hg-card{position:relative;aspect-ratio:1;border:2px solid #df9d49;border-radius:13px;padding:0;overflow:hidden;background:#fff9ec;cursor:pointer;min-width:0;transition:background .15s,transform .15s}.hg-card:before{content:'';position:absolute;inset:6px;border:1px solid #efcd9b;border-radius:8px}.hg-back{position:absolute;inset:0;display:grid;place-items:center;color:#9a3740;font:700 clamp(35px,4.4vw,66px)/1 Georgia,serif}.hg-face{position:absolute;inset:3%;background-image:url('assets/halloween-game/symbols.webp');background-size:300% 200%;background-repeat:no-repeat;opacity:0;transform:scale(.88);transition:opacity .14s,transform .14s}.hg-card.is-open .hg-face{opacity:1;transform:scale(1)}.hg-card.is-open .hg-back{opacity:0}.hg-card:disabled{opacity:1;cursor:default}.hg-card.is-matched{border-color:#72916a;background:#f0f5e9}.hg-check{display:none;position:absolute;right:5px;bottom:4px;color:#355d33;background:#ffffffde;border-radius:50%;width:23px;height:23px;font:700 16px/23px Arial}.hg-card.is-matched .hg-check{display:block}.hg-status{text-align:center;font-size:16px;line-height:1.6;margin:19px 0 6px;min-height:26px}.hg-total{text-align:center;font:14px/1.5 Arial,'Microsoft JhengHei',sans-serif;color:#806551;margin:0}.hg-preview-note{text-align:center;font-size:14px;color:#826e62;margin:30px 0 0}.hg-round-action{display:flex;justify-content:center;margin-top:14px}.hg-round-action:has([hidden]){display:none}.hg-paused .hg-grid{opacity:.55}.hg-result{text-align:center;padding:18px 20px 30px}.hg-result-art{display:block;margin:0 auto 14px;width:150px;height:150px;background:url('assets/halloween-game/symbols.webp') 0 0/300% 200%}.hg-result h3{font-size:32px;margin:0 0 16px}.hg-result p{line-height:1.8}.hg-result .hg-primary{margin:22px auto 0}.hg-demo-note{font-size:14px;color:#806551}
@media(max-width:800px){.hg-section{padding:40px 16px 32px;background-size:auto 100%;background-position:center}.hg-layout{grid-template-columns:1fr;gap:16px}.hg-heading{margin-bottom:24px}.hg-heading h2{font-size:32px;letter-spacing:.02em}.hg-heading p{font-size:16px;line-height:1.7;letter-spacing:0}.hg-instructions{padding:20px}.hg-instructions h3{font-size:24px;margin-bottom:18px}.hg-instructions ol{display:flex;gap:12px}.hg-instructions li{flex:1;padding:33px 0 0;text-align:center}.hg-instructions li:before{top:0;left:calc(50% - 13px);width:26px;height:26px;font-size:16px}.hg-instructions li strong{font-size:15px;line-height:1.6}.hg-instructions li span{display:none}.hg-duration{justify-content:center;margin:18px 0;font-size:16px;padding-top:14px}.hg-duration small{display:none}.hg-actions{grid-template-columns:1fr 1fr}.hg-actions:has([data-hg-start]:not([hidden])){grid-template-columns:1fr}.hg-play{padding:14px}.hg-hud{font-size:12px;gap:6px;padding:10px 5px}.hg-hud>span{gap:4px}.hg-hud svg{width:18px;height:18px}.hg-hud strong{font-size:21px}.hg-grid{gap:8px}.hg-card{border-radius:9px}.hg-card:before{inset:4px;border-radius:5px}.hg-back{font-size:38px}.hg-status{font-size:15px;margin-top:16px}.hg-primary,.hg-secondary,.hg-rules summary{font-size:16px}.hg-preview-note{margin-top:20px}.hg-result{padding:15px 5px}.hg-result h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.hg-card,.hg-face{transition:none}}

/* Keep the full desktop round readable without scrolling; start scrolls mobile board into view. */
.hg-wrap{max-width:1080px}.hg-layout{grid-template-columns:320px 1fr}.hg-section{padding-top:48px;padding-bottom:32px}.hg-heading{margin-bottom:25px}.hg-heading h2{font-size:clamp(30px,4.1vw,56px)}.hg-play{scroll-margin-top:120px}.hg-hud.hg-last-seconds{background:#fbe0d0}.hg-hud.hg-last-seconds [data-hg-time]{color:#a32320}@media(max-width:800px){.hg-layout{grid-template-columns:1fr}.hg-section{padding-top:36px}.hg-heading h2{font-size:32px}}
.hg-section .hg-heading h2,.hg-section .hg-instructions h3,.hg-section .hg-instructions li strong,.hg-section .hg-result h3{font-family:"Noto Serif TC","PMingLiU","Songti TC",serif}
.hg-prize-offer{text-align:center;font-size:15px;line-height:1.6;margin:0 0 18px}.hg-prize-offer strong{font-size:20px}.hg-receipt-brand{font-size:13px;letter-spacing:.05em}.hg-gift{display:grid;gap:2px;padding:18px;margin:18px 0;background:#f8e5c9;border:1px solid #dfb382;border-radius:12px}.hg-gift strong{font-size:27px}.hg-gift span{font-size:24px}.hg-claim ol{text-align:left;padding-left:24px;font-size:15px;line-height:1.9}.hg-claim>p{font-size:14px;margin-bottom:10px}.hg-preview-watermark{font-weight:bold;color:#8c2c26;border:1px dashed #b47b68;padding:8px}.hg-line{background:#137142!important;color:white!important;border-color:#137142!important;text-decoration:none!important}.hg-line:hover{background:#0c6036!important}.hg-account,.hg-storage-note{color:#806551}.hg-result .hg-result-art{width:100px;height:100px}.hg-claim .hg-line{margin-top:18px}.hg-claim [data-hg-prize-time]{font-variant-numeric:tabular-nums}@media(max-width:800px){.hg-prize-offer{margin:0 0 12px}.hg-gift strong{font-size:24px}.hg-result-art{width:90px;height:90px}.hg-claim ol{font-size:14px}}