.og-page{--og-card:var(--panel);--og-card-2:#061209;--og-line:var(--line);--og-text:#f4eee0;--og-muted:var(--muted);--og-accent:var(--gold);--og-on-accent:#1a0f03;--og-win:var(--green);--og-loss:var(--pink);background:var(--void);width:100%;max-width:480px;min-height:100vh;color:var(--og-text);margin:0 auto;padding-bottom:40px;position:relative}@media (min-width:481px){.og-page{box-shadow:0 0 60px #00000059}}.og-page .topbar{margin:0 0 10px}@media (max-width:759px){.og-page .game-balance-block .lbl{display:none}.og-page .game-balance-block .val{font-size:13px}}.og-page button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.og-page button:disabled{cursor:not-allowed;opacity:.45}.og-body{flex-direction:column;gap:12px;padding:0 12px;display:flex}.og-card{background:var(--og-card);border:1px solid var(--og-line);border-radius:16px;padding:14px}.og-stage{background:radial-gradient(120% 70% at 50% 0%, #edb34514, transparent 70%), var(--og-card);padding:12px;position:relative}.og-stage-top{color:var(--og-muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.og-stage-top b{color:var(--og-text);font-size:14px}.og-controls{flex-direction:column;gap:12px;display:flex}.og-field{flex-direction:column;gap:6px;display:flex}.og-label{color:var(--og-muted);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.og-amount{border:1px solid var(--og-line);background:var(--og-card-2);border-radius:12px;align-items:center;height:44px;display:flex;overflow:hidden}.og-amount span.cur{color:var(--og-muted);padding:0 4px 0 12px;font-size:13px}.og-amount input{min-width:0;height:100%;color:var(--og-text);background:0 0;border:0;outline:none;flex:1;font-size:15px;font-weight:700}.og-amount button{min-width:44px;height:100%;padding:0 10px;font-size:13px;font-weight:700;border-left:1px solid var(--og-line)!important;color:var(--og-muted)!important}.og-amount button:active{background:var(--surface-hover)!important}.og-chips{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.og-chip{border-radius:10px;height:34px;font-size:13px;font-weight:700;background:var(--og-card-2)!important;border:1px solid var(--og-line)!important;color:var(--og-muted)!important}.og-chip.active{background:var(--og-accent)!important;color:var(--og-on-accent)!important;border-color:#0000!important}.og-select{border:1px solid var(--og-line);background:var(--og-card-2);width:100%;height:44px;color:var(--og-text);border-radius:12px;outline:none;padding:0 12px;font-size:14px;font-weight:700}.og-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.og-cta{letter-spacing:.3px;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:52px;line-height:1.15;display:flex;box-shadow:0 6px 18px #edb34540;background:var(--accent-grad)!important;color:var(--og-on-accent)!important;font-size:16px!important;font-weight:900!important}.og-cta small{opacity:.8;font-size:12px;font-weight:700}.og-cta.cashout{box-shadow:0 6px 18px #22c55e40;background:linear-gradient(180deg, #4ade80, var(--og-win))!important}.og-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.og-stat{background:var(--og-card-2);border-radius:12px;padding:10px}.og-stat span{color:var(--og-muted);font-size:11px;display:block}.og-stat b{font-size:15px}.og-history h3{margin:0 0 10px;font-size:14px}.og-history-list{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.og-history-list::-webkit-scrollbar{display:none}.og-pill{background:var(--og-card-2);border-radius:999px;flex:none;padding:5px 10px;font-size:12px;font-weight:800}.og-pill.won{color:var(--og-win)}.og-pill.lost{color:var(--og-loss)}.og-empty{color:var(--og-muted);font-size:12px}.og-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.og-dialog{text-align:center;background:var(--og-card);border:1px solid var(--og-line);border-radius:18px;width:100%;max-width:360px;padding:22px 18px 16px}.og-dialog-icon{width:52px;height:52px;color:var(--og-accent);background:#edb34524;border-radius:16px;place-items:center;margin:0 auto 10px;font-size:24px;font-weight:900;display:grid}.og-dialog h3{margin:0 0 6px;font-size:19px}.og-dialog p{color:var(--og-muted);margin:0 0 14px;font-size:13px}.og-dialog-bal{background:var(--og-card-2);border-radius:12px;flex-direction:column;gap:4px;margin-bottom:14px;padding:12px;display:flex}.og-dialog-bal span{color:var(--og-muted);font-size:12px}.og-dialog-bal strong{font-size:22px}.og-dialog .og-cta{margin-bottom:6px;text-decoration:none}.og-dialog-later{width:100%;height:38px;font-size:13px;color:var(--og-muted)!important}.og-toast{z-index:1100;text-align:center;border:1px solid var(--og-line);pointer-events:none;background:#0f1218f2;border-radius:12px;max-width:86vw;padding:12px 22px;font-size:14px;font-weight:700;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}.og-toast.ok{color:var(--og-win)}.og-toast.fail{color:var(--og-loss)}.mn-grid{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-width:420px;margin:0 auto;display:grid}.mn-tile{aspect-ratio:1;-webkit-tap-highlight-color:transparent;border-radius:12px;place-items:center;transition:transform .12s,background .2s;display:grid;box-shadow:inset 0 -4px #00000059;background:linear-gradient(#2f353d,#23282e)!important}.mn-tile:not(:disabled):hover{transform:translateY(-2px);background:linear-gradient(#3a414a,#152920)!important}.mn-tile:not(:disabled):active{transform:scale(.95)}.mn-tile:disabled{opacity:1!important;cursor:default!important}.mn-tile img{object-fit:contain;width:62%;height:62%;animation:.25s ease-out mn-pop}.mn-tile.gem{box-shadow:inset 0 0 0 2px #22c55e8c;background:var(--og-card-2)!important}.mn-tile.bomb{background:var(--og-card-2)!important}.mn-tile.bomb.hit{box-shadow:inset 0 0 0 2px var(--og-loss);background:#f04a5e40!important}.mn-tile.dim img{opacity:.4;animation:none}@keyframes mn-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.mn-banner{text-align:center;pointer-events:none;border:2px solid var(--og-win);background:#0f1218eb;border-radius:16px;padding:14px 26px;animation:.25s ease-out mn-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mn-banner b{color:var(--og-win);font-size:28px;display:block}.mn-banner span{font-size:14px;font-weight:700}.pk-board{width:100%;position:relative}.pk-board canvas{width:100%;display:block}.pk-bins{gap:2px;margin-top:4px;display:flex}.pk-bin{color:#1a0f03;min-width:0;height:26px;box-shadow:0 3px 0 var(--shade);border-radius:5px;flex:1;place-items:center;font-size:9px;font-weight:900;transition:transform .15s;display:grid}.pk-bin.hit{animation:.3s ease-out pk-bounce}@keyframes pk-bounce{40%{transform:translateY(5px)}}@media (min-width:400px){.pk-bin{font-size:10px}}.pk-last{flex-direction:column;gap:4px;display:flex;position:absolute;top:0;right:0}.pk-last span{text-align:center;color:#1a0f03;border-radius:8px;min-width:46px;padding:4px 6px;font-size:11px;font-weight:900}
