:root{--navy:#0f1433;--navy-2:#1e254a;--teal:#2ec4d6;--teal-2:#1fb6c8;--teal-bar:#149fb1;--brown:#5a341c;--brown-2:#8b5a2b;--orange:#ff8c3a;--orange-2:#ffb02e;--gold:gold;--gold-2:#ffb52e;--red:#c73a2f;--red-2:#a82e26;--green:#3ec65a;--green-2:#0f8a3a;--white:#fff;color:var(--white);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}*{box-sizing:border-box}html,body{background:var(--navy);height:100%;margin:0;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}b,.coins,.total,.countdown,.stake{font-variant-numeric:tabular-nums}[hidden]{display:none!important}.app{--board:max(240px, min(calc(100vw - 16px), calc(100vh - 290px), 460px));--item:calc(var(--board) * .18);background:linear-gradient(180deg, var(--teal) 0%, var(--teal-2) 100%);flex-direction:column;max-width:520px;min-height:100vh;margin:0 auto;display:flex}@supports (height:100dvh){.app{--board:max(240px, min(calc(100vw - 16px), calc(100dvh - 290px), 460px));min-height:100dvh}}.bar{background:var(--teal-bar);z-index:3;align-items:center;gap:6px;height:50px;padding:0 8px;display:flex;position:relative;box-shadow:0 2px #0000001f}.bar-title{flex-direction:column;min-width:0;line-height:1.1;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:9px;font-weight:800}.round{white-space:nowrap;font-size:15px;font-weight:800}.round-badge{color:var(--teal-bar);background:var(--white);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.coins{background:#00000038;border-radius:999px;align-items:center;gap:5px;min-width:0;margin-left:auto;padding:4px 10px 4px 5px;font-size:13px;display:flex}.coins b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coin-icon{background:radial-gradient(circle at 35% 30%, #fff6b0 0 18%, var(--gold) 40%, #d08a00 100%);border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1.5px #b87400}.icon-btn{background:#fff3;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;transition:transform .12s ease-out;display:grid}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:18px;height:18px}.icon-btn.dark{background:#ffffff1a}#sound-btn .sound-on{display:none}#sound-btn[aria-pressed=true] .sound-on{display:inline}#sound-btn[aria-pressed=true] .sound-off{display:none}.stage{flex-direction:column;flex:1 0 auto;justify-content:flex-end;align-items:center;padding:10px 8px 2px;display:flex;position:relative}.board{width:var(--board);height:var(--board);flex:none;position:relative}.ring,.track{pointer-events:none;border-radius:50%;position:absolute}.ring-outer{inset:calc(var(--board) * .015);border:2px dashed #ffe478bf}.track{--tw:calc(var(--board) * .045);inset:calc(var(--board) * .11 - var(--tw) / 2);border:var(--tw) solid #6b3f20;box-shadow:0 0 0 2px #4a2a14, inset 0 0 0 2px #4a2a14, inset 0 0 0 calc(var(--board) * .11) #ffffff14}.ring-inner{inset:calc(var(--board) * .24);border:2px dashed #ffec96cc}.light{width:calc(var(--item) * 1.34);height:calc(var(--item) * 1.34);opacity:0;will-change:transform;pointer-events:none;z-index:1;background:radial-gradient(circle,#fff08c00 50%,#fff6aafa 58%,#ffc400bf 66%,#fa00 74%);border-radius:50%;transition:opacity .2s ease-out;position:absolute;top:0;left:0}.board.lighting .light{opacity:1}.item{left:var(--x);top:var(--y);width:var(--item);height:var(--item);margin:calc(var(--item) / -2) 0 0 calc(var(--item) / -2);z-index:2;will-change:transform;transition:transform 90ms ease-out;position:absolute}.board:not(.locked) .item:active{transform:scale(.93)}.item.lit{transform:scale(1.08)}.board.locked .item{cursor:default}.disc{box-shadow:0 calc(var(--board) * .008) 0 #0000002e, inset 0 0 0 2px #5a341c1f;background:radial-gradient(circle at 50% 35%,#fff 0 55%,#eef3f5 100%);border-radius:50%;position:absolute;inset:0}.item.win .disc{box-shadow:0 0 0 calc(var(--board) * .012) var(--gold), 0 0 0 calc(var(--board) * .024) #ffd70073}.emoji{text-align:center;line-height:1;font-size:calc(var(--board) * .072);position:absolute;top:13%;left:0;right:0}.name{text-align:center;line-height:1;font-size:max(7px, calc(var(--board) * .022));letter-spacing:.03em;text-transform:uppercase;color:var(--brown);font-weight:900;position:absolute;bottom:21%;left:0;right:0}.mult{left:50%;bottom:calc(var(--item) * -.12);text-align:center;min-width:52%;font-size:max(9px, calc(var(--board) * .03));color:var(--white);background:linear-gradient(180deg, var(--orange-2), var(--orange));border:1.5px solid var(--brown);border-radius:999px;padding:0 5px;font-weight:900;line-height:1.35;position:absolute;transform:translate(-50%)}.stake{right:calc(var(--item) * -.12);top:calc(var(--item) * -.06);font-size:max(9px, calc(var(--board) * .027));color:var(--brown);background:linear-gradient(180deg, #ffe58a, var(--gold-2));border:1.5px solid #fff4c2;border-radius:999px;padding:0 5px;font-weight:900;line-height:1.4;position:absolute;box-shadow:0 1px #00000040}.stake.bump{animation:.22s ease-out stake-bump}@keyframes stake-bump{50%{transform:scale(1.25)}}.item.win{animation:.55s ease-in-out 4 win-pulse}@keyframes win-pulse{50%{transform:scale(1.16)}}.hub{width:calc(var(--board) * .36);z-index:2;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lion-disc{width:calc(var(--board) * .27);height:calc(var(--board) * .27);background:radial-gradient(circle at 50% 32%, #ffe08a 0%, var(--orange-2) 45%, var(--orange) 75%, #e0661c 100%);border:calc(var(--board) * .012) solid #fff1d0;box-shadow:0 calc(var(--board) * .012) 0 #5a341c73;border-radius:50%;place-items:center;display:grid}.lion{font-size:calc(var(--board) * .15);line-height:1;transform:translateY(-6%)}.countdown{margin-top:calc(var(--board) * -.045);background:linear-gradient(180deg, var(--green), var(--green-2));font-size:max(11px, calc(var(--board) * .036));white-space:nowrap;border:2px solid #eaffea;border-radius:999px;padding:2px 12px;font-weight:900;box-shadow:0 2px #00000040}.countdown b{font-size:1.15em}.countdown.urgent{background:linear-gradient(180deg, #ff5a4d, var(--red-2));border-color:#ffe0dc}.countdown.busy{background:linear-gradient(180deg, var(--orange-2), #e0661c);border-color:#fff1d0}.progress{width:calc(var(--board) * .25);background:#00000047;border-radius:999px;height:5px;margin-top:5px;overflow:hidden}.progress i{background:linear-gradient(90deg, #7cff7c, var(--green));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.status{text-align:center;text-shadow:0 1px #0003;min-height:18px;margin:8px 0 0;font-size:13px;font-weight:700}.panel{width:min(280px, calc(var(--board) * .82));z-index:5;background:linear-gradient(180deg, #263066, var(--navy-2));border:3px solid var(--gold);text-align:center;border-radius:20px;padding:16px 14px;animation:.24s cubic-bezier(.2,.9,.3,1.2) panel-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px #0a0e2a59}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}}.result-emoji{font-size:48px;line-height:1.1}.result-name{margin-top:4px;font-size:18px;font-weight:900}.pill{vertical-align:2px;color:var(--white);background:linear-gradient(180deg, var(--orange-2), var(--orange));border:1.5px solid var(--brown);border-radius:999px;padding:0 7px;font-size:12px;font-weight:900;display:inline-block}.result-amount{margin-top:10px;font-size:22px;font-weight:900}.result-card.won .result-amount{color:var(--gold);font-size:26px}.result-card:not(.won) .result-amount{color:#cfd6ff;font-size:17px}.result-bet{color:#aab3e0;margin-top:4px;font-size:13px}.coins-burst{width:0;height:0;position:absolute;top:36%;left:50%}.coins-burst i{background:radial-gradient(circle at 35% 30%, #fff6b0 0 18%, var(--gold) 40%, #d08a00 100%);opacity:0;border-radius:50%;width:18px;height:18px;position:absolute;top:-9px;left:-9px}.result-card.won .coins-burst i{animation:.9s cubic-bezier(.15,.7,.3,1) forwards coin-burst;animation-delay:var(--delay)}@keyframes coin-burst{0%{opacity:1;transform:translate(0)scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1)}}.retry-card p{margin:0 0 12px;font-size:15px;font-weight:700;line-height:1.35}.primary-btn{background:linear-gradient(180deg, var(--green), var(--green-2));border:2px solid #eaffea;border-radius:999px;min-width:140px;min-height:42px;font-size:16px;font-weight:900;transition:transform .12s ease-out}.primary-btn:active{transform:scale(.95)}.primary-btn:disabled{opacity:.6}.controls{flex:1 0 auto;padding:4px 8px 8px}.chips{justify-content:center;align-items:center;gap:12px;min-height:58px;display:flex}.chip{--c:#2f6fe0;background:repeating-conic-gradient(var(--c) 0 30deg, #fff 30deg 45deg);border-radius:50%;width:50px;height:50px;transition:transform .15s ease-out;position:relative;box-shadow:0 3px #0000004d}.chip:before{content:"";background:var(--c);border:2px dashed #ffffffd9;border-radius:50%;position:absolute;inset:6px}.chip span{text-shadow:0 1px #00000059;font-size:13px;font-weight:900;position:relative}.chip[data-value="100"]{--c:#1e9d4b}.chip[data-value="1000"]{--c:#d63a2f}.chip[data-value="10000"]{--c:#7b2fd0}.chip[aria-checked=true]{box-shadow:0 0 0 3px var(--gold), 0 6px 0 #0000004d;transform:translateY(-5px)scale(1.08)}.chip:active{transform:scale(.94)}.bet-row{justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.total{background:#0003;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.total b{color:var(--gold);margin-left:4px;font-size:15px}.ghost-btn{border:2px solid #ffffffd9;border-radius:999px;min-height:32px;padding:0 14px;font-size:13px;font-weight:800;transition:transform .12s ease-out,opacity .15s}.ghost-btn:active{transform:scale(.95)}.ghost-btn:disabled{opacity:.4}.strip{padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg, var(--red), var(--red-2));border-top:3px solid #e2584c;align-items:center;gap:8px;display:flex}.strip-label{flex:none;font-size:14px;font-weight:900}.strip-list{flex:1;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.strip-list li{aspect-ratio:1;background:var(--white);border-radius:50%;flex:1 1 0;place-items:center;max-width:34px;font-size:min(18px,5.5vw - 4.95px);display:grid;box-shadow:0 2px #00000040}.strip-list li.empty{box-shadow:none;background:#ffffff29}.strip-list li.newest{box-shadow:0 0 0 2px var(--gold), 0 2px 0 #00000040}.toast{z-index:20;background:var(--navy-2);text-align:center;opacity:0;pointer-events:none;border:2px solid #ff7a6e;border-radius:14px;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;top:58px;left:50%;transform:translate(-50%,-12px)}.toast.show{opacity:1;transform:translate(-50%)}.sheet{z-index:30;opacity:0;visibility:hidden;background:#0508199e;justify-content:center;align-items:flex-end;transition:opacity .2s,visibility 0s .2s;display:flex;position:fixed;inset:0}.sheet.open{opacity:1;visibility:visible;transition:opacity .2s}.sheet-panel{background:var(--navy-2);width:100%;max-width:520px;max-height:86vh;padding:14px 16px calc(18px + env(safe-area-inset-bottom));-webkit-user-select:text;user-select:text;border-radius:20px 20px 0 0;transition:transform .25s ease-out;overflow-y:auto;transform:translateY(100%)}.sheet.open .sheet-panel{transform:none}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h2{margin:0;font-size:17px}.rules-steps{color:#d9def7;margin:10px 0;padding-left:20px;font-size:14px;line-height:1.45}.rules-items{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.rules-items li{background:#ffffff0f;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;font-size:13px;font-weight:700;display:flex}.rules-items li span:first-child{font-size:20px}.rules-items li .pill{margin-left:auto}.rules-note{color:#aab3e0;margin:12px 0 0;font-size:12.5px;line-height:1.45}@media (prefers-reduced-motion:reduce){.item.win,.stake.bump,.panel,.result-card.won .coins-burst i{animation:none}.item,.chip,.light,.toast,.sheet-panel{transition:none}}
