.hf-machine,.hf-cabinet{--hf-petal-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Cpath fill='%23000' d='M35 98C8 76 4 42 24 8L30 24L35 12L40 24L46 8C66 42 62 76 35 98Z'/%3E%3C/svg%3E");--hf-violet: #8e42c8;--hf-violet-lit: #d494ff;--hf-violet-mid: #55208a;--hf-violet-deep: #2b0f46;--hf-violet-ink: #180825;--hf-red: #ea412f;--hf-red-deep: #a81c18;--hf-gold: #f6cf5f;--hf-gold-dim: #a2803a;--hf-paper: #f5eddd;--hf-gap: 6px;--hf-edge-w: clamp(9px, 2.2cqw, 22px);--hf-reel-h: clamp(190px, min(55cqw, calc(100dvh - 524px) ), 560px);--hf-cell-h: calc(var(--hf-reel-h) / 3)}.hf-cabinet>*,.hf-machine>*{--hf-card-stretch: 1.2;--hf-cell-w: calc(var(--hf-cell-h) / 1.7 * var(--hf-card-stretch));--hf-window-w: calc(var(--hf-cell-w) * 5 + var(--hf-gap) * 6)}.hf-reels{display:grid;grid-template-columns:repeat(5,var(--hf-cell-w));gap:var(--hf-gap);width:max-content;margin-inline:auto;padding:10px var(--hf-gap);height:var(--hf-reel-h);background:linear-gradient(180deg,#0006,#0000 22%),linear-gradient(0deg,#0006,#0000 22%),linear-gradient(150deg,#3a1560,#270f42 48%,#170826);border-radius:4px;box-shadow:inset 0 0 0 2px #00000080,inset 0 0 26px #0009;overflow:hidden}.hf-reel{width:var(--hf-cell-w);height:100%}.hf-sym{background:none;border-bottom:none;box-shadow:none;padding:1px}.hf-sym-art{width:100%;height:100%;display:block;object-fit:fill;border-radius:2px;box-shadow:0 1px 2px #00000073}.hf-choice{margin-top:14px;display:flex;justify-content:center}.hf-choice[hidden]{display:none}.hf-choice-box{width:min(100%,460px);padding:16px 18px 14px;text-align:center;color:var(--hf-paper);background:linear-gradient(180deg,#d494ff24,#d494ff00 40%),linear-gradient(180deg,#3a1560 0%,var(--hf-violet-ink) 100%);border:1px solid var(--hf-gold-dim);border-radius:5px;box-shadow:inset 0 0 0 1px #0009,0 10px 30px #00000080}.hf-choice-lead{margin:0 0 10px;font-size:13px;letter-spacing:.22em;color:var(--hf-gold);border-bottom:1px solid rgba(246,207,95,.25);padding-bottom:8px}.hf-tally{margin:0;display:flex;align-items:baseline;justify-content:center;gap:10px;font-variant-numeric:tabular-nums}.hf-tally b{font-size:30px;font-weight:700;line-height:1}.hf-tally i{font-style:normal;font-size:12px;margin-left:2px;color:var(--hf-gold-dim)}.hf-tally-mon b{color:var(--hf-paper)}.hf-tally-mul{font-size:17px;font-weight:700;color:var(--hf-gold);padding:0 8px;border-left:1px solid rgba(246,207,95,.22);border-right:1px solid rgba(246,207,95,.22)}.hf-tally-coin b{color:var(--hf-gold);font-size:34px;text-shadow:0 0 14px rgba(246,207,95,.4)}.hf-choice-odds{margin:8px 0 12px;font-size:12px;line-height:1.6;color:#c3aed6;font-variant-numeric:tabular-nums}.hf-choice-left{display:inline-block;margin-left:8px;padding:1px 7px;font-size:11px;color:var(--hf-gold);border:1px solid rgba(246,207,95,.35);border-radius:999px}.hf-choice-left:empty{display:none}.hf-choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hf-btn{font:inherit;font-size:15px;font-weight:700;letter-spacing:.14em;padding:11px 0;border-radius:4px;cursor:pointer;transition:transform .08s ease,filter .12s ease}.hf-btn:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 2px #ffffff40,inset 0 -2px #00000080,0 0 #0000,0 1px 3px #000000b3}.hf-btn:disabled{opacity:.35;cursor:default}.hf-btn:focus-visible{outline:2px solid var(--hf-gold);outline-offset:2px}.hf-btn-shobu{color:var(--hf-paper);border:1px solid var(--hf-violet-mid);background:radial-gradient(130% 80% at 50% -20%,#ffffff47,#fff0 58%),radial-gradient(120% 54% at 50% 118%,#c6a0f638,#c6a0f600 56%),linear-gradient(180deg,#4d2a7e,#351a54 48%,#1e0e30);box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0009,0 4px #170a24,0 5px #00000080,0 8px 11px #0000008c}.hf-btn-shobu:hover:not(:disabled){filter:brightness(1.3)}.hf-btn-koi{color:#fff3e4;border:1px solid #f79180;background:radial-gradient(130% 80% at 50% -20%,#ffffff6b,#fff0 58%),radial-gradient(120% 54% at 50% 118%,#ffbe9652,#ffbe9600 56%),linear-gradient(180deg,#ff7a63 0%,var(--hf-red) 48%,#8e1b16 100%);box-shadow:inset 0 2px #ffffff80,inset 0 -2px #00000073,0 4px #6f120f,0 5px #00000080,0 8px 11px #0000008c,0 0 16px #ea412f73}.hf-btn-koi:hover:not(:disabled){filter:brightness(1.15)}.hf-choice-note{margin:10px 0 0;min-height:1.4em;font-size:12px;letter-spacing:.08em;color:var(--hf-gold)}.hf-choice.is-busy .hf-choice-box{opacity:.75}.hf-choice.is-won .hf-tally-coin b{animation:hf-flash-win .5s ease-out 2}.hf-choice.is-lost .hf-tally-coin b{animation:hf-flash-lose .5s ease-out 1}@keyframes hf-flash-win{0%{color:var(--hf-gold);text-shadow:0 0 14px rgba(246,207,95,.4)}40%{color:#fff6dd;text-shadow:0 0 30px rgba(255,236,190,.95)}to{color:var(--hf-gold);text-shadow:0 0 14px rgba(246,207,95,.4)}}@keyframes hf-flash-lose{0%{color:var(--hf-gold)}45%{color:#7a6f8c}to{color:var(--hf-gold)}}@media (max-width: 420px){.hf-tally b{font-size:26px}.hf-tally-coin b{font-size:29px}.hf-choice-odds{font-size:11px}}.hf-cabinet{position:relative;width:100%;max-width:880px;margin-inline:auto;container-type:inline-size;border-radius:12px 12px 6px 6px;overflow:hidden;color:var(--hf-paper);background:linear-gradient(180deg,#4a1d78 0%,#2f1149 46%,var(--hf-violet-ink) 100%);box-shadow:inset 16px 0 30px -16px #000c,inset -16px 0 30px -16px #000c,inset 0 0 0 1px #f6cf5f47,inset 0 1px #ffffff1f,0 26px 54px #0009}.hf-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;border-radius:inherit}.hf-edge{position:absolute;background:var(--hf-edge, var(--hf-violet-lit));opacity:.55}.hf-edge-top,.hf-edge-bottom{left:0;right:0;height:var(--hf-edge-w)}.hf-edge-left,.hf-edge-right{top:0;bottom:0;width:var(--hf-edge-w)}.hf-edge-top{top:0;-webkit-mask:linear-gradient(180deg,#000 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,0) 100%);mask:linear-gradient(180deg,#000 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,0) 100%)}.hf-edge-bottom{bottom:0;-webkit-mask:linear-gradient(0deg,#000 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,0) 100%);mask:linear-gradient(0deg,#000 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,0) 100%)}.hf-edge-left{left:0;-webkit-mask:linear-gradient(90deg,#000 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,0) 100%);mask:linear-gradient(90deg,#000 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,0) 100%)}.hf-edge-right{right:0;-webkit-mask:linear-gradient(270deg,#000 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,0) 100%);mask:linear-gradient(270deg,#000 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,0) 100%)}.hf-cabinet.is-normal{--hf-edge: rgba(212, 148, 255, .55)}.hf-cabinet.is-zone{--hf-edge: rgba(120, 200, 255, .85)}.hf-cabinet.is-cz{--hf-edge: rgba(246, 207, 95, .9)}.hf-cabinet.is-near{--hf-edge: rgba(255, 150, 70, .9)}.hf-cabinet.is-at{--hf-edge: rgba(234, 65, 47, .95)}.hf-cabinet.is-at .hf-edge,.hf-cabinet.is-near .hf-edge,.hf-cabinet.is-zone .hf-edge{opacity:.95;animation:hf-edge-pulse 1.6s ease-in-out infinite}@keyframes hf-edge-pulse{0%,to{opacity:.45}50%{opacity:1}}.hf-cabinet.is-pull .hf-edge{animation:hf-edge-sweep .7s ease-out}.hf-cabinet.is-pull .hf-edge-top{--hf-edge: #ff8adf}.hf-cabinet.is-pull .hf-edge-bottom{--hf-edge: #7a35bd}.hf-cabinet.is-pull .hf-edge-left,.hf-cabinet.is-pull .hf-edge-right{--hf-edge: #c94ecd;background:linear-gradient(180deg,#ff8adf,#e153c4,#a24fd8 52%,#6b2fa8 92%);background-size:100% 160%;background-position:0% -40%}@keyframes hf-edge-sweep{0%{opacity:.45;background-position:0% -40%}16%{opacity:1;background-position:0% 0%}to{opacity:.55;background-position:0% 55%}}.hf-head{position:relative;display:grid;place-items:center;padding:clamp(16px,2.6cqw,26px) 12px clamp(14px,2.2cqw,22px);overflow:hidden;background:radial-gradient(90% 130% at 50% 0%,#ffdcbe47,#ffdcbe00 58%),linear-gradient(180deg,#f05340 0%,var(--hf-red) 42%,#b2231c 78%,#7d1512 100%);box-shadow:inset 0 2px #ffd2c873}.hf-boughs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hf-flower{position:absolute;left:var(--x);top:50%;height:calc(clamp(52px,8.6cqw,96px) * var(--s, 1));width:auto;transform:translate(-50%,-50%) rotate(var(--r, 0deg));border-radius:3px;box-shadow:0 3px 8px #3c060499;animation:hf-blink 2.6s ease-in-out infinite;animation-delay:var(--t, 0ms)}@keyframes hf-blink{0%,to{filter:brightness(.88) saturate(1)}50%{filter:brightness(1.2) saturate(1.25) drop-shadow(0 0 14px rgba(255,220,200,.8))}}.hf-cabinet.is-at .hf-flower{animation-duration:1.1s}@keyframes hf-bloom{0%{transform:translate(-50%,-50%) rotate(var(--r, 0deg)) scale(.25)}55%{transform:translate(-50%,-50%) rotate(calc(var(--r, 0deg) + 10deg)) scale(1.35)}75%{transform:translate(-50%,-50%) rotate(var(--r, 0deg)) scale(.94)}to{transform:translate(-50%,-50%) rotate(var(--r, 0deg)) scale(1)}}.hf-cabinet.is-burst .hf-flower{animation:hf-bloom .9s cubic-bezier(.2,1.5,.4,1) var(--t, 0ms) both,hf-blink .7s ease-in-out .9s infinite}.hf-plate{position:relative;margin:0;text-align:center;line-height:1;z-index:1}.hf-plate b{display:block;font-size:clamp(26px,9cqw,64px);font-weight:700;letter-spacing:.2em;text-indent:.2em;background:linear-gradient(180deg,#fff8de 0%,#f8dc9c 26%,var(--hf-gold) 52%,#8f6c22 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(70,8,6,.9)) drop-shadow(0 0 18px rgba(255,220,140,.55))}.hf-cabinet.is-pull .hf-plate b{animation:hf-plate-blink .7s ease-out}@keyframes hf-plate-blink{0%,to{filter:drop-shadow(0 2px 0 rgba(70,8,6,.9)) drop-shadow(0 0 18px rgba(255,220,140,.55))}12%,44%,76%{filter:drop-shadow(0 2px 0 rgba(70,8,6,.9)) drop-shadow(0 0 26px rgba(255,244,200,1)) drop-shadow(0 0 46px rgba(255,210,110,.85))}28%,60%{filter:drop-shadow(0 2px 0 rgba(70,8,6,.9)) drop-shadow(0 0 8px rgba(255,220,140,.25))}}.hf-cabinet.is-at .hf-plate{animation:hf-plate-hue 2.8s steps(7,jump-none) infinite}.hf-cabinet.is-at .hf-plate b{animation:hf-plate-flash .5s steps(2,jump-none) infinite}@keyframes hf-plate-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(270deg)}}@keyframes hf-plate-flash{0%{filter:drop-shadow(0 2px 0 rgba(70,8,6,.9)) drop-shadow(0 0 26px rgba(255,244,200,1)) drop-shadow(0 0 48px rgba(255,210,110,.9))}to{filter:drop-shadow(0 2px 0 rgba(70,8,6,.9)) drop-shadow(0 0 6px rgba(255,220,140,.22)) brightness(.6)}}.hf-plate i{display:block;margin-top:7px;font-style:normal;font-size:clamp(9px,2cqw,13px);letter-spacing:.52em;text-indent:.52em;color:#ffe9c2;text-shadow:0 1px 0 rgba(70,8,6,.85)}.hf-seal{position:absolute;right:clamp(14px,3cqw,40px);top:50%;width:clamp(38px,5.4cqw,58px);aspect-ratio:1;transform:translateY(-50%) scale(.2);opacity:0;border-radius:50%;display:grid;place-items:center;z-index:2;background:radial-gradient(circle at 50% 42%,#fff0b0 0%,var(--hf-gold) 62%,#c99312 100%);box-shadow:0 0 0 2px #7d1410,0 0 26px #f6cf5fe6}.hf-seal b{font-size:clamp(20px,3cqw,31px);font-weight:700;color:#b4231c;text-shadow:0 1px 0 rgba(255,240,190,.7)}.hf-cabinet.is-burst .hf-seal{animation:hf-seal-pop 1.9s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes hf-seal-pop{0%{transform:translateY(-50%) scale(.2) rotate(-40deg);opacity:0}30%{transform:translateY(-50%) scale(1.25) rotate(8deg);opacity:1}45%{transform:translateY(-50%) scale(1) rotate(0)}85%{transform:translateY(-50%) scale(1) rotate(0);opacity:1}to{transform:translateY(-50%) scale(1.1) rotate(0);opacity:0}}.hf-fall{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:7}.hf-petal{position:absolute;top:-70px;left:var(--x);animation:hf-drop calc(var(--dur) * var(--hf-fall-mul, 1)) linear var(--delay) infinite;opacity:var(--hf-fall-op, .5)}.hf-cabinet:not(.is-at):not(.is-burst) .hf-petal:nth-child(n+8){display:none}.hf-cabinet.is-at{--hf-fall-mul: .62;--hf-fall-op: .85}.hf-cabinet.is-burst{--hf-fall-mul: .34;--hf-fall-op: 1}.hf-petal b{display:block;width:var(--w);aspect-ratio:1 / 1.45;background:linear-gradient(150deg,#fff4f6,#ffc3cd 42%,#f26d84);-webkit-mask:var(--hf-petal-mask) center / contain no-repeat;mask:var(--hf-petal-mask) center / contain no-repeat;animation:hf-sway calc(var(--dur) * var(--hf-fall-mul, 1) / 3.2) ease-in-out infinite alternate}@keyframes hf-drop{to{transform:translateY(1500px)}}@keyframes hf-sway{0%{transform:translate(-16px) rotate(-45deg)}to{transform:translate(16px) rotate(55deg)}}.hf-cabinet.is-burst:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 90% at 50% 22%,#fff0d2e6,#ffc89600 62%);animation:hf-whiteout .75s ease-out forwards}@keyframes hf-whiteout{0%{opacity:0}12%{opacity:1}to{opacity:0}}.hf-screen{position:relative;height:clamp(160px,22cqw,230px);margin:10px 10px 0;padding:8px 10px 6px;overflow:hidden;border-radius:4px;background:#05070a;box-shadow:inset 0 0 0 2px #0b0d10,inset 0 0 0 3px #f6cf5f38,inset 0 6px 18px #000c}.hf-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 60% at 50% 100%,#466eaa47,#466eaa00 70%),linear-gradient(180deg,#0b1626,#132238 46%,#1d2a3c 78%,#24202a)}.hf-moon-arc{position:absolute;left:var(--mx, 50%);bottom:var(--my, 50%);transform:translate(-50%,50%);opacity:var(--mo, 1);transition:left .6s ease,bottom .6s ease,opacity .6s ease}.hf-moon{display:block;width:clamp(30px,4.4cqw,46px);aspect-ratio:1;border-radius:50%;background:radial-gradient(60% 60% at 40% 36%,#fffbef,#f7e6b4 58%,#dcbd72);box-shadow:0 0 calc(10px + var(--glow, 0) * 40px) rgba(255,240,190,calc(.25 + var(--glow, 0) * .7));transition:box-shadow .6s ease}.hf-moon-arc.is-hot .hf-moon{animation:hf-moon-hot 1.8s ease-in-out infinite}@keyframes hf-moon-hot{0%,to{filter:brightness(1)}50%{filter:brightness(1.35) saturate(1.2)}}.hf-cloud{position:absolute;height:12px;border-radius:7px;background:linear-gradient(180deg,#f6cf5f47,#f6cf5f0d);filter:blur(2.5px)}.hf-mist{position:absolute;top:15%;left:-6%;width:54%;height:24%;pointer-events:none}.hf-mist b{position:absolute;height:14%;border-radius:999px;background:linear-gradient(90deg,#cedef500,#cedef533 20%,#cedef547 56%,#cedef500);filter:blur(3px)}.hf-mist b:nth-child(1){top:4%;left:0;width:76%}.hf-mist b:nth-child(2){top:36%;left:16%;width:60%;opacity:.7}.hf-mist b:nth-child(3){top:68%;left:2%;width:88%;opacity:.5}.hf-cloud-1{bottom:26%;left:-8%;width:42%}.hf-cloud-2{bottom:15%;left:26%;width:26%;opacity:.5}.hf-hill{position:absolute;left:-12%;right:-12%;bottom:0;height:26%;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,#1b2330,#141a24)}.hf-hill:before{content:"";position:absolute;left:34%;right:-22%;bottom:0;height:150%;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,#232d3d,#171e2a);opacity:.85}.hf-months{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:0;padding:0;list-style:none}.hf-months li{height:15px;display:grid;place-items:center;font-size:9px;font-variant-numeric:tabular-nums;color:#f6cf5f52;background:#ffffff0f;border-radius:2px;transition:color .25s ease,background .25s ease}.hf-months li.is-done{color:#2a1f10;background:linear-gradient(180deg,#fbe6a8,var(--hf-gold))}.hf-months li.is-now{color:#fff2d4;background:linear-gradient(180deg,#f2604c,#9d201a);box-shadow:0 0 10px #ea412fcc}.hf-screen-mon{position:absolute;left:10px;right:10px;bottom:28px;margin:0;text-align:center;line-height:1;pointer-events:none}.hf-screen-mon[hidden]{display:none}.hf-screen-mon b{font-size:clamp(26px,6cqw,46px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--hf-gold);text-shadow:0 0 24px rgba(246,207,95,.55),0 2px 0 rgba(0,0,0,.65)}.hf-screen-mon small{font-size:15px;color:var(--hf-gold-dim);margin-left:2px}.hf-screen-mon i{display:block;margin-top:5px;font-style:normal;font-size:13px;letter-spacing:.14em;color:#ded0ee}.hf-screen-foot{position:absolute;left:10px;right:10px;bottom:6px;margin:0;padding:3px 6px;text-align:center;font-size:11.5px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#c9b8e0;background:#05070a8c;border-radius:2px;min-height:1.5em}.hf-cabinet.is-at .hf-screen-foot{color:var(--hf-gold)}.hf-cabinet.is-near .hf-screen-foot{color:#ffb072}.hf-cabinet.is-zone .hf-screen-foot{color:#8fd4ff}.hf-screen .hf-choice{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;align-items:center;background:#05070ad6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.hf-screen .hf-choice-box{width:min(100%,400px);padding:10px 14px 12px}.hf-screen .hf-choice-lead{margin-bottom:6px;padding-bottom:5px;font-size:11px}.hf-screen .hf-tally b{font-size:24px}.hf-screen .hf-tally-coin b{font-size:27px}.hf-screen .hf-choice-odds{margin:5px 0 8px}.hf-screen .hf-btn{padding:8px 0;font-size:14px}.hf-screen .hf-choice-note{margin-top:6px}.hf-board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"yaku window lamps" "yaku window meters";row-gap:8px;align-items:stretch;margin:10px 10px 0;padding:8px;border-radius:4px;background:linear-gradient(180deg,#5a2490,#3a1560 46%,#240d3c);box-shadow:inset 0 0 0 1px #f6cf5f57,inset 0 2px #ffffff1f,0 6px 14px #00000080}.hf-post-l{grid-area:yaku}.hf-window{grid-area:window}.hf-post-r{grid-area:lamps}.hf-meters{grid-area:meters}.hf-post{position:relative;min-width:0;border-radius:3px;background:linear-gradient(90deg,#00000059,#0000 40%),linear-gradient(180deg,#3a1560,#1d0a30);box-shadow:inset 0 0 0 1px #f6cf5f29}.hf-yaku{display:flex;flex-direction:column;gap:3px;height:100%;margin:0;padding:5px;list-style:none}.hf-yaku li{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:3px;padding:0 7px;font-size:clamp(10px,1.5cqw,15px);color:#ede2f68c;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(246,207,95,.12);border-radius:2px;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.hf-yaku li b{font-weight:600}.hf-yaku li i{font-style:normal;font-size:clamp(9px,1.2cqw,13px);color:#f6cf5f8c;font-variant-numeric:tabular-nums}.hf-yaku li.is-made{color:#2a1f10;font-weight:700;background:linear-gradient(180deg,#fffbe8 0%,#fbe6a8 34%,var(--hf-gold) 100%);border-color:#fff8dc;box-shadow:0 0 20px #f6cf5fd9,inset 0 1px #fffc}.hf-yaku li.is-made i{color:#2a1f10b3}.hf-post-r{display:flex;flex-direction:column;gap:8px;padding:8px 6px}.hf-lamps{flex:1 1 auto;display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}.hf-lamps li{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 2px;border-radius:3px;background:linear-gradient(180deg,#ffffff0d,#00000059);box-shadow:inset 0 0 0 1px #f6cf5f24;transition:color .25s ease,background .25s ease,box-shadow .25s ease;color:#f6cf5f4d}.hf-lamps b{font-size:clamp(12px,1.9cqw,18px);font-weight:600;line-height:1}.hf-lamps i{font-style:normal;font-size:clamp(10px,1.4cqw,14px);line-height:1;opacity:.85;font-variant-numeric:tabular-nums}.hf-lamps li.is-on{color:#2a1f10;background:linear-gradient(180deg,#fbe6a8,var(--hf-gold));box-shadow:0 0 14px #f6cf5fa6}.hf-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:4px;pointer-events:none;opacity:0;background:linear-gradient(180deg,#ff8adf,#e153c4,#a24fd8 52%,#5a249000 92%);background-size:100% 160%;background-position:0% -40%}.hf-cabinet.is-pull .hf-board:after{animation:hf-bezel .7s ease-out}@keyframes hf-bezel{0%{opacity:0;background-position:0% -40%}16%{opacity:.55;background-position:0% 0%}to{opacity:0;background-position:0% 55%}}.hf-window{position:relative;z-index:2;justify-self:center;border-radius:3px;overflow:hidden;box-shadow:0 0 0 2px #0a0610,0 0 0 3px #f6cf5f80,inset 0 0 24px #0009}.hf-payline{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-.5px);background:linear-gradient(90deg,#ea412f00,#ff6e5acc 12%,#ff6e5acc 88%,#ea412f00);box-shadow:0 0 8px #ea412f99;pointer-events:none;z-index:4}.hf-glass{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:linear-gradient(118deg,#ffffff1a,#ffffff08 18%,#fff0 34%)}.hf-speaker{position:relative;flex:none;width:clamp(30px,4.4cqw,42px);height:clamp(30px,4.4cqw,42px);border-radius:50%;background:radial-gradient(circle,#0000008c 0,#0000008c 1px,#0000 1.4px) 0 0 / 4px 4px,radial-gradient(60% 60% at 38% 32%,#4a2470,#24102f 70%,#150a1e);box-shadow:inset 0 0 0 1px #f6cf5f33,inset 0 2px 5px #000000b3}.hf-meters{display:flex;flex-direction:column;gap:4px;margin:0;padding:6px 5px;border-radius:3px;background:linear-gradient(180deg,#0a0612,#16091f);box-shadow:inset 0 0 0 1px #f6cf5f29,inset 0 2px 6px #000000bf}.hf-meter{display:flex;flex-direction:column;align-items:center;gap:1px}.hf-meter b{font-size:clamp(15px,2.3cqw,21px);line-height:1.1;font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace;color:#ffd76a;text-shadow:0 0 10px rgba(255,190,60,.6)}.hf-meter small{font-size:8px;letter-spacing:.18em;color:#8579a0}.hf-console{position:relative}.hf-console-top{position:relative;display:grid;grid-template-columns:1fr var(--hf-window-w) 1fr;grid-template-areas:"lever stops bets";align-items:center;padding:12px 14px 14px;background:linear-gradient(180deg,#5f6570,#aab1bc 18%,#d9dee6 44%,#c3c9d3 62%,#8b919c 86%,#666c77);box-shadow:inset 0 2px #ffffffb3,inset 0 14px 18px -14px #00000080;z-index:2}.hf-console-front{position:relative;height:20px;background:linear-gradient(180deg,#6b717c,#3f444d 58%,#2a2e35);box-shadow:inset 0 1px #ffffff59,0 8px 14px #0009;z-index:1}.hf-slot-in{position:absolute;right:24px;top:7px;width:30px;height:5px;border-radius:3px;background:#000;box-shadow:inset 0 1px 2px #000000e6,0 1px #fff6}.hf-lever{position:relative;grid-area:lever;justify-self:center;width:74px;aspect-ratio:1;padding:0;border:0;background:none;cursor:pointer}.hf-lever-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 8%,#6b717c 0,#6b717c 2.6%,#0000 3%),radial-gradient(circle at 92% 50%,#6b717c 0,#6b717c 2.6%,#0000 3%),radial-gradient(circle at 50% 92%,#6b717c 0,#6b717c 2.6%,#0000 3%),radial-gradient(circle at 8% 50%,#6b717c 0,#6b717c 2.6%,#0000 3%),radial-gradient(circle at 50% 50%,#0a0b0d 0,#0a0b0d 64%,#0000 65%),conic-gradient(from 200deg,#f2f5f9,#a0a6b0,#5f656f 104deg,#dfe4eb 168deg,#848a94 224deg,#eef1f6 296deg,#f2f5f9 360deg);box-shadow:inset 0 0 0 1px #ffffff80,0 2px 6px #0000008c}.hf-lever-ball{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:50%;background:radial-gradient(56% 56% at 32% 26%,#a7adb7,#43474f 28%,#17191d 68%,#06070a);box-shadow:inset 0 -4px 10px #000c,inset 0 3px 5px #ffffff3d,0 4px 9px #0009;transition:transform .1s ease,box-shadow .14s ease}.hf-lever.is-pulled .hf-lever-ball,.hf-lever:active:not(:disabled) .hf-lever-ball{transform:translateY(40%);box-shadow:inset 0 -3px 8px #000000d9,inset 0 3px 5px #fff3,0 10px 16px #000000a6}.hf-lever:disabled{opacity:.45;cursor:default}.hf-lever:not(:disabled):hover .hf-lever-ball{filter:brightness(1.3)}.hf-cabinet.is-ready .hf-lever:not(:disabled) .hf-lever-ball{box-shadow:inset 0 -4px 10px #000c,inset 0 3px 5px #ffffff3d,0 4px 9px #0009,0 0 0 2px #d494ffe6}.hf-stop-plate{grid-area:stops;justify-self:center;display:grid;grid-template-columns:repeat(5,var(--hf-cell-w));gap:var(--hf-gap);padding:7px var(--hf-gap);border-radius:22px;background:linear-gradient(180deg,#14161a,#26292f);box-shadow:inset 0 3px 7px #000000e6,0 1px #ffffff8c}.hf-stop{position:relative;aspect-ratio:1;width:min(100%,46px);max-height:46px;margin-inline:auto;padding:0;border:0;border-radius:50%;cursor:pointer;background:radial-gradient(58% 58% at 36% 30%,#9a6cc4,#6b3d9e 44%,#401e66);box-shadow:inset 0 -2px 4px #00000073,inset 0 2px 3px #ffffff47,0 2px 4px #000000b3;transition:transform .06s ease,box-shadow .14s ease,background .14s ease}.hf-stop.is-lit{background:radial-gradient(58% 58% at 36% 30%,#ffffff 0%,#eec8ff 22%,var(--hf-violet-lit) 48%,#a457e0 78%,#7a2fb8 100%);box-shadow:inset 0 -2px 4px #0000004d,inset 0 2px 5px #ffffffbf,0 2px 4px #0009,0 0 26px #d494ff}.hf-stop:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 5px #000000b3}.hf-stop:disabled{cursor:default}.hf-stop:focus-visible{outline:2px solid var(--hf-gold);outline-offset:3px}.hf-bets{grid-area:bets;justify-self:center;display:flex;flex-direction:row;gap:6px}.hf-bet{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;min-width:clamp(46px,6.4cqw,62px);height:40px;padding:0 8px;border-radius:6px;cursor:pointer;font:inherit;color:#f4ecff;border:1px solid #5c2c92;background:radial-gradient(130% 80% at 50% -20%,#ffffff73,#fff0 58%),radial-gradient(120% 54% at 50% 118%,#d4b6ff52,#d4b6ff00 56%),linear-gradient(180deg,#b478ec,#8340c4 46%,#4a1878);box-shadow:inset 0 2px #ffffff8c,inset 0 -2px #0000008c,inset 0 0 0 1px #ffffff24,0 4px #34105c,0 5px #0000008c,0 8px 11px #0009;transition:transform .06s ease,filter .12s ease,box-shadow .06s ease}.hf-bet b{font-size:14px;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.5)}.hf-bet small{font-size:8px;letter-spacing:.14em;color:#ded0f2}.hf-bet.is-active{color:#241a0c;border-color:#9a7526;background:radial-gradient(130% 80% at 50% -20%,#ffffffb3,#fff0 58%),radial-gradient(120% 54% at 50% 118%,#fff0be66,#fff0be00 56%),linear-gradient(180deg,#fff8dc,#f2d78e 46%,#c19a3c);box-shadow:inset 0 2px #ffffffd9,inset 0 -2px #785c1e99,inset 0 0 0 1px #fffae273,0 4px #8f6c22,0 5px #00000080,0 8px 13px #0000008c,0 0 16px #f6cf5f8c}.hf-bet.is-active small{color:#241a0ca6}.hf-bet:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0000008c,inset 0 0 0 1px #ffffff1f,0 0 #34105c,0 1px 3px #000000b3}.hf-bet:disabled{opacity:.4;cursor:default}.hf-bet:focus-visible,.hf-lever:focus-visible{outline:2px solid var(--hf-gold);outline-offset:3px}.hf-lever-hint{margin:8px 0 0;text-align:center;font-size:10px;letter-spacing:.16em;color:#8579a0}@container (max-width: 620px){.hf-cabinet>*{--hf-card-stretch: 1}.hf-board{grid-template-areas:"yaku window lamps" "meters meters meters"}.hf-meters{flex-direction:row;justify-content:space-around;padding:5px 8px}}@container (max-width: 780px){.hf-console-top{grid-template-columns:1fr 1fr;grid-template-areas:"stops stops" "lever bets";row-gap:12px}}.hf-apron{position:relative;margin-top:10px;padding:16px 18px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:center;overflow:hidden;background:radial-gradient(80% 150% at 50% 50%,#d494ff29,#d494ff00 72%),linear-gradient(180deg,#33124f,#1a0828);border-top:1px solid rgba(246,207,95,.24);box-shadow:inset 0 8px 14px -8px #000c}.hf-apron-art{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(26px 11px at 22% 42%,#f26d8447,#f26d8400 70%),radial-gradient(22px 9px at 78% 58%,#f26d8438,#f26d8400 70%),radial-gradient(16px 7px at 50% 28%,#f6cf5f2e,#f6cf5f00 70%)}.hf-apron-word{position:relative;flex:1 1 auto;font-size:clamp(17px,4.4cqw,27px);letter-spacing:.42em;text-indent:.42em;color:#f6cf5f66}.hf-tray{position:relative;height:30px;background:linear-gradient(180deg,#120720,#060309)}.hf-tray-out{position:absolute;left:50%;top:5px;width:32%;height:7px;transform:translate(-50%);border-radius:3px;background:#000;box-shadow:inset 0 1px 3px #000000f2,0 1px #ffffff14}.hf-tray-dish{position:absolute;top:14px;right:7%;bottom:0;left:7%;border-radius:9px 9px 0 0;background:linear-gradient(180deg,#22102f,#0d0614);box-shadow:inset 0 2px 7px #000000bf}.hf-tray-lip{position:absolute;inset:12px 7% auto;height:3px;border-radius:2px;background:linear-gradient(180deg,#ffffff29,#fff0)}@media (prefers-reduced-motion: reduce){.hf-edge,.hf-plate,.hf-plate b,.hf-flower,.hf-petal,.hf-petal b{animation:none!important}.hf-cabinet.is-burst .hf-seal{animation:none!important;opacity:1;transform:translateY(-50%) scale(1)}.hf-cabinet.is-burst:after{display:none}.hf-lever-ball,.hf-lever-arm,.hf-stop,.hf-bet,.hf-moon-arc,.hf-moon{transition:none}}