*{margin:0;padding:0;box-sizing:border-box}:root{--gold: #f0c75e;--gold-hi: #fff4d2;--gold-deep: #a8781f;--crimson: #c0233f;--crimson-hi: #ff5a78;--velvet: #4b1866;--velvet-dark: #24092f;--ivory: #f7eedc;--night: #08050c;--frame: #6e2a86;--steel: #bcb0c8;--royal: "Baskerville Old Face", Baskerville, "Libre Baskerville", Garamond, "Times New Roman", serif}html,body{height:100%}body{background:url(../assets/art/bg.webp) center / cover no-repeat var(--night);color:#fff;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px}#app.fitted{position:fixed;top:0;left:0;width:390px;height:var(--fit-h);transform-origin:0 0;padding:8px}#table{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:960px}#logo,.loader-title,.intro-title{font-family:var(--royal);font-weight:700;line-height:.95;text-align:center}#logo .t1,.loader-title .t1,.intro-title .t1{display:block;font-size:.42em;letter-spacing:.6em;margin-right:-.6em;margin-bottom:.12em;color:var(--ivory);text-shadow:0 0 10px rgba(192,35,63,.7)}#logo .t2,.loader-title .t2,.intro-title .t2{display:block;letter-spacing:.14em;margin-right:-.14em;color:#fff;background:linear-gradient(#ffffff,var(--gold-hi) 28%,var(--gold) 60%,#8a5d14);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(192,35,63,.55)) drop-shadow(0 3px 0 #2a0820)}#logo{font-size:clamp(26px,4.2vh,44px)}#logo .t2{font-size:1.15em}#machine{width:100%;padding:10px;background:linear-gradient(#2c0f38,#12061a);border:3px solid var(--gold);outline:2px solid #07030a;border-radius:16px;box-shadow:0 0 0 1px #fff4d240,0 0 32px #6a2c9173,inset 0 0 22px #000000b3;transition:box-shadow .6s}body.in-court #machine{box-shadow:0 0 0 1px #fff4d266,0 0 40px #f0c75e73,0 0 80px #c0233f59,inset 0 0 22px #000000b3}#stage{border-radius:8px;overflow:hidden;background:radial-gradient(ellipse 90% 70% at 50% 15%,rgba(106,44,145,.24),transparent 70%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(240,199,94,.08),transparent 70%),linear-gradient(#1b0a24,#0a040e);transition:background .6s}body.in-court #stage{background:radial-gradient(ellipse 90% 70% at 50% 10%,rgba(192,35,63,.26),transparent 70%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(240,199,94,.14),transparent 70%),linear-gradient(#260a26,#0d040f)}#stage canvas{display:block;width:100%;height:auto}#ui{width:100%}#hud-bar{position:relative;display:grid;grid-template-columns:auto auto 1fr auto auto 1fr;align-items:center;gap:14px;padding:10px 14px 20px;background:linear-gradient(var(--velvet-dark),#0d0512);border:2px solid var(--gold);border-radius:14px}.meter{display:grid;justify-items:center;gap:2px;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.meter-label{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--steel)}#m-win{color:var(--gold-hi)}.bet-stepper{display:flex;align-items:center;gap:8px}.bet-stepper button{width:34px;height:34px;border-radius:50%;border:2px solid var(--gold);background:linear-gradient(#3a1448,#160820);color:var(--gold);font-size:20px;font-weight:900;cursor:pointer;line-height:1}.bet-stepper button:disabled{opacity:.35;cursor:default}#spin-btn{width:72px;height:72px;border-radius:50%;border:3px solid var(--gold-hi);background:radial-gradient(circle at 35% 30%,#fff8e2,#f0c75e 40%,#9c6c18);color:#3a0a22;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 18px #f0c75e99,0 0 34px #c0233f4d,inset 0 2px 6px #fff9;transition:transform .08s}#spin-btn:active{transform:scale(.94)}#spin-btn svg{width:34px;height:34px}#info-btn{width:34px;height:34px;border-radius:50%;border:2px solid var(--frame);background:transparent;color:var(--steel);font:italic 700 18px var(--royal);cursor:pointer}#sound-btn{width:34px;height:34px;border-radius:50%;border:2px solid var(--frame);background:transparent;color:var(--steel);cursor:pointer;display:grid;place-items:center}#sound-btn svg{width:19px;height:19px}#hud-message{position:absolute;left:0;right:0;bottom:3px;text-align:center;font-size:11px;letter-spacing:.1em;color:var(--gold-hi);pointer-events:none}#fs-panel{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:4px 16px;background:linear-gradient(#3a1448,#160820);border:2px solid var(--gold);border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--gold-hi);box-shadow:0 0 14px #f0c75e80;white-space:nowrap;z-index:5}#fs-panel[hidden]{display:none}#fs-panel .fs-sym img{width:26px;height:26px;display:block}#fs-panel .fs-left{color:#fff;font-size:15px;font-variant-numeric:tabular-nums}#fs-panel .fs-badge{padding:2px 8px;border-radius:999px;background:#9c1a34;color:#fff;font-size:11px;letter-spacing:.12em;box-shadow:0 0 10px #c0233f99}#fs-skip{border:1px solid var(--gold);border-radius:999px;background:#0000004d;color:var(--gold-hi);font:800 10px/1 Segoe UI,system-ui,sans-serif;letter-spacing:.14em;padding:5px 9px;cursor:pointer}#fs-skip[hidden],#bigwin[hidden],#gameinfo[hidden],#bonus-overlay[hidden]{display:none}#bigwin{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;background:radial-gradient(ellipse at center,#561668e0,#08050c99);z-index:40;opacity:0;transition:opacity .3s;pointer-events:none}#bigwin.show{opacity:1}.bigwin-title{font-family:var(--royal);font-size:clamp(48px,10vw,96px);font-weight:700;letter-spacing:.06em;color:var(--gold-hi);text-shadow:0 0 28px rgba(240,199,94,.9),0 0 60px rgba(192,35,63,.55),0 4px 0 #3a0a22;transform:scale(.9);transition:transform .3s}#bigwin.show .bigwin-title{transform:scale(1)}.bigwin-amount{font-size:clamp(28px,5vw,48px);font-weight:800;font-variant-numeric:tabular-nums;color:#fff}#bonus-overlay{position:fixed;inset:0;z-index:42;display:grid;place-items:center;background:radial-gradient(ellipse at center,#48125cf0,#08050cdb);opacity:0;transition:opacity .3s;cursor:pointer}#bonus-overlay.show{opacity:1}.bo-inner{display:grid;justify-items:center;gap:12px;text-align:center;padding:24px;max-width:760px}.bo-kicker{font-family:var(--royal);font-style:italic;font-size:16px;letter-spacing:.3em;color:var(--gold);font-weight:700}.bo-title{font-family:var(--royal);font-size:clamp(40px,8vw,76px);font-weight:700;letter-spacing:.04em;color:var(--gold-hi);text-shadow:0 0 28px rgba(192,35,63,.9),0 4px 0 #3a0a22}.bo-draw{display:flex;align-items:center;justify-content:center;gap:.24em}.bo-plus{margin-right:-.18em}.drum{display:inline-block;height:1em;width:1.25em;line-height:1;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;font-weight:900;font-variant-numeric:tabular-nums;text-align:center;color:#fff;-webkit-mask-image:linear-gradient(transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(transparent,#000 24%,#000 76%,transparent)}.drum-strip{display:block;will-change:transform}.drum-strip span{display:block;height:1em;line-height:1em}.bo-title.drawn .drum{-webkit-mask-image:none;mask-image:none;color:var(--gold-hi);animation:drawn .55s ease-out}@keyframes drawn{0%{transform:scale(1);text-shadow:0 0 0 rgba(240,199,94,0)}35%{transform:scale(1.28);text-shadow:0 0 34px rgba(240,199,94,1)}to{transform:scale(1);text-shadow:0 0 18px rgba(240,199,94,.7)}}.bo-amount{font-family:Segoe UI,system-ui,sans-serif;font-weight:900;color:var(--ivory);font-variant-numeric:tabular-nums}.bo-sub{font-size:14px;letter-spacing:.18em;line-height:1.5;color:var(--ivory);font-weight:700}.bo-art{display:flex;gap:clamp(14px,4vw,34px);align-items:center}.bo-art .bo-sym img{width:clamp(96px,17vw,150px);height:auto;display:block;filter:drop-shadow(0 0 22px rgba(192,35,63,.7));animation:bo-pop .45s ease-out}.bo-art .bo-crowned img{filter:drop-shadow(0 0 26px rgba(240,199,94,.9));animation:bo-pop .45s ease-out .25s both,crowned 1.6s ease-in-out .7s infinite}@keyframes bo-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes crowned{50%{filter:drop-shadow(0 0 40px rgba(255,244,210,1))}}.bo-hint{font-size:12px;letter-spacing:.14em;line-height:1.5;color:var(--gold-hi)}#loader,#intro{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:linear-gradient(#08050c99,#08050c99),url(../assets/art/bg.webp) center / cover no-repeat var(--night);transition:opacity .5s}#loader.done,#intro.done{opacity:0;pointer-events:none}.loader-inner{display:grid;justify-items:center;gap:22px}.loader-presents{font-size:13px;letter-spacing:.4em;color:var(--steel)}.loader-title,.intro-title{font-size:clamp(40px,9vw,84px)}.loader-title .t2,.intro-title .t2{font-size:1.1em}.loader-bar{width:min(320px,70vw);height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.loader-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--velvet),var(--crimson),var(--gold));transition:width .25s}#intro{z-index:50;cursor:pointer;overflow-y:auto}.intro-inner{display:grid;justify-items:center;gap:18px;padding:28px 16px;max-width:900px}.intro-badges{display:flex;gap:22px;align-items:center;font-size:13px;letter-spacing:.12em;color:var(--gold-hi);font-weight:700}.intro-maxwin b{color:var(--gold);font-size:15px}.vol-pips i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--crimson-hi);margin-left:4px;box-shadow:0 0 6px #ff5a78cc}.vol-pips i.off{background:#331a3a;box-shadow:none}.intro-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.intro-card{display:grid;justify-items:center;align-content:start;gap:8px;padding:18px 14px;background:#24092fa8;border:1px solid var(--frame);border-radius:14px;text-align:center}.intro-art{display:flex;gap:6px}.intro-art img{width:84px;height:84px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.intro-art.intro-pair img{width:72px;height:72px}.intro-card h3{font-family:var(--royal);font-size:16px;letter-spacing:.08em;color:var(--gold)}.intro-card p{font-size:12.5px;line-height:1.5;color:#efe4f2}.intro-continue{font-size:12px;letter-spacing:.3em;color:var(--steel);animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}#gameinfo{position:fixed;inset:0;z-index:45;background:#08050ce0;display:grid;place-items:start center;overflow-y:auto;padding:24px 12px}.gi-inner{position:relative;width:min(760px,96vw);background:linear-gradient(#2a0d35,#110616);border:2px solid var(--frame);border-radius:16px;padding:26px 26px 20px;display:grid;gap:14px}#gi-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:50%;border:2px solid var(--frame);background:transparent;color:var(--gold);font-size:22px;cursor:pointer;line-height:1}.gi-inner h2{font-family:var(--royal);font-size:20px;letter-spacing:.08em;color:var(--gold);text-align:center}.gi-inner h3{font-size:13px;letter-spacing:.14em;color:var(--gold-hi);border-bottom:1px solid var(--frame);padding-bottom:5px;margin-top:6px}.gi-paytable{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.gi-sym{display:flex;align-items:center;gap:10px;background:#0000004d;border:1px solid #44184f;border-radius:10px;padding:8px}.gi-art img{width:56px;height:56px}.gi-heirs{display:flex;gap:2px}.gi-pays{display:grid;gap:1px;font-size:12.5px;font-variant-numeric:tabular-nums}.gi-pay{display:flex;gap:8px;justify-content:space-between}.gi-pay b{color:var(--steel);font-weight:700}.gi-pay span{color:var(--ivory);font-weight:700}.gi-top{border-color:var(--gold);box-shadow:0 0 10px #f0c75e66}.gi-star{grid-column:1 / -1;flex-wrap:wrap;border-color:var(--crimson);box-shadow:0 0 10px #c0233f59}.gi-star p{flex:1 1 200px;font-size:11.5px;color:#efe4f2;line-height:1.5}.gi-lines{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.gi-line{display:grid;justify-items:center;gap:4px;font-size:10px;letter-spacing:.12em;color:var(--steel)}.gi-grid{display:grid;grid-template-columns:repeat(5,14px);gap:3px;padding:6px;background:#00000059;border-radius:6px}.gi-grid i{width:14px;height:14px;border-radius:3px;background:#33173d}.gi-grid i.on{background:var(--gold);box-shadow:0 0 5px #f0c75ecc}.gi-rules{list-style:none;display:grid;gap:6px;font-size:12.5px;line-height:1.5;color:#efe4f2}.gi-rules li:before{content:"• ";color:var(--gold)}.gi-keys{text-align:center;font-size:11px;letter-spacing:.14em;color:#a596ac}@media(max-width:900px)and (orientation:portrait){#logo{font-size:30px}#hud-bar{grid-template-columns:auto auto 1fr auto 1fr;grid-template-rows:auto auto;row-gap:8px}#spin-btn{grid-row:1 / 3;grid-column:4;width:84px;height:84px}.intro-cards{grid-template-columns:1fr}}