/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.block{display:block}.hidden{display:none}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Russo;src:url(/fonts/RussoOne.ttf)format("truetype");font-display:swap}:root{--noir:#14020d;--noir2:#20041a;--velvet:#4e0f28;--velvet-2:#2b0817;--royal:#33104f;--gold:#ffd25e;--gold-hi:#fff3c4;--gold-lo:#a86a1c;--gold-deep:#6e400f;--rose:#ff2e73;--rose-soft:#ff8ab5;--cyan:#33e6ff;--cream:#fff4e2;--muted:#c69a8f;--tile:clamp(78px, 20vw, 104px);--sign:"Russo", "Arial Black", Impact, system-ui, sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--led:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{-webkit-tap-highlight-color:transparent}body{min-height:100dvh;color:var(--cream);background:radial-gradient(120% 80% at 50% -10%, #3a0a24 0%, transparent 55%), radial-gradient(90% 60% at 50% 115%, #250433 0%, transparent 55%), repeating-linear-gradient(115deg, #12010b 0 18px, #17021070 18px 36px), var(--noir);overflow-x:hidden}.scene{z-index:0;background:url(/bg/hall-land.jpeg) 50%/cover no-repeat;position:fixed;inset:0}.scene:after{content:"";background:radial-gradient(125% 100% at 50% 42%,#0000 30%,#0902076b 100%),linear-gradient(#09020738,#0902075c);position:absolute;inset:0}.stage{z-index:1;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom));place-items:center;display:grid;position:relative}.cabinet{width:100%;max-width:440px;box-shadow:none;background:0 0;border-radius:30px;padding:22px;position:relative}.bulbs{pointer-events:none;z-index:6;filter:drop-shadow(0 0 5px #ffd678f2);background-image:radial-gradient(circle at 50% 50%, var(--gold-hi) 0 26%, var(--gold) 32%, #ffb43c29 55%, transparent 60%);animation:1.6s ease-in-out infinite twinkle;position:absolute}.bulbs.h{background-position:50%;background-repeat:space no-repeat;background-size:22px 14px;height:14px;left:27px;right:27px}.bulbs.v{background-position:50%;background-repeat:no-repeat space;background-size:14px 22px;width:14px;top:27px;bottom:27px}.bt{top:5px}.bb{bottom:5px}.bl{left:5px}.br{right:5px}.bulb-corner{z-index:7;pointer-events:none;background:radial-gradient(circle at 50% 42%, var(--gold-hi), var(--gold) 55%, #8a5410 100%);border-radius:50%;width:14px;height:14px;animation:1.6s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 7px 1px #ffd678d9}.bulb-corner.tl{top:5px;left:5px}.bulb-corner.tr{top:5px;right:5px}.bulb-corner.bl{bottom:5px;left:5px}.bulb-corner.br{bottom:5px;right:5px}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.7}}@keyframes hue{to{filter:hue-rotate(360deg)}}.cabinet.party .bulbs,.cabinet.party .bulb-corner{animation-duration:.4s}.cabinet.party .bulbs{animation-name:twinkle,hue}.inner{z-index:4;flex-direction:column;gap:14px;display:flex;position:relative}.marquee{text-align:center;background:linear-gradient(#1a050ed1,#0d0208a8);border-radius:22px;padding:9px clamp(16px,4vw,28px) 13px;box-shadow:inset 0 0 0 1px #d9b26a3d,0 12px 34px #0006}.kicker{font-family:var(--led);letter-spacing:.42em;color:var(--gold-hi);text-shadow:0 0 8px #ffbe46b3;padding-left:.42em;font-size:11px}.marquee h1{font-family:var(--sign);letter-spacing:0;text-transform:uppercase;background-image:linear-gradient(105deg, transparent 42%, #ffffffeb 50%, transparent 58%), linear-gradient(180deg, #fff6d0 6%, var(--gold) 40%, #c98a2a 55%, var(--gold) 74%, #8a5410 100%);color:#0000;filter:drop-shadow(0 2px #4a2a06)drop-shadow(0 3px 1px #00000080)drop-shadow(0 0 16px #ffbe3c8c);background-position:200% 0,0 0;background-size:250% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;margin:.14em 0 0;font-size:clamp(24px,6.4vw,36px);font-weight:400;line-height:.98}.marquee .sub{font-family:var(--serif);color:var(--rose-soft);text-shadow:0 0 12px #ff2e7366;margin-top:8px;font-size:14px;font-style:italic}.collection{background:linear-gradient(#1b0510b8,#120309c7);border:1px solid #6b2a1a;border-radius:16px;padding:12px;box-shadow:inset 0 2px 10px #0009}.meter{align-items:center;gap:10px;display:flex}.meter .lbl{font-family:var(--sign);letter-spacing:.14em;color:var(--gold);text-shadow:0 1px #3a2206;font-size:12px}.bar{background:#08040a;border:1px solid #000;border-radius:999px;flex:1;height:12px;overflow:hidden;box-shadow:inset 0 2px 4px #000000e6,inset 0 0 0 1px #3a1a10}.bar>i{background:linear-gradient(90deg, #b8842a, var(--gold) 55%, var(--gold-hi));border-radius:999px;width:0%;height:100%;transition:width .5s cubic-bezier(.2,.7,.2,1);display:block;position:relative;box-shadow:0 0 10px #ffc850b3,inset 0 1px #ffffff80}.bar>i:after{content:"";background:linear-gradient(100deg,#0000 38%,#ffffff8c 50%,#0000 62%) -60% 0/220% 100%;position:absolute;inset:0}.led-num{font-family:var(--led);color:#ffc23a;text-align:right;text-shadow:0 0 8px #ffaa28e6;min-width:44px;font-size:14px;font-weight:700}.album{grid-template-columns:repeat(8,1fr);gap:6px;margin-top:12px;display:grid}.slot{text-align:center;min-width:0;transition:transform .35s}.slot .thumb{aspect-ratio:1;filter:grayscale()brightness(.42);border:2px solid #3a1420;border-radius:50%;width:100%;transition:all .4s;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #000c}.slot .thumb .art{place-items:center;font-size:clamp(14px,4vw,20px);display:grid;position:absolute;inset:0}.slot .thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.slot em{color:#7a5a52;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8.5px;font-style:normal;line-height:1.05;display:block;overflow:hidden}.slot.on{animation:.5s pop}.slot.on .thumb{filter:none;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-hi), 0 0 12px #ffc850cc}.slot.on em{color:var(--gold-hi);text-shadow:0 0 6px #ffbe4699}@keyframes pop{0%{transform:scale(.55)}55%{transform:scale(1.18)}to{transform:scale(1)}}.reelbox{background:linear-gradient(#ffe9a8,#c98a2a 45%,#7a4d12);border-radius:18px;padding:8px;position:relative;box-shadow:0 0 0 2px #4a2c08,0 10px 26px #0000008c,inset 0 2px #ffffff80}.reels{border-radius:12px;grid-template-columns:repeat(3,1fr);gap:5px;display:grid;position:relative;overflow:hidden}.reel{height:calc(var(--tile) * 3);background:radial-gradient(120% 90%,#2a0c1c 0%,#0a0206 100%);position:relative;overflow:hidden;box-shadow:inset 0 30px 26px -20px #000,inset 0 -30px 26px -20px #000}.reel.spinning .strip{filter:blur(.9px)}.strip{will-change:transform}.cell{height:var(--tile);position:relative}.cell .art{filter:drop-shadow(0 2px 3px #00000080);place-items:center;font-size:clamp(34px,11vw,60px);display:grid;position:absolute;inset:0}.cell img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cell .photo{background-position:50%;background-size:cover;position:absolute;inset:0}.cell.hit{z-index:8;filter:drop-shadow(0 0 12px var(--gold));animation:.62s hit}.cell.hit:after{content:"";pointer-events:none;border:3px solid var(--gold-hi);border-radius:10px;animation:.6s ease-out shockwave;position:absolute;inset:4px}@keyframes hit{0%,to{transform:scale(1)}18%{transform:scale(1.28)rotate(-5deg)}40%{transform:scale(.9)rotate(4deg)}62%{transform:scale(1.16)rotate(-2deg)}82%{transform:scale(.98)}}@keyframes shockwave{0%{opacity:.9;transform:scale(.75)}to{opacity:0;transform:scale(1.5)}}.glass{pointer-events:none;z-index:4;background:linear-gradient(#000000c7 0%,#00000047 20%,#ffffff0d 33%,#0000 42% 58%,#ffffff08 67%,#0000004d 80%,#000000c7 100%);border-radius:12px;position:absolute;inset:8px;box-shadow:inset 0 0 40px #00000080}.glass:after{content:"";background:linear-gradient(100deg,#0000 38%,#ffffff29 50%,#0000 62%) 200% 0/250% 100%;border-radius:12px;position:absolute;inset:0}.payline{z-index:5;pointer-events:none;background:linear-gradient(90deg, transparent, var(--rose) 18%, var(--rose-soft) 50%, var(--rose) 82%, transparent);height:3px;box-shadow:0 0 12px var(--rose), 0 0 26px #ff2e738c;animation:1.9s ease-in-out infinite paylineBreath;position:absolute;top:50%;left:2px;right:2px;transform:translateY(-50%)}@keyframes paylineBreath{0%,to{opacity:.72}50%{opacity:1}}.payline:before,.payline:after{content:"";border-block:6px solid #0000;position:absolute;top:50%;transform:translateY(-50%)}.payline:before{border-left:9px solid var(--rose);left:-2px}.payline:after{border-right:9px solid var(--rose);right:-2px}.reelbox.win .payline{opacity:1;animation:.5s 3 plflash}@keyframes plflash{50%{box-shadow:0 0 18px var(--cyan), 0 0 40px var(--cyan);filter:hue-rotate(160deg)}}.reelbox.win{animation:.6s boxwin}@keyframes boxwin{50%{box-shadow:0 0 0 2px var(--gold-hi), 0 0 30px var(--gold), 0 10px 26px #0000008c}}.ledbar{justify-content:center;gap:8px;display:flex}.ledbar .led{text-align:center;background:linear-gradient(#180307db,#0c0205e6);border:1px solid #3a1a10;border-radius:10px;flex:1;max-width:120px;padding:7px 4px 5px;box-shadow:inset 0 2px 6px #000c}.ledbar .led b{font-family:var(--led);color:#ffbe33;font-variant-numeric:tabular-nums;text-shadow:0 0 10px #ffb42dcc;font-size:17px;font-weight:700;display:block}.ledbar .led em{font-style:normal;font-family:var(--sign);letter-spacing:.16em;color:#8a6a2a;font-size:8px}.spin{appearance:none;cursor:pointer;aspect-ratio:1;background:radial-gradient(circle at 50% 34%,#ffe79a 0%,#f7b23a 44%,#c0740f 100%);border:none;border-radius:50%;align-self:center;place-items:center;width:clamp(96px,26vw,132px);padding:0;transition:transform 80ms,box-shadow .15s;display:grid;position:relative;box-shadow:0 0 0 4px #7a4d12,0 0 0 6px #ffdc7873,0 12px 26px #0000008c,0 0 30px #f7b23a66,inset 0 4px 8px #ffffffa6,inset 0 -10px 16px #783c0a8c}.spin .spin-ico{color:#5a3208;filter:drop-shadow(0 1px #ffffff8c);width:clamp(40px,10vw,54px);height:clamp(40px,10vw,54px)}.spin:hover:not(:disabled){box-shadow:0 0 0 4px #7a4d12,0 0 0 6px #ffe696bf,0 12px 26px #0000008c,0 0 44px #f7b23aa6,inset 0 4px 8px #ffffffa6,inset 0 -10px 16px #783c0a8c}.spin:active:not(:disabled){transform:scale(.95)}.spin.is-spinning .spin-ico{animation:.8s linear infinite spinRot}@keyframes spinRot{to{transform:rotate(360deg)}}.spin:disabled{cursor:default;filter:grayscale(.4)brightness(.75)}.spin:before{content:"";z-index:-1;pointer-events:none;border-radius:50%;animation:1.5s ease-in-out infinite spinGlow;position:absolute;inset:-3px;box-shadow:0 0 40px 10px #f7b23a99}.spin:after{content:"";pointer-events:none;border:3px solid #ffe08abf;border-radius:50%;animation:1.7s ease-out infinite spinRing;position:absolute;inset:0}.spin:disabled:before,.spin:disabled:after{opacity:0;animation:none}@keyframes spinGlow{0%,to{opacity:.45}50%{opacity:1}}@keyframes spinRing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.34)}}.hint{text-align:center;min-height:20px;font-family:var(--serif);color:var(--gold-hi);font-size:14px;font-style:italic}.hint .big{font-family:var(--sign);letter-spacing:.04em;color:var(--gold);text-shadow:0 0 10px #ffbe4699;font-size:15px;font-style:normal}.topbar{top:calc(env(safe-area-inset-top) + 10px);z-index:30;position:fixed;right:12px}.icobtn{border:1px solid var(--gold-lo);width:40px;height:40px;color:var(--gold-hi);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#280816bf;border-radius:12px;font-size:17px;box-shadow:0 4px 12px #0006}.overlay{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(80% 60% at 50% 0,#ffbe3c2e,#0000 60%),#060105e6;justify-content:center;align-items:center;padding:18px;animation:.4s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.jackcard{text-align:center;background:linear-gradient(180deg, #5a1230, var(--velvet-2));width:100%;max-width:420px;box-shadow:0 0 0 3px var(--gold-deep), 0 0 0 6px #3a0a1e, 0 0 0 8px var(--gold-lo), 0 30px 80px #000000b3;border-radius:24px;padding:24px 20px 22px;position:relative}.jword{font-family:var(--sign);text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(180deg, #fff6d0, var(--gold) 45%, #c98a2a 60%, var(--gold));color:#0000;filter:drop-shadow(0 2px #4a2a06)drop-shadow(0 0 18px #ffbe3cb3);-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(34px,11vw,52px);animation:1.2s ease-in-out infinite jpulse}@keyframes jpulse{50%{filter:drop-shadow(0 2px #4a2a06)drop-shadow(0 0 30px #ffd25af2)}}.hero{aspect-ratio:16/10;width:100%;box-shadow:0 0 0 3px var(--gold), 0 0 22px #ffc85080;border-radius:14px;margin:0 auto 14px;position:relative;overflow:hidden}.hero .art{background:radial-gradient(circle at 50% 40%,#5a1230,#240712);place-items:center;font-size:60px;display:grid;position:absolute;inset:0}.hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.won{font-family:var(--serif);color:var(--cream);margin:0;font-size:19px;font-style:italic}.tier{font-family:var(--sign);text-transform:uppercase;letter-spacing:.03em;color:#241206;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, #c98a2a);box-shadow:0 0 0 2px var(--gold-lo), 0 0 20px #ffc85099, inset 0 1px 0 #fff9;border-radius:999px;align-items:center;gap:9px;margin:14px 0 8px;padding:10px 20px;font-size:17px;display:inline-flex}.tier .em{font-size:22px}.codewrap{background:linear-gradient(#180307,#0c0205);border:1px solid #3a1a10;border-radius:12px;margin:12px auto 2px;padding:10px 18px;display:inline-block;box-shadow:inset 0 2px 8px #000c}.codelbl{font-family:var(--sign);letter-spacing:.24em;color:#8a6a2a;margin-bottom:4px;font-size:9px}.code{font-family:var(--led);letter-spacing:.14em;color:#ffbe33;text-shadow:0 0 12px #ffaa28e6;font-size:27px;font-weight:700}.wstats{color:var(--muted);font-size:12px;font-family:var(--led);margin:14px 0 4px}.again{appearance:none;cursor:pointer;width:100%;font-family:var(--sign);text-transform:uppercase;letter-spacing:.04em;color:#fff2d6;box-shadow:0 0 0 2px var(--gold-lo), 0 6px 0 #6e0722, inset 0 2px 0 #fff6;background:linear-gradient(#ff5c86,#e01048 46%,#9c0a34);border:none;border-radius:14px;margin-top:12px;padding:15px;font-size:17px}.again:active{box-shadow:0 0 0 2px var(--gold-lo), 0 2px 0 #6e0722;transform:translateY(4px)}.ghost{cursor:pointer;width:100%;color:var(--muted);background:0 0;border:1px solid #6b2a1a;border-radius:12px;margin-top:9px;padding:11px;font-size:13px}.gate-form{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#1a050e9e,#0d020870);border-radius:22px;flex-direction:column;gap:8px;padding:16px 14px 4px;display:flex;box-shadow:inset 0 0 0 1px #d9b26a3d,0 12px 34px #0006}.gate-form.is-shake{animation:.42s gateShake}@keyframes gateShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.gate-label{font-family:var(--led);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-hi);text-shadow:0 0 8px #ffbe468c;padding-left:2px;font-size:11px}.gate-field{appearance:none;width:100%;color:var(--cream);font-family:var(--led);letter-spacing:.22em;background:linear-gradient(#200614eb,#0e020af5);border:1px solid #d9b26a73;border-radius:14px;outline:none;padding:14px 16px;font-size:22px;box-shadow:inset 0 2px 10px #00000073,0 0 0 1px #6e400f59}.gate-field::placeholder{color:#7a534c;letter-spacing:.12em}.gate-field:focus{border-color:var(--gold);box-shadow:inset 0 2px 10px #00000073,0 0 0 2px #ffd25e59,0 0 22px #ffbe4640}.gate-field.is-error{border-color:var(--rose);box-shadow:inset 0 2px 10px #00000073,0 0 0 2px #ff2e7359}.gate-hint,.gate-error{min-height:18px;font-family:var(--serif);margin:0;font-size:13px;font-style:italic}.gate-hint{color:var(--muted)}.gate-error{color:var(--rose-soft);text-shadow:0 0 10px #ff2e7359}.confetti{pointer-events:none;z-index:65;position:fixed;inset:0}.foot{text-align:center;color:#6a4a44;font-size:10px;font-family:var(--led);letter-spacing:.08em;margin-top:2px}.reveal{z-index:55;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:revealFade var(--dur,1.2s) ease forwards;background:radial-gradient(70% 55% at 50% 44%,#ffbe3c38,#0000 65%),#060105eb;place-items:center;padding:clamp(24px,5vw,52px);display:grid;position:fixed;inset:0}@keyframes revealFade{0%{opacity:0}to{opacity:1}}.reveal-photo{aspect-ratio:1;width:min(88vw,62vh);box-shadow:0 0 0 4px var(--gold), 0 0 0 8px var(--gold-deep), 0 0 60px #ffc85099, 0 30px 90px #000000b3;animation:revealZoom var(--dur,1.2s) cubic-bezier(.18, .9, .24, 1.06) forwards;border-radius:26px;position:relative;overflow:hidden}.reveal-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@keyframes revealZoom{0%{filter:brightness(2.2);transform:scale(.32)rotate(-6deg)}72%{filter:brightness();transform:scale(1.05)rotate(0)}to{transform:scale(1)}}.reveal-title{font-family:var(--sign);text-transform:uppercase;letter-spacing:.04em;text-align:center;background:linear-gradient(180deg, #fff6d0, var(--gold) 45%, #c98a2a 60%, var(--gold));color:#0000;filter:drop-shadow(0 2px #4a2a06)drop-shadow(0 0 20px #ffbe3cb3);animation:revealText var(--dur,1.2s) ease forwards;-webkit-background-clip:text;background-clip:text;margin-top:22px;font-size:clamp(30px,9vw,56px);line-height:1}.reveal-label{font-family:var(--serif);text-align:center;color:var(--rose-soft);text-shadow:0 0 12px #ff2e7366;animation:revealText var(--dur,1.2s) ease forwards;margin-top:8px;font-size:clamp(16px,4.5vw,22px);font-style:italic}@keyframes revealText{0%{opacity:0;transform:translateY(16px)}45%{opacity:0}to{opacity:1;transform:none}}.reveal-jackpot .reveal-photo{width:min(92vw,70vh);box-shadow:0 0 0 4px var(--gold-hi), 0 0 0 9px var(--gold-lo), 0 0 100px #ffd25ad9, 0 30px 90px #000000b3;animation-name:revealZoomJack}@keyframes revealZoomJack{0%{filter:brightness(2.5);transform:scale(.26)rotate(-8deg)}68%{filter:brightness(1.05);transform:scale(1.06)rotate(0)}to{transform:scale(1)}}.reveal-hint{font-family:var(--sign);text-transform:uppercase;letter-spacing:.16em;color:#fff4e2b8;margin-top:18px;font-size:clamp(11px,3vw,13px);animation:1.5s ease-in-out infinite hintBlink}@keyframes hintBlink{0%,to{opacity:.5}50%{opacity:1}}.sparkles{z-index:1;pointer-events:none;position:fixed;inset:0}.spark{opacity:.2;background:radial-gradient(circle,#fff6d0 0%,#ffd27880 45%,#0000 70%);border-radius:50%;width:6px;height:6px;animation-name:sparkDrift,sparkTwinkle;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:alternate,normal;position:absolute}@keyframes sparkDrift{0%{transform:translateY(6px)scale(.9)}to{transform:translateY(-16px)scale(1.18)}}@keyframes sparkTwinkle{0%,to{opacity:.1}50%{opacity:.85}}.boom{z-index:52;pointer-events:none;background:radial-gradient(60% 52% at 50% 45%,#fff0c8ad,#ffc85a38 46%,#0000 70%);animation:.5s ease-out forwards boomFlash;position:fixed;inset:0}.boom-jackpot{background:radial-gradient(72% 62% at 50% 45%,#fff6d6e6,#ffbe4666 46%,#0000 72%);animation-duration:.7s}@keyframes boomFlash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.reelbox.shake .reels{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-5px,3px)rotate(-.6deg)}30%{transform:translate(6px,-2px)rotate(.5deg)}45%{transform:translate(-5px,-3px)rotate(-.4deg)}60%{transform:translate(4px,3px)rotate(.4deg)}75%{transform:translate(-3px,1px)rotate(-.2deg)}}.bonus{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(80% 60% at 50% 0,#ffbe3c2e,#0000 60%),#060105eb;justify-content:center;align-items:center;padding:18px;animation:.35s fade;display:flex;position:fixed;inset:0}.bonus-card{--wheel:clamp(88px, 22vw, 120px);text-align:center;background:linear-gradient(180deg, #4a1030, var(--velvet-2));width:100%;max-width:440px;box-shadow:0 0 0 3px var(--gold-deep), 0 0 0 6px #3a0a1e, 0 0 0 8px var(--gold-lo), 0 30px 80px #000000b3;border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:22px 20px;display:flex;position:relative}.bonus.phase-intro .bonus-card{--wheel:clamp(190px, 56vw, 280px)}.bonus-kicker{font-family:var(--sign);letter-spacing:.3em;color:var(--gold-hi);text-shadow:0 0 12px #ffbe4699;font-size:13px;animation:1.4s ease-in-out infinite jpulse}.bonus-lead{font-family:var(--serif);color:var(--rose-soft);margin-top:4px;font-size:16px;font-style:italic}.wheelwrap{width:var(--wheel);height:var(--wheel);margin:4px auto;transition:width .5s,height .5s;position:relative}.roulette{box-shadow:0 0 0 4px var(--gold-deep), 0 0 0 7px var(--gold-lo), inset 0 0 26px #000000a6, 0 0 30px #ffc85066;transition:transform var(--wheelMs,2.3s) cubic-bezier(.12, .78, .2, 1);background:repeating-conic-gradient(#c1122f 0deg 30deg,#12010b 30deg 60deg);border-radius:50%;position:absolute;inset:0}.wheel-hub{z-index:2;background:radial-gradient(circle at 50% 40%, var(--gold-hi), var(--gold) 55%, #8a5410 100%);border-radius:50%;place-items:center;font-size:clamp(18px,6vw,34px);display:grid;position:absolute;inset:33%;box-shadow:0 0 0 2px #4a2c08,inset 0 2px 4px #fff9,0 4px 12px #00000080}.wheel-mark{z-index:3;border-left:11px solid #0000;border-right:11px solid #0000;border-top:18px solid var(--gold-hi);filter:drop-shadow(0 1px 2px #000000b3);width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.bonus-q{font-family:var(--serif);color:var(--cream);margin:6px 2px 2px;font-size:clamp(17px,4.6vw,22px);font-style:italic;line-height:1.28}.bet-row{gap:12px;width:100%;margin-top:4px;display:flex}.bet-btn{appearance:none;cursor:pointer;font-family:var(--sign);text-transform:uppercase;letter-spacing:.03em;border:none;border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:18px 10px;font-size:clamp(15px,4.4vw,18px);transition:transform 80ms,filter .15s;display:flex}.bet-emoji{font-size:clamp(26px,8vw,32px);line-height:1}.bet-btn:active{transform:translateY(3px)scale(.98)}.bet-red{color:#fff2e6;box-shadow:0 0 0 2px var(--gold-lo), 0 6px 0 #6e0a1a, inset 0 2px 0 #ffffff59;background:linear-gradient(#ff4d6d,#c1122f 60%,#8a0d22)}.bet-black{color:var(--gold-hi);box-shadow:0 0 0 2px var(--gold-lo), 0 6px 0 #000, inset 0 2px 0 #ffffff14;background:linear-gradient(#2a0c1c,#0a0206)}.bet-gold{color:#241206;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, #c98a2a);box-shadow:0 0 0 2px var(--gold-lo), 0 6px 0 #7a4d12, inset 0 2px 0 #ffffff80}.bet-white{color:#3a2410;box-shadow:0 0 0 2px var(--gold-lo), 0 6px 0 #a3937a, inset 0 2px 0 #ffffffe6;background:linear-gradient(#fff,#f0e8da 60%,#d6c9b4)}.bonus-suspense{flex-direction:column;align-items:center;gap:12px;padding:16px 0;display:flex}.dots{gap:10px;display:inline-flex}.dots i{background:var(--gold);border-radius:50%;width:14px;height:14px;animation:1s ease-in-out infinite dotPulse;box-shadow:0 0 12px #ffc850b3}.dots i:nth-child(2){animation-delay:.16s}.dots i:nth-child(3){animation-delay:.32s}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}.bonus-chosen{font-family:var(--led);letter-spacing:.08em;color:var(--muted);font-size:13px}.bonus-result{flex-direction:column;align-items:center;gap:10px;width:100%;animation:.4s fade;display:flex}.bonus-photo{aspect-ratio:16/10;width:min(70vw,240px);box-shadow:0 0 0 3px var(--gold), 0 0 20px #ffc85073;border-radius:14px;overflow:hidden}.bonus-photo img{object-fit:cover;width:100%;height:100%;display:block}.bonus-answer{font-family:var(--sign);text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(180deg, #fff6d0, var(--gold) 45%, #c98a2a 60%, var(--gold));color:#0000;filter:drop-shadow(0 2px #4a2a06)drop-shadow(0 0 18px #ffbe3c99);-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,6.4vw,32px);line-height:1.05}.bonus-verdict{font-family:var(--sign);text-transform:uppercase;letter-spacing:.04em;font-size:20px}.is-win .bonus-verdict{color:#7cf0a8;text-shadow:0 0 14px #5af09680}.is-lose .bonus-verdict{color:var(--rose-soft);text-shadow:0 0 14px #ff2e7380}.fant{text-align:center;background:linear-gradient(#180307,#0c0205);border:1px solid #3a1a10;border-radius:16px;width:100%;margin-top:2px;padding:14px 16px;box-shadow:inset 0 2px 10px #000000b3}.is-win .fant{border-color:var(--gold-lo);box-shadow:inset 0 2px 10px #000000b3,0 0 0 1px #ffd25e40}.fant-lbl{font-family:var(--sign);letter-spacing:.24em;color:#8a6a2a;margin-bottom:6px;font-size:10px}.fant-text{font-family:var(--serif);color:var(--cream);font-size:clamp(16px,4.4vw,20px);line-height:1.32}.bonus-go{appearance:none;cursor:pointer;width:100%;font-family:var(--sign);text-transform:uppercase;letter-spacing:.04em;border:none;border-radius:14px;margin-top:4px;padding:15px;font-size:17px;transition:transform 80ms}.is-win .bonus-go{color:#241206;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, #c98a2a);box-shadow:0 0 0 2px var(--gold-lo), 0 6px 0 #7a4d12, inset 0 2px 0 #ffffff80}.is-lose .bonus-go{color:#fff2d6;box-shadow:0 0 0 2px var(--gold-lo), 0 6px 0 #6e0722, inset 0 2px 0 #fff6;background:linear-gradient(#ff5c86,#e01048 46%,#9c0a34)}.bonus-go:active{transform:translateY(4px)}@media (width<=560px){:root{--tile:clamp(74px, 20.5vw, 104px)}.stage{padding:0}.cabinet{max-width:100%;min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 20px calc(22px + env(safe-area-inset-bottom));box-shadow:none;border-radius:0}.inner{min-height:calc(100dvh - 44px - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:space-between;gap:18px}.marquee h1{font-size:clamp(22px,7vw,32px)}.collection{padding:14px}.album{gap:6px}}@media (orientation:landscape) and (height<=620px){:root{--tile:min(22vh, 116px)}.stage{padding:0}.cabinet{max-width:100%;min-height:100dvh;padding:8px max(20px, env(safe-area-inset-right)) 8px max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border-radius:0;align-items:center;display:flex}.cabinet .bulbs,.cabinet .bulb-corner{display:none}.inner{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(168px,1fr) auto minmax(148px,.82fr);align-content:center;align-items:center;gap:8px 3vw;width:100%;min-height:0;display:grid}.marquee{grid-area:1/1}.collection{grid-area:2/1/4;align-self:start;padding:10px}.reelbox{grid-area:1/2/4;align-self:center}.ledbar{flex-wrap:wrap;grid-area:1/3}.spin{grid-area:2/3;justify-self:center}.hint{grid-area:3/3;align-self:start}.foot{display:none}.reels{grid-template-columns:repeat(3, var(--tile));justify-content:center}.marquee h1{font-size:clamp(20px,5.5vh,32px)}.marquee .sub{margin-top:2px;font-size:11px}.kicker{font-size:10px}.album{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}}@media (width>=768px) and (height>=640px){.cabinet{background:linear-gradient(#2e0c1cc2,#14040cdb);border-radius:34px;max-width:min(680px,92vw);padding:clamp(15px,2vh,28px) clamp(18px,2.2vw,30px);box-shadow:inset 0 2px #fff0c829,0 0 0 2px #d9b26a8c,0 0 0 8px #12040be6,0 0 0 10px #96662c8c,0 44px 100px #0000009e}.inner{grid-template:"marquee marquee""collection collection""reelbox reelbox"minmax(0,1fr)"hint hint""ledbar spin"/1fr auto;align-items:center;gap:clamp(8px,1.2vh,18px) 16px;display:grid}.marquee{grid-area:marquee}.collection{grid-area:collection;padding:clamp(11px,1.5vh,16px)}.reelbox{border-radius:22px;grid-area:reelbox;place-self:center;padding:10px}.hint{grid-area:hint;min-height:22px;font-size:16px}.ledbar{z-index:1;grid-area:ledbar;justify-self:stretch;gap:10px}.spin{z-index:1;grid-area:spin;place-self:center}.foot{display:none}.marquee h1{font-size:clamp(34px,5vw,46px)}.marquee .sub{font-size:clamp(14px,1.6vw,17px)}.kicker{font-size:12px}.led-num{font-size:16px}.hint .big{font-size:18px}.reels{grid-template-columns:repeat(3, var(--tile));justify-content:center;gap:6px}.ledbar .led{border-radius:12px;max-width:150px;padding:10px 8px 8px}.ledbar .led b{font-size:24px}.ledbar .led em{font-size:9px}.inner:before{content:"";z-index:0;background:linear-gradient(#1a050deb,#090206f2);border:1px solid #5a2416;border-radius:20px;grid-area:5/1/auto/-1;align-self:stretch;margin:0 -8px;box-shadow:inset 0 2px 12px #000000bf,inset 0 1px #ffdc961f}}@media (width>=768px) and (height>=640px) and (orientation:landscape){:root{--tile:clamp(92px, 12vh, 146px)}.stage{padding:clamp(10px,2vh,32px) 16px}.spin{width:clamp(104px,11vh,134px)}.marquee h1{font-size:clamp(30px,4.4vh,46px)}}@media (width>=768px) and (height>=640px) and (orientation:portrait){:root{--tile:clamp(120px, 15vw, 168px)}.stage{padding:clamp(16px,3vh,40px) 16px}.cabinet{max-width:min(760px,94vw)}.marquee h1{font-size:clamp(38px,5.6vw,54px)}.ledbar .led b{font-size:26px}.spin{width:clamp(140px,17vw,172px)}.hint{font-size:18px}}@media (prefers-reduced-motion:reduce){.spark,.spin:before,.spin:after,.marquee h1,.payline,.glass:after,.ledbar .led b,.bar>i:after,.spin.is-spinning .spin-ico,.cell.hit,.cell.hit:after,.reelbox.win,.reelbox.win .payline,.reel.spinning .strip,.boom,.reelbox.shake .reels,.jword,.gate-form.is-shake,.bonus-kicker,.dots i{animation:none!important}.cell.hit,.reel.spinning .strip{filter:none!important}.spin:after{opacity:0}.reveal,.reveal-photo,.reveal-title,.reveal-label{animation-name:revealFade!important}.bar>i,.roulette,.wheelwrap{transition:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
