.hl-stage{display:grid;justify-items:center;gap:14px;padding:12px 0 20px;direction:ltr;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;padding:16px 12px 20px;border-radius:20px;background:radial-gradient(ellipse at 50% 20%,#214a45,#0c2525 60%,#081516);box-shadow:inset 0 1px #ffe4a322,0 14px 28px #0006}.hl-card-slot{min-width:0;display:grid;gap:8px;text-align:center}.hl-card-slot>span{font-size:11px;font-weight:700;letter-spacing:.1em;color:#dccb9f}.hl-card{position:relative;width:100%;aspect-ratio:2/3;background:transparent url('assets/cards.webp') 0 50%/200% 100% no-repeat;filter:drop-shadow(0 7px 7px #0007);border-radius:8%;display:grid;place-items:center}.hl-card.is-back{background-position:100% 50%}.hl-number{position:relative;color:#132a30;font:normal clamp(64px,21cqw,114px)/1 Georgia,serif;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #fff8}.hl-art{width:84%;aspect-ratio:1;background:transparent url('assets/symbols.webp') 0 0/200% 200% no-repeat}.hl-art[data-kind=devil],.hl-mini[data-kind=devil]{background-position:100% 0}.hl-art[data-kind=horseshoe],.hl-mini[data-kind=horseshoe]{background-position:0 100%}.hl-art[data-kind=cat],.hl-mini[data-kind=cat]{background-position:100% 100%}.hl-mini{display:inline-block;flex:0 0 26px;width:26px;height:26px;background:transparent url('assets/symbols.webp') 0 0/200% 200% no-repeat}.hl-controls{display:grid;gap:10px;width:100%}.hl-predictions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hl-predictions button{min-width:0;min-height:52px;display:flex;justify-content:center;align-items:center;gap:9px;margin:0;font-size:17px;touch-action:manipulation}.hl-arrow{font-size:25px;color:#ffe5a0}.hl-predictions button[aria-pressed=true]{background:linear-gradient(120deg,#526548,#233e39);border-color:#f2d48c;box-shadow:0 0 0 1px #f2d48c44,inset 0 1px #fff2}.hl-draw-actions>.primary-button{min-height:48px;margin:0;font-size:17px}.hl-controls button:disabled{cursor:default;opacity:.55}.hl-stage[data-phase=rolling] #next-card{animation:hlDraw .32s ease-in-out infinite alternate}.hl-stage[data-reduced=true] #next-card{animation:none}.hl-special-result{margin:12px 0;font:normal 38px Georgia,serif;color:#ffe5a0}@keyframes hlDraw{from{transform:rotate(-1deg) translateY(-2px)}to{transform:rotate(1deg) translateY(2px)}}@media(prefers-reduced-motion:reduce){.hl-stage #next-card{animation:none!important}}@container gf-page (min-width:600px){.hl-card-area,.hl-controls,{width:min(90%,760px)}.hl-cards{gap:26px;padding:24px 25px 30px}.hl-number{font-size:clamp(100px,19cqw,190px)}.hl-card-slot>span{font-size:15px}.hl-predictions button,.hl-draw-actions>.primary-button{min-height:60px;font-size:21px}.hl-stage{gap:20px}.hl-mini{width:34px;height:34px;flex-basis:34px}}

.hl-stage[data-demo=true] .hl-controls button:disabled{opacity:1}

.hl-card-area{position:relative;width:100%}.hl-explanation{position:absolute;z-index:5;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:calc(100% - 16px);max-width:520px;padding:0;border:1px solid #d9bb76;border-radius:16px;background:linear-gradient(145deg,#243d3a,#101f26);box-shadow:0 8px 24px #0009;color:#f9edcf;text-align:center;pointer-events:auto}.hl-explanation::after{content:"";position:absolute;left:calc(50% - 8px);bottom:-9px;width:16px;height:16px;transform:rotate(45deg);border-right:1px solid #d9bb76;border-bottom:1px solid #d9bb76;background:#15282b}.hl-explanation strong{display:block;font-size:16px;color:#ffe5a0}.hl-explanation p{margin:6px 0 0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.hl-draw-actions{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px}.hl-draw-actions>button{min-width:0;min-height:48px;margin:0;touch-action:manipulation}#explain{font-size:20px;font-weight:700}#explain[aria-expanded=true]{border-color:#ffe5a0;background:#29433b}@container gf-page (min-width:600px){.hl-explanation-content{padding:16px 20px}.hl-explanation strong{font-size:20px}.hl-explanation p{font-size:18px}.hl-draw-actions{grid-template-columns:92px minmax(0,1fr)}.hl-draw-actions>button{min-height:60px}}

.hl-explanation-content{max-height:var(--explanation-headroom,200px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:12px 14px;border-radius:inherit}#explain{font-size:16px}@container gf-page (min-width:600px){.hl-explanation-content{padding:16px 20px}#explain{font-size:20px}}

.hl-explanation-close{position:absolute;z-index:1;top:2px;right:2px;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;border:0;background:transparent;color:#ffe5a0;box-shadow:none;font-size:26px}.hl-explanation:has(.hl-explanation-actions:not([hidden])) .hl-explanation-content{padding-right:48px;max-height:max(40px,calc(var(--explanation-headroom,200px) - 52px))}.hl-explanation-actions{padding:0 12px 8px}.hl-explanation-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;width:100%;margin:0;padding:6px 10px;font-size:14px}.hl-explanation-actions button>span:first-child{font-size:24px}.hl-explanation-actions button:disabled{opacity:.55}