:root{--bg: #1a1a1f;--panel-bg: #202027;--panel-inset: #2b2b33;--stroke: rgba(255, 255, 255, .09);--text: #ffffff;--muted: rgba(255, 255, 255, .55);--gold: #ffc531;--gold-deep: #e0a112;--green: #35d07f;--green-deep: #1fa860;--red: #ff5a5a;--radius: 14px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);overscroll-behavior:none;user-select:none}#app{position:fixed;inset:0;display:flex;flex-direction:column}#topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + var(--safe-t)) 14px 8px;background:var(--panel-bg);border-bottom:1px solid var(--stroke)}.topbar__logo{height:28px;width:auto}.topbar__balance{display:flex;flex-direction:column;align-items:flex-end;background:var(--panel-inset);border-radius:10px;padding:4px 14px}.topbar__balance-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.topbar__balance-value{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}#stage{position:relative;flex:0 0 auto;overflow:hidden;background:#666261}#stage canvas{display:block;width:100%;height:100%}#overlay{position:absolute;inset:0;pointer-events:none}#panel{flex:1 1 auto;min-height:0;position:relative;background:var(--panel-bg);border-top:1px solid var(--stroke);padding:10px 14px calc(10px + var(--safe-b));display:flex;flex-direction:column}.panel__inner{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;max-width:560px;width:100%;margin:0 auto}.mult{position:absolute;top:10px;left:50%;transform:translate(-50%);text-align:center;background:#0a0a0c99;backdrop-filter:blur(6px);border:1px solid var(--stroke);border-radius:16px;padding:8px 22px;animation:pop .25s ease}.mult__value{display:block;font-size:34px;font-weight:800;line-height:1;color:var(--gold);text-shadow:0 3px 12px rgba(255,197,49,.35);font-variant-numeric:tabular-nums}.mult__payout{display:block;margin-top:3px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}@keyframes pop{0%{transform:translate(-50%) scale(.86);opacity:0}}.result-slot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.result{text-align:center;padding:18px 40px;border-radius:20px;border:1px solid var(--stroke);background:#0a0a0ccc;backdrop-filter:blur(10px);opacity:0;transform:translateY(14px) scale(.94);transition:opacity .32s ease,transform .32s cubic-bezier(.2,1.2,.4,1)}.result--in{opacity:1;transform:translateY(0) scale(1)}.result__title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.result__mult{font-size:42px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.result--win .result__mult,.result--win .result__amount{color:var(--green)}.result--lose .result__amount{color:var(--red)}.result__amount{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.result__detail{margin-top:3px;font-size:12px;color:var(--muted)}.toast{position:absolute;left:50%;bottom:14px;transform:translate(-50%,10px);background:#0a0a0ceb;border:1px solid var(--stroke);border-radius:10px;padding:8px 16px;font-size:13px;opacity:0;transition:opacity .25s,transform .25s}.toast--in{opacity:1;transform:translate(-50%)}.bet{display:flex;align-items:stretch;background:var(--panel-inset);border-radius:var(--radius);overflow:hidden}.bet__btn{appearance:none;border:0;background:transparent;color:var(--text);font-size:24px;font-weight:700;width:56px;cursor:pointer;transition:background .15s}.bet__btn:hover:not(:disabled){background:#ffffff12}.bet__btn:disabled{opacity:.3;cursor:default}.bet__field{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px}.bet__label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.bet__value{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.quickbets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quickbet{appearance:none;border:0;background:var(--panel-inset);color:var(--text);font:inherit;font-size:15px;font-weight:700;padding:12px 4px;border-radius:12px;cursor:pointer;font-variant-numeric:tabular-nums;transition:background .15s,color .15s}.quickbet:hover:not(:disabled){background:#35353f}.quickbet--active{background:var(--gold);color:#1a1200}.quickbet:disabled{opacity:.4;cursor:default}.difficulty{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--panel-inset);border-radius:999px;padding:4px}.chip{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;padding:10px 4px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s}.chip:hover:not(:disabled){color:var(--text)}.chip--active{background:var(--gold);color:#1a1200}.chip:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:10px}.action{appearance:none;border:0;border-radius:var(--radius);font:inherit;font-weight:800;cursor:pointer;flex:1;min-height:58px;padding:8px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;transition:transform .12s,filter .15s;box-shadow:0 4px #0000004d}.action:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0000004d}.action:disabled{opacity:.5;cursor:default}.action--primary{font-size:18px;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-deep) 100%);color:#1a1200}.action--cashout{background:linear-gradient(180deg,var(--green) 0%,var(--green-deep) 100%);color:#05240f}.action__sub{font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.action__main{font-size:20px;font-variant-numeric:tabular-nums}.panel__meta{display:flex;gap:14px;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}.linkbtn{appearance:none;background:none;border:0;color:var(--muted);font:inherit;font-size:11px;text-decoration:underline;cursor:pointer;padding:0}.linkbtn:hover{color:var(--text)}.modal{position:fixed;inset:0;background:#000000a8;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:30}.modal__card{position:relative;background:var(--panel-bg);border:1px solid var(--stroke);border-radius:18px;padding:26px;max-width:540px;width:100%;max-height:84vh;overflow-y:auto}.modal__close{position:absolute;top:10px;right:14px;appearance:none;background:none;border:0;color:var(--muted);font-size:26px;line-height:1;cursor:pointer}.modal h2{margin:0 0 10px;font-size:20px}.modal__lead,.modal__note{font-size:13px;line-height:1.55;color:var(--muted)}.modal__note{margin-top:16px;padding-top:14px;border-top:1px solid var(--stroke)}.kv{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:6px 16px;margin:16px 0 0;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#ffffff12;padding:1px 5px;border-radius:4px}.loader{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:50;transition:opacity .45s}.loader--done{opacity:0;pointer-events:none}.loader__title{font-size:30px;font-weight:800;text-align:center;margin-bottom:18px}.loader__title span{color:var(--red)}.loader__track{width:220px;height:5px;background:#ffffff1f;border-radius:999px;overflow:hidden}.loader__bar{height:100%;width:0;background:var(--gold);border-radius:999px;transition:width .2s}.loader__error{text-align:center;color:var(--red);font-size:14px;line-height:1.6}.devpanel{position:fixed;top:0;left:0;z-index:100;font-size:12px}.devpanel__banner{background:#c81e1e;color:#fff;font-weight:800;letter-spacing:.06em;padding:5px 12px;text-align:center;font-size:11px}.devpanel__body{background:#000000e6;border:1px solid #c81e1e;border-top:0;padding:10px 12px;display:flex;flex-direction:column;gap:7px;min-width:260px}.devpanel__row{display:flex;justify-content:space-between;align-items:center;gap:10px}.devpanel select,.devpanel button{font:inherit;font-size:12px;background:#222;color:#fff;border:1px solid #444;border-radius:6px;padding:4px 8px;cursor:pointer}@media(max-height:480px){#topbar{padding:calc(3px + var(--safe-t)) 12px 3px}.topbar__logo{height:20px}.topbar__balance{padding:2px 10px}.topbar__balance-value{font-size:15px}#panel{padding:6px 12px calc(6px + var(--safe-b))}.panel__inner{display:grid;grid-template-columns:minmax(150px,1fr) 1.4fr;grid-template-areas:"bet actions" "diff actions" "meta meta";gap:7px;max-width:none}.bet{grid-area:bet}.difficulty{grid-area:diff}.actions{grid-area:actions}.panel__meta{grid-area:meta}.quickbets{display:none}.action{min-height:46px}.bet__field{padding:4px}.mult__value{font-size:26px}.result__mult{font-size:32px}}@media(min-width:720px)and (min-height:481px){.panel__inner{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"bet diff actions" "meta meta meta";align-items:center;gap:10px 14px;max-width:900px}.bet{grid-area:bet;min-width:190px}.difficulty{grid-area:diff;grid-template-columns:repeat(4,minmax(74px,1fr))}.actions{grid-area:actions}.panel__meta{grid-area:meta}.quickbets{display:none}}@media(max-width:359px){.chip{font-size:11px;padding:9px 2px}.quickbet{font-size:13px}}