:root{--felt-glow:#269e6880;--felt-mid:#0a4a2f;--felt-deep:#05301f;--felt-edge:#032013;--gold:#d6ae56;--gold-bright:#f7e6ac;--gold-deep:#8d6f2c;--gold-line:#d6ae5661;--bar-hi:#fff;--bar-lo:#dcdee6;--ink:#191b22;--ink-soft:#6a6f7e;--win:#4ade80;--lose:#f0566a;--font-display:"Cinzel", "Hoefler Text", "Times New Roman", serif;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:14px;--bar-height:62px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;font-family:var(--font-ui);color:#eaf3ed;background-color:var(--felt-deep);background-image:radial-gradient(ellipse 85% 55% at 50% 16%, var(--felt-glow), transparent 68%), radial-gradient(ellipse 130% 90% at 50% 108%, #0000009e, transparent 72%), linear-gradient(180deg, #0b5436 0%, var(--felt-mid) 46%, var(--felt-edge) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.085;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}button:disabled{cursor:not-allowed}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.shell{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.table{flex:1;grid-template-columns:286px minmax(0,1fr) 318px;grid-template-areas:"rail board dice";align-items:stretch;gap:18px;width:100%;max-width:1460px;margin:0 auto;padding:18px 22px 20px;display:grid}.area-rail{grid-area:rail}.area-board{grid-area:board}.area-dice{grid-area:dice}@media (max-width:1180px){.table{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"board dice""rail rail"}}@media (max-width:830px){.table{grid-template-columns:minmax(0,1fr);grid-template-areas:"board""dice""rail";gap:14px;padding:14px 13px 22px}}.panel{border-radius:var(--radius);border:1px solid var(--gold-line);background:linear-gradient(#ffffff0e,#fff0 38%),linear-gradient(#042c1ce0,#02180ff0);flex-direction:column;min-height:0;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #00000080,0 22px 48px -20px #000000d9}.panel-head{border-bottom:1px solid #d6ae5629;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px 11px;display:flex}.panel-title{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 1px 2px #0009;margin:0;font-size:13px;font-weight:700}.panel-note{letter-spacing:.11em;text-transform:uppercase;color:#eaf3ed6b;font-size:10.5px;font-weight:700}.topbar{z-index:60;height:var(--bar-height);background:linear-gradient(180deg, var(--bar-hi) 0%, #f1f2f6 52%, var(--bar-lo) 100%);box-shadow:0 1px 0 #ffffffe6 inset, 0 2px 0 var(--gold-deep), 0 10px 30px -8px #0009;color:var(--ink);border-bottom:1px solid #00000029;align-items:center;gap:14px;padding:0 18px;display:flex;position:sticky;top:0}.brand{flex-shrink:1;align-items:center;gap:11px;min-width:0;display:flex}.brand-text{min-width:0;display:block;overflow:hidden}.brand-mark{background:repeating-conic-gradient(#8d1420 0deg 16deg,#c1202f 16deg 34deg);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #fff,0 2px 5px #00000059}.brand-mark:after{content:"";background:#c1202f;border:1px dashed #fff9;border-radius:50%;position:absolute;inset:6px}.brand-name{font-family:var(--font-display);letter-spacing:.15em;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#3a3d48 0%,#14161c 60%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:19px;font-weight:900;display:block;overflow:hidden}.brand-sub{letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--ink-soft);margin-top:1px;font-size:8.5px;font-weight:800;display:block;overflow:hidden}.bar-divider{background:linear-gradient(#0000,#0000002e,#0000);flex:none;width:1px;height:30px}.bank{background:linear-gradient(#23262f,#101218);border-radius:999px;align-items:center;gap:9px;padding:6px 14px 6px 8px;display:flex;box-shadow:0 0 0 1px #d6ae5680,inset 0 1px #ffffff1a,0 3px 10px #0000004d}.bank-coin{color:#6b4d0c;background:radial-gradient(circle at 34% 28%,#fbeebb,#d8ae4e 58%,#9d7724);border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:12px;font-weight:900;display:grid;box-shadow:0 1px 3px #00000073}.bank-body{flex-direction:column;line-height:1.05;display:flex}.bank-label{letter-spacing:.22em;text-transform:uppercase;color:#d6ae56cc;font-size:8px;font-weight:800}.bank-value{color:var(--gold-bright);font-size:16px;font-weight:800;transition:color .25s}.bank.is-up .bank-value{color:var(--win)}.bank.is-pulse{animation:.5s bank-pop}@keyframes bank-pop{0%{transform:scale(1)}35%{box-shadow:0 0 0 1px var(--gold), 0 0 22px #d6ae56bf;transform:scale(1.09)}to{transform:scale(1)}}.bar-spacer{flex:1}.profile{flex:none;position:relative}.profile-button{background:linear-gradient(#fff,#e6e8ee);border-radius:999px;align-items:center;gap:9px;padding:5px 11px 5px 5px;transition:box-shadow .18s,transform .18s;display:flex;box-shadow:0 0 0 1px #00000021,0 1px 2px #00000021}.profile-button:hover{box-shadow:0 0 0 1px #0003,0 2px 8px #0003}.profile-button:active{transform:translateY(1px)}.profile-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(145deg,#1b7a4f,#0a4b2f);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid;box-shadow:0 0 0 1.5px #d6ae56e6}.profile-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:13px;font-weight:700;overflow:hidden}.profile-caret{color:var(--ink-soft);font-size:9px;transition:transform .18s}.profile-button[aria-expanded=true] .profile-caret{transform:rotate(180deg)}.profile-menu{background:linear-gradient(#23262f,#14161c);border:1px solid #d6ae564d;border-radius:12px;width:264px;padding:6px;animation:.16s menu-in;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 20px 44px -12px #000c}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}.profile-menu-head{border-bottom:1px solid #ffffff14;margin-bottom:5px;padding:10px 11px 11px}.profile-menu-name{color:var(--gold-bright);font-size:14px;font-weight:800}.profile-menu-meta{letter-spacing:.05em;color:#eaf3ed6b;margin-top:4px;font-size:10.5px}.menu-item{text-align:left;color:#f0d3d6;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 11px;font-size:13px;font-weight:600;transition:background .14s;display:flex}.menu-item:hover{background:#f0566a29}.menu-item-hint{color:#eaf3ed57;padding:3px 11px 8px;font-size:10.5px;line-height:1.5}@media (max-width:640px){.topbar{gap:9px;padding:0 11px}.brand{gap:8px}.brand-mark{width:26px;height:26px}.brand-name{letter-spacing:.1em;font-size:14px}.brand-sub{display:none!important}.bar-divider{display:none}.bank{gap:7px;padding:5px 11px 5px 6px}.bank-coin{width:22px;height:22px;font-size:11px}.bank-value{font-size:14px}.profile-name{max-width:76px;font-size:12px}.profile-menu{width:min(264px,100vw - 22px)}}@media (max-width:560px){.brand-name{letter-spacing:.06em;font-size:12.5px}.bank{gap:6px;padding:4px 9px 4px 5px}.bank-label{display:none}.bank-coin{width:20px;height:20px;font-size:10px}.bank-value{font-size:13.5px}.profile-button{gap:6px;padding:4px 8px 4px 4px}.profile-avatar{width:23px;height:23px;font-size:10px}.profile-name{max-width:66px;font-size:11.5px}}.board-list{flex-direction:column;flex:1;min-height:0;padding:6px;display:flex;overflow-y:auto}.lb-row{border-radius:9px;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:8px 9px;transition:background .18s;display:grid}.lb-row+.lb-row{margin-top:1px}.lb-row:hover{background:#ffffff09}.lb-row.is-me{background:linear-gradient(90deg,#d6ae5633,#d6ae560d);box-shadow:inset 0 0 0 1px #d6ae5652}.lb-rank{text-align:center;color:#eaf3ed57;font-size:11px;font-weight:800}.lb-row.is-top1 .lb-rank,.lb-row.is-top2 .lb-rank,.lb-row.is-top3 .lb-rank{font-size:13px}.lb-row.is-top1 .lb-rank{color:#ffd75e;text-shadow:0 0 10px #ffd75e8c}.lb-row.is-top2 .lb-rank{color:#d8dde6}.lb-row.is-top3 .lb-rank{color:#d99a62}.lb-name{color:#dbe8e0;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.lb-row.is-me .lb-name{color:var(--gold-bright);font-weight:800}.lb-you{letter-spacing:.1em;vertical-align:middle;color:#0a2c1c;background:var(--gold);border-radius:4px;margin-left:6px;padding:1px 5px;font-size:8.5px;font-weight:900}.lb-balance{color:var(--gold-bright);font-size:12.5px;font-weight:800}.lb-divider{border-top:1px dashed #d6ae5647;margin:7px 9px}.lb-empty{text-align:center;color:#eaf3ed57;padding:26px 14px;font-size:12px}.lb-foot{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:#eaf3ed4d;border-top:1px solid #d6ae5624;flex:none;padding:11px 15px;font-size:10px;font-weight:700}.lb-foot b{color:var(--gold-bright);font-size:12px}.chip{width:var(--chip-size,38px);height:var(--chip-size,38px);background:repeating-conic-gradient(var(--chip-edge) 0deg 15deg, var(--chip-body) 15deg 30deg);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 2px 4px #0006,0 0 0 1px #00000052}.chip:after{content:"";background:var(--chip-body);border:1px dashed var(--chip-dash);border-radius:50%;position:absolute;inset:13%;box-shadow:inset 0 1px 2px #00000038}.chip-value{z-index:1;font-size:calc(var(--chip-size,38px) * .33);letter-spacing:-.02em;color:var(--chip-ink);text-shadow:0 1px 1px #00000038;font-weight:900;position:relative}.chip-1{--chip-body:#f3f4f7;--chip-edge:#9aa2b4;--chip-dash:#7882968c;--chip-ink:#262a33}.chip-5{--chip-body:#c62030;--chip-edge:#f6f1ea;--chip-dash:#ffffff8c;--chip-ink:#fff5f5}.chip-10{--chip-body:#1f5fc6;--chip-edge:#eef3fb;--chip-dash:#ffffff80;--chip-ink:#f2f7ff}.chip-50{--chip-body:#de7418;--chip-edge:#fff2e2;--chip-dash:#ffffff80;--chip-ink:#fff6ec}.chip-100{--chip-body:#1c1f27;--chip-edge:#d6ae56;--chip-dash:#d6ae56a6;--chip-ink:#f5e6bf}.chip-100 .chip-value{font-size:calc(var(--chip-size,38px) * .26)}.rack{border-top:1px solid #d6ae5629;flex-wrap:wrap;align-items:center;gap:14px;padding:13px 16px;display:flex}.rack-label{letter-spacing:.18em;text-transform:uppercase;color:#eaf3ed61;font-size:9.5px;font-weight:800}.rack-chips{align-items:center;gap:11px;display:flex}.rack-chip{border-radius:50%;padding:0;transition:transform .18s cubic-bezier(.3,1.4,.5,1);position:relative}.rack-chip .chip{--chip-size:46px}.rack-chip:hover:not(:disabled){transform:translateY(-5px)}.rack-chip:disabled{opacity:.32;filter:grayscale(.55)}.rack-chip.is-active{transform:translateY(-7px)}.rack-chip.is-active .chip{box-shadow:0 0 0 2px var(--gold), 0 0 18px #d6ae5699, 0 6px 12px #00000073}.rack-chip.is-active:after{content:"";background:var(--gold);width:5px;height:5px;box-shadow:0 0 8px var(--gold);border-radius:50%;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.rack-chip.is-active:disabled .chip{box-shadow:0 0 0 2px #f0566ad9,0 0 16px #f0566a73,0 6px 12px #00000073}.rack-chip.is-active:disabled:after{background:var(--lose);box-shadow:0 0 8px var(--lose)}.rack-warning{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#ffd9de;background:#f0566a1f;border-radius:7px;padding:7px 12px;font-size:10.5px;font-weight:800;animation:.45s rack-shake;box-shadow:inset 0 0 0 1px #f0566a52}@keyframes rack-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}32%{transform:translate(5px)}50%{transform:translate(-4px)}68%{transform:translate(3px)}85%{transform:translate(-2px)}}.rack-spacer{flex:1}@media (max-width:640px){.rack{gap:10px;padding:11px 12px}.rack-chips{gap:9px}.rack-chip .chip{--chip-size:42px}.ghost-button{letter-spacing:.06em;padding:7px 10px;font-size:10px}}.ghost-button{letter-spacing:.1em;text-transform:uppercase;color:#eaf3ed9e;background:#ffffff0b;border-radius:8px;padding:8px 14px;font-size:11px;font-weight:800;transition:all .16s;box-shadow:inset 0 0 0 1px #ffffff1a}.ghost-button:hover:not(:disabled){color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #d6ae5680}.ghost-button:disabled{opacity:.3}.grid-6{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;min-height:0;padding:16px;display:grid;position:relative}.grid-6.is-rolling:before{content:"";z-index:7;pointer-events:none;background:#010e086b;border-radius:10px;animation:.3s fade;position:absolute;inset:10px}@media (max-width:500px){.grid-6{gap:8px;padding:10px}}.spot{background:radial-gradient(80% 60% at 50% 0,#ffffff12,#0000 70%),linear-gradient(#0a4a2fbf,#032013d9);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:186px;padding:15px 10px 13px;transition:transform .16s,box-shadow .22s,filter .22s;display:flex;position:relative;box-shadow:0 0 0 1px #d6ae564d,0 0 0 4px #00000040,0 10px 22px -12px #000000e6,inset 0 1px #ffffff12}.spot:not(.is-locked){cursor:pointer}.spot:not(.is-locked):hover{box-shadow:0 0 0 1px var(--gold), 0 0 0 4px #d6ae561a, 0 16px 30px -14px #000000f2, inset 0 1px 0 #ffffff1a;transform:translateY(-3px)}.spot:not(.is-locked):active{transform:translateY(-1px)scale(.99)}.spot.has-bet{box-shadow:0 0 0 1px #d6ae56bf,0 0 0 4px #d6ae5614,0 12px 26px -14px #000000e6,inset 0 1px #ffffff17}.spot.is-locked{filter:saturate(.85)}.pips{gap:var(--pip-gap,3px);width:var(--pip-box,46px);height:var(--pip-box,46px);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}.pip-cell{place-items:center;display:grid}.pip-dot{background:var(--pip-color,var(--gold));width:100%;height:100%;box-shadow:var(--pip-shadow,0 0 8px #d6ae5659);border-radius:50%}.spot-face{background:linear-gradient(158deg,#ffffff21,#0000004d);border-radius:11px;flex:none;place-items:center;width:56px;height:56px;transition:box-shadow .3s,transform .3s,background .3s;display:grid;box-shadow:inset 0 0 0 1px #d6ae5673,inset 0 1px #ffffff1f,0 4px 10px #0006}.spot-pips{--pip-box:36px;--pip-gap:4px;--pip-color:#e6c57cf2;--pip-shadow:0 1px 2px #0000008c;transition:filter .3s}.spot.is-hit .spot-face{background:linear-gradient(158deg,#ffe9a847,#8c641433);transform:scale(1.07);box-shadow:inset 0 0 0 1px #ffe9a8d9,0 0 26px #ffd56e99,0 4px 10px #0006}.spot.is-hit .spot-pips{--pip-color:#fff4d2;--pip-shadow:0 0 10px #ffd76ef2}.spot-label{font-family:var(--font-display);letter-spacing:.1em;color:#d6ae5699;font-size:14px;font-weight:700;line-height:1;transition:color .3s}.spot.is-hit .spot-label{color:var(--gold-bright)}.spot.is-rolled{box-shadow:0 0 0 1px #d6ae5699,0 0 0 4px #00000040,0 10px 22px -12px #000000e6,inset 0 1px #ffffff12}.spot.is-rolled .spot-pips{--pip-color:#ffe9a8cc}.stack{flex:none;justify-content:center;align-items:flex-end;width:100%;height:66px;display:flex;position:relative}.stack:before{content:"";border:1.5px dashed #d6ae5647;border-radius:50%;width:34px;height:34px;margin-left:-17px;transition:opacity .22s;position:absolute;bottom:1px;left:50%}.spot.has-bet .stack:before{opacity:0}.stack-item{animation:.5s cubic-bezier(.2,1.3,.4,1) backwards chip-land;position:absolute;bottom:0}.stack-item .chip{--chip-size:32px}@keyframes chip-land{0%,72%{opacity:0;transform:translateY(-10px)scale(.75)}86%{opacity:1;transform:translateY(2px)scale(1.12)}to{opacity:1;transform:translateY(0)scale(1)}}.stack-more{color:var(--gold-bright);background:#0009;border-radius:5px;padding:2px 5px;font-size:9px;font-weight:900;position:absolute;bottom:3px;left:calc(50% + 22px);box-shadow:0 0 0 1px #d6ae5666}.spot-total{color:#0a2c1c;background:linear-gradient(180deg, var(--gold-bright), var(--gold));border-radius:999px;align-items:baseline;gap:3px;padding:3px 9px;font-size:12px;font-weight:900;display:flex;box-shadow:0 2px 6px #00000073}.spot-total small{opacity:.7;font-size:8px;font-weight:800}.spot-undo{color:#ffffffbf;opacity:0;background:#00000080;border-radius:50%;place-items:center;width:22px;height:22px;font-size:15px;font-weight:800;line-height:1;transition:all .16s;display:grid;position:absolute;top:7px;right:7px;transform:scale(.8);box-shadow:inset 0 0 0 1px #ffffff29}.spot:hover .spot-undo,.spot-undo:focus-visible{opacity:1;transform:scale(1)}.spot-undo:hover{color:#fff;background:var(--lose)}.spot.is-hit{box-shadow:0 0 0 2px var(--gold-bright), 0 0 0 6px #d6ae5629, 0 0 42px #ffd56e66, inset 0 0 26px #ffd56e24;animation:.85s cubic-bezier(.2,1,.4,1) spot-hit}@keyframes spot-hit{0%{transform:scale(1)}28%{transform:scale(1.055)}to{transform:scale(1)}}.spot.is-miss{filter:saturate(.35)brightness(.72)}.spot.is-miss .stack{animation:.7s forwards chips-lost}@keyframes chips-lost{to{opacity:0;transform:translateY(18px)scale(.86)}}.spot-float{z-index:3;font-family:var(--font-display);white-space:nowrap;color:#fff6d8;text-shadow:0 0 14px #ffd56ee6,0 2px 4px #0009;pointer-events:none;font-size:26px;font-weight:900;animation:1.5s cubic-bezier(.2,.9,.3,1) forwards float-up;position:absolute;top:34%;left:50%}@keyframes float-up{0%{opacity:0;transform:translate(-50%,6px)scale(.6)}22%{opacity:1;transform:translate(-50%,-6px)scale(1.14)}40%{transform:translate(-50%,-12px)scale(1)}to{opacity:0;transform:translate(-50%,-52px)scale(.96)}}.spot-mult{z-index:3;letter-spacing:.04em;color:#2a1a02;background:linear-gradient(180deg, #fff2c4, var(--gold));border-radius:6px;padding:3px 7px;font-size:11px;font-weight:900;animation:.45s cubic-bezier(.2,1.5,.4,1) backwards badge-in;position:absolute;top:8px;left:8px;box-shadow:0 0 16px #ffd56eb3}@keyframes badge-in{0%{opacity:0;transform:scale(.4)rotate(-12deg)}}.lock-banner{z-index:8;white-space:nowrap;font-family:var(--font-display);letter-spacing:.26em;text-transform:uppercase;color:#ffe9b0;pointer-events:none;background:linear-gradient(#180808f0,#0c0404f5);border-radius:8px;align-items:center;gap:13px;padding:13px 32px;font-size:16px;font-weight:700;animation:.4s cubic-bezier(.2,1.3,.4,1) lock-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3.5deg);box-shadow:0 0 0 1px #d6ae5699,0 14px 34px -10px #000000e6}@keyframes lock-in{0%{opacity:0;transform:translate(-50%,-50%)rotate(-3.5deg)scale(.8)}}.lock-banner:before,.lock-banner:after{content:"";background:var(--lose);width:6px;height:6px;box-shadow:0 0 9px var(--lose);border-radius:50%;animation:1.1s ease-in-out infinite lock-blink}@keyframes lock-blink{50%{opacity:.25}}.dice-tray{perspective:900px;perspective-origin:50% 42%;background:radial-gradient(70% 60% at 50% 30%,#ffffff12,#0000 70%),linear-gradient(#063823cc,#02160de6);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:22px;min-height:160px;max-height:300px;margin:14px;padding:30px 12px 32px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 14px #000000a6,inset 0 0 0 1px #d6ae5633}.dice-tray:before{content:"";pointer-events:none;border:1px solid #d6ae5638;border-radius:50%;width:178px;height:178px;margin:-89px 0 0 -89px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 9px #d6ae560d,inset 0 0 0 7px #d6ae560d}.dice-tray:after{content:"";pointer-events:none;border:1px dashed #d6ae5629;border-radius:50%;width:116px;height:116px;margin:-58px 0 0 -58px;position:absolute;top:50%;left:50%}@media (max-width:500px){.dice-tray{gap:20px;padding:24px 8px}}.die-slot{z-index:1;width:64px;height:64px;transform-style:preserve-3d;flex:none;position:relative}.die-slot.is-rolling{animation:.62s ease-in-out infinite die-hop}@keyframes die-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}.die{transform-style:preserve-3d;transition:transform var(--roll-time,1.5s) cubic-bezier(.18, .72, .2, 1);position:absolute;inset:0}.die-face{backface-visibility:hidden;background:linear-gradient(145deg,#e8322f 0%,#c11f22 52%,#8f1418 100%);border-radius:11px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 -6px 14px #00000052,inset 0 5px 10px #ffffff24}.die-face .pips{--pip-box:43px;--pip-gap:4px;--pip-color:#fff6f3;--pip-shadow:inset 0 -1px 2px #00000073, 0 1px 1px #ffffff40}.die-shadow{background:radial-gradient(#0000008c,#0000 70%);border-radius:50%;width:58px;height:12px;transition:opacity .3s,transform .3s;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.die-slot.is-rolling .die-shadow{animation:.62s ease-in-out infinite shadow-pulse}@keyframes shadow-pulse{0%,to{opacity:.75;transform:translate(-50%)scale(1)}50%{opacity:.32;transform:translate(-50%)scale(.74)}}.die-slot.is-win .die-face{box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 -6px 14px #00000052,inset 0 5px 10px #ffffff24,0 0 26px #ffd56ed9}.dice-foot{margin-top:auto;padding:0 14px 14px}.play-button{width:100%;height:56px;font-family:var(--font-display);letter-spacing:.2em;color:#2c1c00;background:linear-gradient(#ffeeb8 0%,#e2bb5f 42%,#b98c2c 100%);border-radius:11px;place-items:center;font-size:16px;font-weight:900;transition:transform .12s,box-shadow .18s,filter .2s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff5d28c,0 3px #6f5217,0 10px 24px -8px #d6ae56bf}.play-button:hover:not(:disabled){filter:brightness(1.07);box-shadow:inset 0 0 0 1px #fff5d2b3,0 3px #6f5217,0 14px 32px -8px #d6ae56f2}.play-button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 0 0 1px #fff5d280,0 0 #6f5217,0 6px 16px -8px #d6ae56cc}.play-button:disabled{color:#eaf3ed57;background:linear-gradient(#23302a,#16211b);box-shadow:inset 0 0 0 1px #ffffff12,0 3px #00000073}.play-button:not(:disabled):after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:45%;height:100%;animation:3.4s ease-in-out infinite sheen;position:absolute;top:0;left:-60%;transform:skew(-22deg)}@keyframes sheen{0%,62%{left:-60%}92%,to{left:130%}}.play-hint{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:#eaf3ed57;min-height:14px;margin-top:9px;font-size:10.5px;font-weight:700}.payout-table{background:#0000004d;border-radius:9px;flex-direction:column;gap:1px;margin:0 14px 14px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #d6ae5629}.payout-row{background:#ffffff05;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;font-size:11px;transition:background .25s,color .25s;display:flex}.payout-row span:first-child{color:#eaf3ed8c}.payout-row b{color:var(--gold-bright);font-weight:800}.payout-row.is-active{background:#d6ae562e}.payout-row.is-active span:first-child{color:#fff}.result-line{text-align:center;color:#eaf3ed80;background:#00000042;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:34px;margin:0 14px 12px;padding:7px 12px;font-size:12px;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.result-line.is-win{color:#d6ffe6;background:#4ade801f;box-shadow:inset 0 0 0 1px #4ade8052}.result-line.is-lose{color:#ffd9de;background:#f0566a1a;box-shadow:inset 0 0 0 1px #f0566a47}.fly-layer{z-index:90;pointer-events:none;position:fixed;inset:0;overflow:hidden}.flyer{will-change:transform, opacity;animation:fly var(--fly-time,.48s) cubic-bezier(.34, .12, .3, 1) both;position:absolute;top:0;left:0}.flyer .chip{--chip-size:30px}@keyframes fly{0%{opacity:0;transform:translate3d(var(--x0), var(--y0), 0) scale(.45) rotate(0deg)}14%{opacity:1}50%{transform:translate3d(var(--x1), var(--y1), 0) scale(1.22) rotate(200deg)}88%{opacity:1}to{opacity:.9;transform:translate3d(var(--x2), var(--y2), 0) scale(.92) rotate(392deg)}}.sparks{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:visible}.spark{width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);background:var(--spark-color,#fff3cd);clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);opacity:0;filter:drop-shadow(0 0 7px #ffd878)drop-shadow(0 0 16px #ffbe46a6);animation:spark var(--dur) cubic-bezier(.16, .68, .25, 1) var(--delay) forwards;position:absolute;top:50%;left:50%}@keyframes spark{0%{opacity:0;transform:translate(0,0)scale(0)rotate(0)}14%{opacity:1;transform:translate3d(calc(var(--dx) * .24), calc(var(--dy) * .24), 0) scale(1.15) rotate(60deg)}62%{opacity:1;transform:translate3d(calc(var(--dx) * .78), calc(var(--dy) * .78), 0) scale(.85) rotate(210deg)}to{opacity:0;transform:translate3d(var(--dx), var(--dy), 0) scale(.25) rotate(320deg)}}.spark-ring{opacity:0;border:2px solid #ffe4a0e6;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;animation:.95s cubic-bezier(.15,.7,.25,1) forwards spark-ring;position:absolute;top:50%;left:50%;box-shadow:0 0 22px #ffcd648c}.spark-ring.is-second{border-color:#ffffff8c;animation-duration:1.1s;animation-delay:.16s}@keyframes spark-ring{0%{opacity:.95;transform:scale(.25)}to{opacity:0;transform:scale(3.8)}}.spot.is-hit:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 46%,#fff4d699,#ffc85a2e 45%,#0000 68%);border-radius:11px;animation:.75s ease-out forwards hit-flash;position:absolute;inset:0}@keyframes hit-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.win-banner{top:calc(var(--bar-height) + 22px);z-index:95;text-align:center;white-space:nowrap;pointer-events:none;box-shadow:0 0 0 1px var(--gold), 0 0 0 5px #d6ae561f, 0 0 90px #ffd56e66, 0 30px 60px -20px #000000e6;background:linear-gradient(#181002ed,#0a0601f2);border-radius:13px;align-items:baseline;gap:16px;padding:13px 34px;animation:2.4s cubic-bezier(.2,1.1,.3,1) forwards banner;display:flex;position:fixed;left:50%;transform:translate(-50%)}.win-banner.is-triple{box-shadow:0 0 0 2px var(--gold-bright), 0 0 0 6px #d6ae5633, 0 0 130px #ffd56e99, 0 30px 60px -20px #000000e6}@keyframes banner{0%{opacity:0;transform:translate(-50%)translateY(-14px)scale(.82)}12%{opacity:1;transform:translate(-50%)translateY(0)scale(1.05)}20%{transform:translate(-50%)translateY(0)scale(1)}78%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.98)}}.win-kicker{font-family:var(--font-display);letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:700}.win-amount{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(#fff9e4 0%,#ffd873 48%,#c79a34 100%);color:#0000;filter:drop-shadow(0 2px 10px #ffd56e80);-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:900;line-height:1}.win-sub{letter-spacing:.14em;text-transform:uppercase;color:#eaf3ed73;font-size:11px;font-weight:700}.backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020c07b8;place-items:center;padding:20px;animation:.18s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.dialog{text-align:center;border:1px solid var(--gold-line);background:linear-gradient(#17301f,#0a1a11);border-radius:15px;width:100%;max-width:400px;padding:26px;animation:.22s cubic-bezier(.2,1.2,.4,1) dialog-in;box-shadow:0 34px 70px -22px #000000f2}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}.dialog h2{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold-bright);margin:0 0 10px;font-size:19px;font-weight:700}.dialog p{color:#eaf3ed9e;margin:0 0 20px;font-size:13px;line-height:1.65}.dialog-actions{gap:10px;display:flex}.dialog-actions button{letter-spacing:.1em;text-transform:uppercase;border-radius:9px;flex:1;padding:12px;font-size:12px;font-weight:800;transition:all .16s}.btn-cancel{color:#eaf3edb3;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f}.btn-cancel:hover{background:#ffffff1f}.btn-danger{color:#fff;background:linear-gradient(#e04458,#ad2233);box-shadow:0 3px #7d1725}.btn-danger:hover{filter:brightness(1.08)}.btn-danger:active{transform:translateY(2px);box-shadow:0 1px #7d1725}.boot{text-align:center;place-items:center;min-height:100dvh;padding:24px;display:grid}.boot-inner{max-width:470px}.boot-logo{font-family:var(--font-display);letter-spacing:.24em;background:linear-gradient(#fff9e4,#d6ae56 55%,#8d6f2c);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:900}.boot-text{color:#eaf3ed8c;margin-top:12px;font-size:13px;line-height:1.7}.boot-error{text-align:left;color:#ffd9de;background:#f0566a1a;border-radius:10px;margin-top:18px;padding:15px 18px;font-size:12.5px;line-height:1.65;box-shadow:inset 0 0 0 1px #f0566a52}.boot-dots{justify-content:center;gap:7px;margin-top:20px;display:flex}.boot-dots i{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite boot-dot}.boot-dots i:nth-child(2){animation-delay:.16s}.boot-dots i:nth-child(3){animation-delay:.32s}@keyframes boot-dot{0%,to{opacity:.22;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.footnote{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:#eaf3ed33;padding:0 22px 18px;font-size:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}