.tos-overlay { position:fixed; inset:0; z-index:900; background:rgba(0,0,0,0.88); backdrop-filter:blur(10px); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .2s; } .tos-overlay.open { opacity:1; pointer-events:all; } .tos-modal { background:var(--surface); border:1px solid var(--border-hi); border-radius:16px; width:700px; max-width:95vw; max-height:88vh; display:flex; flex-direction:column; overflow:hidden; transform:translateY(16px); transition:transform .2s; } .tos-overlay.open .tos-modal { transform:translateY(0); } .tos-header { display:flex; align-items:center; justify-content:space-between; padding:18px 24px; border-bottom:1px solid var(--border); flex-shrink:0; } .tos-body { overflow-y:auto; padding:24px 28px; flex:1; color:var(--muted2); font-size:14px; line-height:1.75; } .tos-body h2 { font-family:var(--display); font-size:13px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); margin:28px 0 10px; padding-bottom:6px; border-bottom:1px solid var(--border); } .tos-body p { margin:0 0 10px; } .tos-body ul { margin:0 0 10px; padding-left:20px; display:flex; flex-direction:column; gap:4px; } .tos-body li { list-style:disc; } .tos-body strong { color:var(--text); font-weight:800; } .tos-last-updated { font-size:12px; font-weight:700; color:var(--muted); margin-bottom:20px; letter-spacing:.04em; } .tos-footer-note { margin-top:28px; padding:16px 18px; background:rgba(0,200,248,0.06); border:1px solid rgba(0,200,248,0.15); border-radius:var(--radius); font-size:13px; font-weight:700; color:var(--text); line-height:1.6; } /* ══ MODAL ══ */ .modal-overlay { position:fixed; inset:0; z-index:500; background:rgba(0,0,0,0.88); backdrop-filter:blur(10px); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .25s; padding:16px; } .modal-overlay.open { opacity:1; pointer-events:all; } .modal { background:var(--surface); border:1px solid var(--border-hi); border-radius:20px; width:100%; max-width:1400px; height:calc(100vh - 32px); max-height:900px; overflow:hidden; transform:translateY(20px); transition:transform .3s; display:flex; flex-direction:column; } .modal-overlay.open .modal { transform:translateY(0); } .modal-header { display:flex; align-items:center; justify-content:space-between; padding:22px 32px; border-bottom:1px solid var(--border); flex-shrink:0; } .m-count-pick { display:flex; align-items:center; gap:6px; } .m-count-btn { padding:5px 12px; border-radius:6px; border:1px solid var(--border-md); background:var(--surface2); color:var(--muted2); font-family:var(--display); font-size:12px; font-weight:800; cursor:pointer; transition:all .15s; } .m-count-btn:hover { border-color:var(--border-hi); color:var(--text); } .m-count-btn.active { border-color:var(--accent); color:var(--accent); background:rgba(0,200,248,0.08); } /* Multi-spinner vertical stack */ .multi-spin-row { display:flex; flex-direction:column; gap:0; } .multi-spin-item { border-bottom:1px solid var(--border); } .multi-spin-item:last-child { border-bottom:none; } .multi-spinner-wrap { background:var(--bg); position:relative; overflow:hidden; display:flex; align-items:center; height:160px; flex-shrink:0; } .multi-result-wrap { padding:12px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; background:var(--surface2); } .multi-result-info { display:flex; align-items:center; gap:12px; } .multi-result-img { width:48px; height:48px; object-fit:contain; } .multi-result-text { display:flex; flex-direction:column; gap:2px; } .multi-result-name { font-family:var(--display); font-size:13px; font-weight:800; } .multi-result-val { font-size:12px; color:var(--muted2); font-weight:600; } .multi-result-btns { display:flex; gap:8px; flex-shrink:0; } .multi-keep-btn { background:var(--accent); border:none; color:#0d1117; font-family:var(--display); font-size:12px; font-weight:800; padding:7px 14px; border-radius:6px; cursor:pointer; transition:all .15s; } .multi-keep-btn:hover { filter:brightness(1.1); } .multi-sell-btn { background:var(--surface3); border:1px solid var(--border-md); color:var(--text); font-family:var(--display); font-size:12px; font-weight:800; padding:7px 14px; border-radius:6px; cursor:pointer; transition:all .15s; } .multi-sell-btn:hover { border-color:var(--border-hi); } .modal-case-name { font-family:var(--display); font-size:20px; font-weight:900; } .modal-price { font-size:13px; color:var(--muted2); margin-top:3px; font-weight:600; } .modal-close { width:36px; height:36px; border-radius:8px; background:var(--surface2); border:1px solid var(--border); cursor:pointer; display:grid; place-items:center; color:var(--muted2); font-size:17px; transition:all .15s; line-height:1; flex-shrink:0; } .modal-close:hover { color:var(--text); background:var(--surface3); } /* SPINNER */ .spinner-wrap { background:var(--bg); border-bottom:1px solid var(--border); position:relative; overflow:hidden; flex-shrink:0; display:flex; align-items:center; height:280px; } .spinner-gradient-l { position:absolute; left:0; top:0; bottom:0; width:220px; background:linear-gradient(90deg,var(--bg),transparent); z-index:5; pointer-events:none; } .spinner-gradient-r { position:absolute; right:0; top:0; bottom:0; width:220px; background:linear-gradient(270deg,var(--bg),transparent); z-index:5; pointer-events:none; } .spinner-needle { position:absolute; top:0; left:50%; transform:translateX(-50%); width:3px; height:100%; background:var(--accent); z-index:10; pointer-events:none; box-shadow:0 0 12px var(--accent); } .spinner-needle::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); border-left:9px solid transparent; border-right:9px solid transparent; border-top:12px solid var(--accent); } .spinner-needle::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:12px solid var(--accent); } .spinner-track-wrap { overflow:hidden; width:100%; height:220px; } .spinner-track { display:flex; gap:12px; will-change:transform; padding:0 12px; height:100%; align-items:center; } .spinner-item { flex-shrink:0; width:200px; height:210px; border-radius:14px; background:var(--surface2); border:2px solid var(--border); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:16px; } .spinner-item-img { width:110px; height:110px; object-fit:contain; flex-shrink:0; } .spinner-item-name { font-size:11px; font-weight:700; text-align:center; color:var(--muted2); line-height:1.3; } /* RESULT */ .result-wrap { flex:1; display:none; align-items:center; justify-content:center; flex-direction:column; padding:0 40px; overflow:auto; } .result-wrap.show { display:flex; } .result-icon { height:160px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; } .result-rarity { display:inline-block; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; padding:6px 18px; border-radius:20px; margin-bottom:12px; } .result-name { font-family:var(--display); font-size:32px; font-weight:900; margin-bottom:6px; } .result-val { font-size:16px; color:var(--muted2); margin-bottom:28px; font-weight:600; } .result-actions { display:flex; gap:14px; justify-content:center; } .btn-keep { background:var(--accent); color:#fff; font-weight:800; padding:14px 36px; font-size:16px; } .btn-keep:hover { background:var(--accent2); } .btn-sell { background:var(--surface2); border:1px solid var(--border-md); color:var(--text); padding:14px 36px; font-size:16px; font-weight:700; } .btn-sell:hover { border-color:var(--green); color:var(--green); } /* MODAL ITEMS */ .modal-items-row { display:grid; grid-template-columns:repeat(10,1fr); gap:10px; padding:20px 32px; border-top:1px solid var(--border); overflow-y:auto; flex-shrink:0; max-height:200px; } .modal-item { background:var(--surface2); border:1px solid var(--border); border-radius:var(--radius); padding:12px 8px; text-align:center; transition:border-color .15s; } .modal-item:hover { border-color:var(--border-hi); } .modal-item-img { width:48px; height:48px; object-fit:contain; margin-bottom:5px; } .modal-item-name { font-size:9.5px; font-weight:600; color:var(--muted2); line-height:1.3; } .modal-item-val { font-size:10.5px; font-weight:800; color:var(--text); margin-top:3px; font-family:var(--display); } /* MODAL FOOTER */ .modal-footer { padding:18px 32px; display:flex; align-items:center; gap:14px; border-top:1px solid var(--border); flex-shrink:0; } .funds-note { font-size:14px; color:var(--red); font-weight:700; display:none; } .funds-note.show { display:block; } /* TOAST */ .toast { position:fixed; bottom:24px; right:24px; z-index:999; background:var(--surface); border:1px solid var(--border-hi); border-radius:var(--radius); padding:10px 18px; font-size:13.5px; font-weight:700; transform:translateY(16px); opacity:0; transition:all .25s; pointer-events:none; font-family:var(--display); } .toast.show { transform:translateY(0); opacity:1; } /* ══ SLOT REMIXS ══ */ .slots-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-bottom:28px; } /* Search bar */ .case-search-wrap { position:relative; margin-bottom:18px; } .case-search-icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); width:15px; height:15px; color:var(--muted); pointer-events:none; } .case-search { width:100%; background:var(--surface); border:1px solid var(--border-md); color:var(--text); font-family:var(--sans); font-size:13.5px; font-weight:500; padding:9px 14px 9px 38px; border-radius:50px; outline:none; transition:border-color .15s; } .case-search::placeholder { color:var(--muted); } .case-search:focus { border-color:var(--accent); } /* All Cases — category sections */ .cat-section { margin-bottom:26px; } .cat-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; } .cat-header-left { display:flex; align-items:center; gap:7px; } .cat-title { font-family:var(--display); font-size:13px; font-weight:900; letter-spacing:0.01em; } .cat-count { font-size:11px; color:var(--muted); font-weight:600; } .cat-view-all { font-size:11.5px; font-weight:700; color:var(--muted2); cursor:pointer; border:none; background:none; font-family:var(--sans); transition:color .15s; } .cat-view-all:hover { color:var(--text); } /* Horizontal scroll row */ .cat-scroll { display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; scroll-behavior:smooth; } .cat-scroll::-webkit-scrollbar { height:3px; } .cat-scroll::-webkit-scrollbar-track { background:transparent; } .cat-scroll::-webkit-scrollbar-thumb { background:var(--surface3); border-radius:2px; } .cat-scroll .case-card { flex-shrink:0; width:190px; } .cat-scroll .case-thumb { aspect-ratio:3/4; } /* Search empty state */ .search-empty { text-align:center; color:var(--muted); font-size:13px; padding:40px 0; display:none; font-weight:600; } /* Slot bet panel — sits inline inside the modal footer row */ .slot-bet-section { border-top:1px solid var(--border); flex-shrink:0; background:var(--bg); padding:18px 32px 0; } .slot-bet-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; } .slot-bet-row-label { font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); } .slot-bet-row-balance { font-size:11px; font-weight:700; color:var(--muted2); } .slot-bet-row-balance span { color:#fff; font-family:var(--display); font-weight:900; } .slot-input-wrap { display:flex; align-items:stretch; background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); overflow:hidden; transition:border-color .15s; margin-bottom:10px; width:320px; } .slot-input-wrap:focus-within { border-color:#a855f7; } .slot-currency { display:flex; align-items:center; padding:0 14px; background:var(--surface3); border-right:1px solid var(--border-md); font-family:var(--display); font-size:15px; font-weight:800; color:var(--muted2); flex-shrink:0; gap:6px; } .slot-currency svg { width:16px; height:16px; opacity:.6; } .slot-bet-input { flex:1; background:transparent; border:none; color:var(--text); font-family:var(--display); font-size:17px; font-weight:900; padding:12px 14px; outline:none; text-align:right; min-width:0; } /* hide number spinner arrows */ .slot-bet-input::-webkit-outer-spin-button, .slot-bet-input::-webkit-inner-spin-button { -webkit-appearance:none; } .slot-bet-input[type=number] { -moz-appearance:textfield; } .slot-halfdouble { display:flex; border-left:1px solid var(--border-md); } .slot-hd-btn { background:none; border:none; border-right:1px solid var(--border-md); color:var(--muted2); font-family:var(--display); font-size:12px; font-weight:800; padding:0 14px; cursor:pointer; transition:all .15s; white-space:nowrap; } .slot-hd-btn:last-child { border-right:none; } .slot-hd-btn:hover { background:var(--surface3); color:var(--text); } .slot-quick-bets { display:flex; gap:6px; flex-wrap:nowrap; overflow-x:auto; padding-bottom:16px; } .slot-quick-bets::-webkit-scrollbar { display:none; } .slot-quick-btn { background:var(--surface2); border:1px solid var(--border-md); color:var(--muted2); font-size:12px; font-weight:800; padding:6px 14px; border-radius:6px; cursor:pointer; font-family:var(--display); transition:all .15s; white-space:nowrap; flex-shrink:0; } .slot-quick-btn:hover { color:var(--text); border-color:#a855f7; background:rgba(168,85,247,0.08); } .slot-quick-btn.active { color:#fff; border-color:#a855f7; background:rgba(168,85,247,0.18); } /* ══ COINFLIP ══ */ .cf-layout { display:grid; grid-template-columns:300px 1fr; gap:24px; align-items:start; } .cf-controls { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:22px 20px; } .cf-section-label { font-family:var(--display); font-size:17px; font-weight:900; margin-bottom:18px; } .cf-field-label { font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; } .cf-side-btns { display:flex; gap:8px; } .cf-side-btn { flex:1; display:flex; flex-direction:column; align-items:center; gap:8px; padding:14px 10px; border-radius:var(--radius); cursor:pointer; border:2px solid var(--border-md); background:var(--surface2); font-family:var(--display); font-size:13px; font-weight:800; color:var(--muted2); transition:all .15s; } .cf-side-btn:hover { border-color:var(--border-hi); color:var(--text); } .cf-side-btn.active.heads-active { border-color:var(--gold); color:var(--gold); background:rgba(245,200,66,0.08); } .cf-side-btn.active.tails-active { border-color:var(--accent); color:var(--accent); background:rgba(79,135,245,0.08); } .cf-side-coin { width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--display); font-size:16px; font-weight:900; } .cf-heads-coin { background:rgba(245,200,66,0.15); color:var(--gold); border:2px solid rgba(245,200,66,0.3); } .cf-tails-coin { background:rgba(79,135,245,0.12); color:var(--accent); border:2px solid rgba(79,135,245,0.25); } .cf-potential { display:flex; align-items:center; justify-content:space-between; background:var(--surface2); border:1px solid var(--border); border-radius:var(--radius); padding:10px 14px; margin-top:16px; } .cf-potential-label { font-size:12px; font-weight:700; color:var(--muted2); } .cf-potential-val { font-family:var(--display); font-size:15px; font-weight:900; color:var(--green); } .cf-flip-btn { margin-top:14px; width:100%; padding:13px; background:linear-gradient(135deg,var(--accent),var(--accent2)); border:none; border-radius:var(--radius); color:#fff; font-family:var(--display); font-size:15px; font-weight:900; cursor:pointer; transition:all .15s; } .cf-flip-btn:hover { filter:brightness(1.1); transform:translateY(-1px); } .cf-flip-btn:disabled { opacity:0.5; cursor:not-allowed; transform:none; filter:none; } .cf-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:18px; border-top:1px solid var(--border); padding-top:16px; } .cf-stat { text-align:center; } .cf-stat-val { font-family:var(--display); font-size:18px; font-weight:900; } .cf-stat-label { font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-top:2px; } .cf-arena { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:40px 28px; display:flex; flex-direction:column; align-items:center; gap:24px; } .cf-coin-wrap { width:200px; height:200px; perspective:700px; display:flex; align-items:center; justify-content:center; } .cf-coin { width:180px; height:180px; position:relative; transform-style:preserve-3d; } .cf-coin-face { position:absolute; inset:0; backface-visibility:hidden; border-radius:50%; display:flex; align-items:center; justify-content:center; } .cf-coin-front { background:rgba(245,200,66,0.06); } .cf-coin-back { background:rgba(79,135,245,0.06); transform:rotateY(180deg); } .cf-coin.flip-heads { animation:cfFlipH 1.8s cubic-bezier(0.25,0.46,0.45,0.94) forwards; } .cf-coin.flip-tails { animation:cfFlipT 1.8s cubic-bezier(0.25,0.46,0.45,0.94) forwards; } @keyframes cfFlipH { 0%{transform:rotateY(0) translateY(0)} 40%{transform:rotateY(720deg) translateY(-40px)} 75%{transform:rotateY(1260deg) translateY(-15px)} 100%{transform:rotateY(1440deg) translateY(0)} } @keyframes cfFlipT { 0%{transform:rotateY(0) translateY(0)} 40%{transform:rotateY(810deg) translateY(-40px)} 75%{transform:rotateY(1350deg) translateY(-15px)} 100%{transform:rotateY(1620deg) translateY(0)} } .cf-result-area { text-align:center; min-height:80px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:6px; } .cf-result-idle { font-size:14px; color:var(--muted); font-weight:600; } .cf-result-win,.cf-result-loss { font-family:var(--display); font-size:30px; font-weight:900; animation:cfPop .35s cubic-bezier(0.34,1.56,0.64,1) both; } .cf-result-win { color:var(--green); } .cf-result-loss { color:var(--red); } .cf-result-amount { font-family:var(--display); font-size:15px; font-weight:700; color:var(--muted2); } @keyframes cfPop { 0%{transform:scale(0.4);opacity:0} 100%{transform:scale(1);opacity:1} } .cf-history-label { font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); align-self:flex-start; } .cf-history { display:flex; gap:6px; flex-wrap:wrap; align-self:flex-start; min-height:32px; } .cf-hist-pip { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--display); font-size:11px; font-weight:900; transition:all .2s; } .cf-hist-h { background:rgba(245,200,66,0.15); color:var(--gold); border:1px solid rgba(245,200,66,0.3); } .cf-hist-t { background:rgba(79,135,245,0.12); color:var(--accent); border:1px solid rgba(79,135,245,0.25); } .cf-hist-pip.win { box-shadow:0 0 0 2px var(--green); } .cf-hist-pip.loss { opacity:0.45; } /* Top bar */ display:flex; align-items:center; justify-content:space-between; padding:18px 0 14px; border-bottom:1px solid var(--border); margin-bottom:0; } width:52px; height:52px; border-radius:50%; border:3px solid transparent; cursor:pointer; background:none; padding:0; transition:all .15s; overflow:hidden; display:flex; align-items:center; justify-content:center; } /* Balance + bet row */ display:flex; align-items:center; gap:16px; padding:14px 0 12px; border-bottom:1px solid var(--border); } display:flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--text); flex-shrink:0; } background:var(--surface2); border:1px solid var(--border-md); color:var(--muted2); font-size:12px; font-weight:800; padding:6px 12px; border-radius:6px; cursor:pointer; font-family:var(--display); transition:all .15s; white-space:nowrap; } display:flex; align-items:stretch; background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); overflow:hidden; transition:border-color .15s; } background:transparent; border:none; color:var(--text); font-family:var(--display); font-size:15px; font-weight:800; padding:8px 12px; outline:none; width:110px; text-align:right; } /* Slider track */ background:var(--bg); border-top:1px solid var(--border); padding:28px 0; position:relative; overflow:hidden; margin:0 -32px; } position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50%); width:3px; background:var(--accent); z-index:10; pointer-events:none; box-shadow:0 0 10px var(--accent); } content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); border-left:9px solid transparent; border-right:9px solid transparent; border-top:14px solid var(--accent); } content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:14px solid var(--accent); } position:absolute; left:0; top:0; bottom:0; width:200px; background:linear-gradient(90deg, var(--bg), transparent); z-index:5; pointer-events:none; } position:absolute; right:0; top:0; bottom:0; width:200px; background:linear-gradient(270deg, var(--bg), transparent); z-index:5; pointer-events:none; } display:flex; gap:10px; will-change:transform; padding:0 10px; align-items:center; height:100px; } flex-shrink:0; width:84px; height:84px; border-radius:50%; border:3px solid transparent; display:flex; align-items:center; justify-content:center; overflow:hidden; transition:border-color .1s; } width:100%; height:100%; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--display); font-weight:900; font-size:22px; } /* Bottom: coin category bars + result + spin */ padding:16px 20px; border-right:1px solid var(--border); } /* Result area */ padding:16px 0 0; display:flex; align-items:center; justify-content:space-between; gap:16px; } padding:13px 40px; background:linear-gradient(135deg,var(--accent),var(--accent2)); border:none; border-radius:var(--radius); color:#fff; font-family:var(--display); font-size:15px; font-weight:900; cursor:pointer; transition:all .15s; flex-shrink:0; } /* History */ width:30px; height:30px; border-radius:50%; overflow:hidden; border:2px solid transparent; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-family:var(--display); font-size:11px; font-weight:900; } /* Stats strip */ /* ══ DICE GAME ══ */ .dice-arena-full { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; } .dice-inner { display:flex; align-items:stretch; min-height:500px; } .dice-bet-strip { width:230px; flex-shrink:0; padding:22px 18px; border-right:1px solid var(--border); display:flex; flex-direction:column; gap:10px; background:var(--surface); } .dice-title { font-family:var(--display); font-size:16px; font-weight:900; margin-bottom:2px; } .dice-field-label { font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:3px; } .dice-bet-input-row { display:flex; align-items:stretch; background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); overflow:hidden; } .dice-bet-prefix { display:flex; align-items:center; padding:0 10px; font-family:var(--display); font-size:14px; font-weight:800; color:var(--muted2); background:var(--surface3); border-right:1px solid var(--border-md); } .dice-bet-input { flex:1; background:transparent; border:none; color:var(--text); font-family:var(--display); font-size:15px; font-weight:800; padding:8px 10px; outline:none; text-align:right; min-width:0; -moz-appearance:textfield; } .dice-bet-input::-webkit-outer-spin-button,.dice-bet-input::-webkit-inner-spin-button { -webkit-appearance:none; } .dice-bet-chips { display:flex; gap:4px; } .dice-chip { flex:1; padding:5px 0; border-radius:5px; border:1px solid var(--border-md); background:var(--surface2); color:var(--muted2); font-family:var(--display); font-size:12px; font-weight:800; cursor:pointer; transition:all .15s; } .dice-chip:hover { color:var(--text); border-color:var(--border-hi); } .dice-payout-box { display:flex; align-items:center; gap:8px; background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); padding:9px 12px; } .dice-payout-dollar { font-family:var(--display); font-size:14px; font-weight:800; color:var(--muted2); } .dice-payout-val { font-family:var(--display); font-size:17px; font-weight:900; color:var(--text); } .dice-roll-btn { width:100%; padding:10px; background:linear-gradient(135deg,var(--accent),var(--accent2)); border:none; border-radius:var(--radius); color:#0d1117; font-family:var(--display); font-size:14px; font-weight:900; cursor:pointer; transition:all .15s; } .dice-roll-btn:hover { filter:brightness(1.1); transform:translateY(-1px); } .dice-roll-btn:disabled { opacity:0.5; cursor:not-allowed; transform:none; filter:none; } .dice-stats-mini { display:flex; gap:5px; margin-top:auto; padding-top:12px; border-top:1px solid var(--border); } .dice-stats-mini > div { flex:1; text-align:center; background:var(--surface2); border-radius:var(--radius); padding:7px 4px; } .dice-stats-mini span { display:block; font-family:var(--display); font-size:14px; font-weight:900; } .dice-stats-mini small { font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); } .dice-game-area { flex:1; padding:24px; display:flex; flex-direction:column; gap:18px; background:var(--bg); } .dice-result-number { font-family:var(--display); font-size:60px; font-weight:900; line-height:1; letter-spacing:-2px; color:var(--muted2); text-align:center; transition:color .2s; } .dice-result-number.win { color:var(--green); } .dice-result-number.loss { color:var(--red); } .dice-track-section { display:flex; flex-direction:column; gap:8px; } .dice-track-labels { display:flex; justify-content:space-between; font-size:12px; font-weight:700; color:var(--muted2); } .dice-track-wrap { position:relative; height:20px; } .dice-track-win { position:absolute; top:50%; transform:translateY(-50%); height:8px; border-radius:4px; background:var(--green); transition:left .15s,width .15s; } .dice-track-loss { position:absolute; top:50%; transform:translateY(-50%); height:8px; border-radius:4px; background:var(--red); transition:left .15s,width .15s; } .dice-track-thumb { position:absolute; top:50%; transform:translate(-50%,-50%); width:22px; height:22px; border-radius:50%; background:var(--surface3); border:3px solid var(--border-hi); box-shadow:0 2px 8px rgba(0,0,0,0.4); z-index:5; pointer-events:none; transition:left .15s; } .dice-range { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:10; margin:0; } .dice-mode-label { font-size:13px; font-weight:700; color:var(--muted2); } .dice-mode-btns { display:flex; gap:8px; } .dice-mode-btn { padding:7px 16px; border-radius:var(--radius); border:2px solid var(--border-md); background:var(--surface2); color:var(--muted2); font-family:var(--display); font-size:13px; font-weight:800; cursor:pointer; transition:all .15s; } .dice-mode-btn:hover { border-color:var(--border-hi); color:var(--text); } .dice-mode-btn.active { border-color:var(--accent); color:var(--accent); background:rgba(0,200,248,0.08); } .dice-info-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; } .dice-info-item { background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); padding:12px 14px; } .dice-info-label { font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:7px; } .dice-info-input-row { display:flex; align-items:center; gap:6px; } .dice-info-sign { font-family:var(--display); font-size:15px; font-weight:900; color:var(--muted2); } .dice-info-val { font-family:var(--display); font-size:18px; font-weight:900; color:var(--text); } .dice-info-unit { font-family:var(--display); font-size:14px; font-weight:800; color:var(--muted2); margin-left:auto; } .dice-info-swap { font-size:16px; cursor:pointer; color:var(--muted2); margin-left:auto; transition:color .15s; } .dice-info-swap:hover { color:var(--text); } .dice-outcome { font-family:var(--display); font-size:18px; font-weight:900; text-align:center; } .dice-outcome.win { color:var(--green); } .dice-outcome.loss { color:var(--red); } .dice-hist-pip { font-family:var(--display); font-size:11px; font-weight:800; padding:3px 8px; border-radius:20px; } .dice-hist-pip.win { background:rgba(62,207,142,0.15); color:var(--green); border:1px solid rgba(62,207,142,0.3); } .dice-hist-pip.loss { background:rgba(240,96,96,0.1); color:var(--red); border:1px solid rgba(240,96,96,0.2); } /* ══ AUTH MODAL ══ */ .auth-overlay { position:fixed; inset:0; z-index:700; background:rgba(0,0,0,0.85); backdrop-filter:blur(10px); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .25s; } .auth-overlay.open { opacity:1; pointer-events:all; } .auth-modal { background:var(--surface); border:1px solid var(--border-hi); border-radius:18px; width:420px; max-width:94vw; overflow:hidden; transform:translateY(16px); transition:transform .25s; } .auth-overlay.open .auth-modal { transform:translateY(0); } .auth-header { padding:28px 28px 0; text-align:center; } .auth-logo { height:52px; width:auto; object-fit:contain; margin-bottom:16px; display:block; margin-left:auto; margin-right:auto; } .auth-title { font-family:var(--display); font-size:22px; font-weight:900; margin-bottom:6px; } .auth-sub { font-size:13px; color:var(--muted2); font-weight:500; } .auth-tabs { display:flex; margin:20px 28px 0; background:var(--surface2); border-radius:8px; padding:3px; } .auth-tab { flex:1; padding:8px; border-radius:6px; border:none; background:none; font-family:var(--display); font-size:14px; font-weight:800; color:var(--muted2); cursor:pointer; transition:all .15s; } .auth-tab.active { background:var(--surface3); color:var(--text); } .auth-body { padding:24px 28px 28px; display:flex; flex-direction:column; gap:14px; } .auth-field { display:flex; flex-direction:column; gap:6px; } .auth-label { font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); } .auth-input { background:var(--surface2); border:1px solid var(--border-md); color:var(--text); font-family:var(--sans); font-size:15px; font-weight:600; padding:11px 14px; border-radius:var(--radius); outline:none; transition:border-color .15s; } .auth-input:focus { border-color:var(--accent); } .auth-input::placeholder { color:var(--muted); } .auth-submit-btn { width:100%; padding:13px; background:linear-gradient(135deg,var(--accent),var(--accent2)); border:none; border-radius:var(--radius); color:#0d1117; font-family:var(--display); font-size:15px; font-weight:900; cursor:pointer; transition:all .15s; margin-top:4px; } .auth-submit-btn:hover { filter:brightness(1.08); } .auth-submit-btn:disabled { opacity:0.6; cursor:not-allowed; } .auth-error { background:rgba(240,96,96,0.12); border:1px solid rgba(240,96,96,0.3); border-radius:var(--radius); padding:10px 14px; font-size:13px; font-weight:600; color:var(--red); display:none; } .auth-error.show { display:block; } .auth-divider { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:12px; font-weight:600; } .auth-divider::before,.auth-divider::after { content:''; flex:1; height:1px; background:var(--border); } /* User menu */ .user-menu-wrap { position:relative; } .user-dropdown { position:absolute; right:0; top:calc(100% + 8px); background:var(--surface); border:1px solid var(--border-hi); border-radius:10px; padding:6px; min-width:160px; z-index:400; display:none; box-shadow:0 8px 32px rgba(0,0,0,0.4); } .user-dropdown.open { display:block; } .user-dd-item { display:flex; align-items:center; gap:8px; padding:9px 12px; border-radius:6px; font-size:13px; font-weight:700; color:var(--muted2); cursor:pointer; transition:all .15s; border:none; background:none; font-family:var(--sans); width:100%; text-align:left; } .user-dd-item:hover { color:var(--text); background:var(--surface2); } .user-dd-item.danger { color:var(--red); } .user-dd-item.danger:hover { background:rgba(240,96,96,0.1); } .user-dd-sep { height:1px; background:var(--border); margin:4px 0; } .user-email { font-size:11px; color:var(--muted); padding:8px 12px 6px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:200px; } .wallet-overlay { position:fixed; inset:0; z-index:600; background:rgba(0,0,0,0.75); backdrop-filter:blur(8px); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .2s; } .wallet-overlay.open { opacity:1; pointer-events:all; } .wallet-modal { background:var(--surface); border:1px solid var(--border-hi); border-radius:16px; width:520px; max-width:96vw; overflow:hidden; transform:translateY(12px); transition:transform .2s; max-height:90vh; display:flex; flex-direction:column; } .wallet-overlay.open .wallet-modal { transform:translateY(0); } .wallet-body { padding:24px; display:flex; flex-direction:column; gap:18px; overflow-y:auto; flex:1; } .wallet-section-label { font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:10px; } .wallet-input-row { display:flex; gap:8px; } .wallet-set-btn { width:100%; background:var(--surface2); border:1px solid var(--border-md); color:var(--muted2); font-family:var(--display); font-size:14px; font-weight:800; padding:13px; border-radius:var(--radius); cursor:pointer; transition:all .15s; } .wallet-set-btn:hover { color:var(--text); border-color:var(--border-hi); } .w-tab { flex:1; padding:10px 16px; border-radius:6px; border:none; background:none; font-family:var(--display); font-size:15px; font-weight:900; color:var(--muted2); cursor:pointer; transition:all .15s; } .w-tab.active { background:var(--surface3); color:var(--text); } .w-crypto-icon { width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:900; } .w-crypto-icon-img { width:20px; height:20px; border-radius:50%; object-fit:contain; flex-shrink:0; } .w-crypto-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; } .w-crypto-btn { display:flex; flex-direction:column; align-items:center; gap:4px; padding:8px 4px; border-radius:var(--radius); border:2px solid var(--border-md); background:var(--surface2); color:var(--muted2); font-family:var(--display); font-size:10px; font-weight:800; cursor:pointer; transition:all .15s; } .w-crypto-btn:hover { border-color:var(--border-hi); color:var(--text); } .w-crypto-btn.active { border-color:var(--accent); color:var(--text); background:rgba(0,200,248,0.08); } .wallet-close { background:none; border:none; color:var(--muted2); font-size:18px; cursor:pointer; padding:4px 8px; border-radius:6px; line-height:1; transition:color .15s; } .wallet-close:hover { color:var(--text); } .wallet-header { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid var(--border); flex-shrink:0; gap:12px; } .wallet-tabs { display:flex; gap:0; background:var(--surface2); border-radius:8px; padding:3px; flex:1; } .wallet-bal-val { font-family:var(--display); font-size:15px; font-weight:900; color:var(--text); white-space:nowrap; } .wallet-balance-display { display:flex; align-items:center; justify-content:space-between; background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); padding:12px 16px; } .wallet-bal-label { font-size:12px; font-weight:700; color:var(--muted2); } .wallet-amount-input { flex:1; background:var(--surface2); border:1px solid var(--border-md); color:var(--text); font-family:var(--display); font-size:14px; font-weight:800; padding:10px 14px; border-radius:var(--radius); outline:none; transition:border-color .15s; width:100%; } .wallet-amount-input:focus { border-color:var(--accent); } .wallet-remove-btn { background:linear-gradient(135deg,var(--accent),var(--accent2)); border:none; border-radius:var(--radius); color:#0d1117; font-family:var(--display); font-weight:900; cursor:pointer; transition:all .15s; } .wallet-remove-btn:hover { filter:brightness(1.1); } .wallet-add-btn { background:linear-gradient(135deg,var(--accent),var(--accent2)); border:none; border-radius:var(--radius); color:#0d1117; font-family:var(--display); font-weight:900; cursor:pointer; transition:all .15s; } .wallet-add-btn:hover { filter:brightness(1.1); } .w-error { font-size:12px; color:var(--red); font-weight:600; min-height:16px; } .wallet-quick-row { display:flex; gap:6px; flex-wrap:wrap; } .wallet-quick { padding:7px 12px; background:var(--surface2); border:1px solid var(--border-md); border-radius:6px; color:var(--text); font-family:var(--display); font-size:12px; font-weight:800; cursor:pointer; transition:all .15s; } .wallet-quick:hover { border-color:var(--accent); color:var(--accent); background:rgba(0,200,248,0.08); } .w-method-row { display:flex; gap:10px; margin-bottom:16px; } .w-method-btn { flex:1; display:flex; align-items:center; justify-content:center; gap:8px; padding:14px; border-radius:var(--radius); border:2px solid var(--border-md); background:var(--surface2); color:var(--muted2); font-family:var(--display); font-size:15px; font-weight:900; cursor:pointer; transition:all .15s; } .w-method-btn svg { width:18px; height:18px; } .w-method-btn:hover { border-color:var(--border-hi); color:var(--text); } .w-method-btn.active { border-color:var(--accent); color:var(--accent); background:rgba(0,200,248,0.08); } .w-amount-presets { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:8px; } .w-preset-btn { padding:12px; background:var(--surface2); border:2px solid var(--border-md); border-radius:var(--radius); color:var(--text); font-family:var(--display); font-size:14px; font-weight:900; cursor:pointer; transition:all .15s; } .w-preset-btn:hover,.w-preset-btn.active { border-color:var(--accent); color:var(--accent); background:rgba(0,200,248,0.08); } .nav-auth-btn-login { padding:8px 18px; background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); color:var(--text); font-family:var(--display); font-size:13px; font-weight:800; cursor:pointer; transition:all .15s; } .nav-auth-btn-login:hover { border-color:var(--border-hi); } .nav-auth-btn-register { padding:8px 18px; background:linear-gradient(135deg,var(--accent),var(--accent2)); border:none; border-radius:var(--radius); color:#0d1117; font-family:var(--display); font-size:13px; font-weight:900; cursor:pointer; transition:all .15s; } .nav-auth-btn-register:hover { filter:brightness(1.1); } .w-btc { background:rgba(247,147,26,0.2); color:#f7931a; } .w-eth { background:rgba(98,126,234,0.2); color:#627eea; } .w-ltc { background:rgba(165,185,200,0.2); color:#a5b9c8; } .w-usdt { background:rgba(38,161,123,0.2); color:#26a17b; } .w-sol { background:rgba(153,69,255,0.2); color:#9945ff; } .w-payment-header { display:flex; align-items:center; justify-content:space-between; gap:16px; background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); padding:16px; } .w-pay-amount { font-family:var(--display); font-size:22px; font-weight:900; } .w-pay-coin { font-size:12px; color:var(--muted2); font-weight:700; margin-top:2px; } .w-address-box { display:flex; align-items:center; justify-content:space-between; background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); padding:12px 14px; cursor:pointer; transition:border-color .15s; font-family:monospace; font-size:12px; word-break:break-all; gap:10px; } .w-address-box:hover { border-color:var(--accent); } .w-copy-hint { font-size:11px; color:var(--accent); font-weight:700; flex-shrink:0; font-family:var(--sans); } .w-status-row { display:flex; align-items:center; gap:10px; padding:12px 0; font-size:13px; font-weight:700; color:var(--muted2); } .w-status-dot { width:10px; height:10px; border-radius:50%; background:var(--muted); flex-shrink:0; } .w-status-dot.waiting { background:#f5c842; box-shadow:0 0 8px #f5c84266; animation:wpulse 1.5s infinite; } .w-status-dot.paid { background:var(--green); box-shadow:0 0 8px rgba(62,207,142,0.5); } .w-status-dot.error { background:var(--red); } @keyframes wpulse { 0%,100%{opacity:1} 50%{opacity:0.4} } .w-warning { background:rgba(245,200,66,0.08); border:1px solid rgba(245,200,66,0.2); border-radius:var(--radius); padding:10px 14px; font-size:12px; color:#f5c842; font-weight:600; line-height:1.5; } .w-error { font-size:13px; color:var(--red); font-weight:700; min-height:18px; margin-top:4px; } /* ══ BLACKJACK ══ */ .bj-layout { display:grid; grid-template-columns:240px 1fr; gap:20px; align-items:start; } .bj-controls { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:22px 18px; display:flex; flex-direction:column; gap:10px; } .bj-title { font-family:var(--display); font-size:17px; font-weight:900; margin-bottom:2px; } .bj-deal-btn { width:100%; padding:12px; background:linear-gradient(135deg,var(--accent),var(--accent2)); border:none; border-radius:var(--radius); color:#0d1117; font-family:var(--display); font-size:15px; font-weight:900; cursor:pointer; transition:all .15s; } .bj-deal-btn:hover { filter:brightness(1.08); } .bj-deal-btn:disabled { opacity:0.5; cursor:not-allowed; filter:none; } .bj-action-row { display:flex; gap:8px; } .bj-act-btn { flex:1; padding:11px; border-radius:var(--radius); border:none; font-family:var(--display); font-size:13px; font-weight:900; cursor:pointer; transition:all .15s; } .bj-hit { background:var(--accent); color:#0d1117; } .bj-hit:hover { filter:brightness(1.1); } .bj-stand { background:var(--surface3); border:1px solid var(--border-md); color:var(--text); } .bj-stand:hover { border-color:var(--border-hi); } .bj-dbl { background:var(--gold); color:#0d1117; } .bj-dbl:hover { filter:brightness(1.1); } .bj-act-btn:disabled { opacity:0.4; cursor:not-allowed; filter:none; } .bj-table { background:var(--bg); border:1px solid var(--border); border-radius:var(--radius-lg); padding:32px 28px; display:flex; flex-direction:column; align-items:center; gap:24px; min-height:420px; position:relative; } .bj-side { display:flex; flex-direction:column; align-items:center; gap:12px; width:100%; } .bj-label { font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,0.5); display:flex; align-items:center; gap:8px; } .bj-score { font-family:var(--display); font-size:14px; font-weight:900; color:#fff; background:rgba(255,255,255,0.12); padding:2px 10px; border-radius:20px; letter-spacing:0; text-transform:none; } .bj-hand { display:flex; gap:-8px; justify-content:center; flex-wrap:wrap; gap:8px; min-height:100px; align-items:center; } /* Cards */ .bj-card { width:70px; height:100px; border-radius:8px; background:#fff; border:1px solid rgba(0,0,0,0.15); display:flex; flex-direction:column; align-items:center; justify-content:center; font-family:var(--display); font-weight:900; font-size:18px; box-shadow:0 4px 16px rgba(0,0,0,0.4); flex-shrink:0; position:relative; animation:cardDeal .25s cubic-bezier(0.34,1.56,0.64,1) both; } @keyframes cardDeal { 0%{transform:translateY(-20px) scale(0.8);opacity:0} 100%{transform:none;opacity:1} } .bj-card.red { color:#e03030; } .bj-card.black { color:#1a1a2e; } .bj-card-val { font-size:20px; line-height:1; } .bj-card-suit { font-size:20px; line-height:1; } .bj-card.face-down { background:linear-gradient(135deg,#1a3a6e,#0f2448); border:1px solid rgba(255,255,255,0.1); } .bj-card.face-down::after { content:'🂠'; font-size:48px; color:rgba(255,255,255,0.3); } .bj-result { font-family:var(--display); font-size:28px; font-weight:900; text-align:center; min-height:40px; animation:cfPop .3s cubic-bezier(0.34,1.56,0.64,1) both; } .bj-result.win { color:var(--green); } .bj-result.loss { color:var(--red); } .bj-result.push { color:var(--gold); } /* ══ MULTI RESULT POPUP ══ */ .mr-overlay { position:fixed; inset:0; z-index:800; background:rgba(0,0,0,0.85); backdrop-filter:blur(10px); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .2s; } .mr-overlay.open { opacity:1; pointer-events:all; } .mr-modal { background:var(--surface); border:1px solid var(--border-hi); border-radius:16px; width:520px; max-width:94vw; max-height:85vh; display:flex; flex-direction:column; overflow:hidden; transform:translateY(16px); transition:transform .2s; } .mr-overlay.open .mr-modal { transform:translateY(0); } .mr-header { padding:20px 24px 16px; border-bottom:1px solid var(--border); flex-shrink:0; } .mr-body { overflow-y:auto; flex:1; } .mr-row { display:flex; align-items:center; gap:16px; padding:16px 24px; border-bottom:1px solid var(--border); } .mr-row:last-child { border-bottom:none; } .mr-img { width:72px; height:72px; object-fit:contain; flex-shrink:0; } .mr-info { flex:1; display:flex; flex-direction:column; gap:4px; } .mr-rarity { display:inline-block; padding:2px 8px; border-radius:20px; font-size:10px; font-weight:800; width:fit-content; } .mr-name { font-family:var(--display); font-size:15px; font-weight:900; } .mr-val { font-size:12px; color:var(--muted2); font-weight:600; } .mr-btns { display:flex; flex-direction:column; gap:6px; flex-shrink:0; } .mr-credited { font-size:13px; font-weight:700; color:var(--green); } .mr-footer { padding:16px 24px; border-top:1px solid var(--border); flex-shrink:0; } /* ══ MINES ══ */ .mines-layout { display:grid; grid-template-columns:240px 1fr; gap:20px; align-items:start; } .mines-controls { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:22px 18px; display:flex; flex-direction:column; gap:10px; } .mines-mine-row { display:flex; align-items:center; gap:10px; } .mines-multiplier-display { background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); padding:12px 14px; text-align:center; } .mines-multi-val { font-family:var(--display); font-size:28px; font-weight:900; color:var(--green); } .mines-payout-display { display:flex; align-items:center; justify-content:space-between; background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); padding:10px 14px; } .mines-profit-val { font-family:var(--display); font-size:16px; font-weight:900; color:var(--green); } .mines-cashout-btn { width:100%; padding:12px; background:linear-gradient(135deg,var(--green),#2da870); border:none; border-radius:var(--radius); color:#0d1117; font-family:var(--display); font-size:15px; font-weight:900; cursor:pointer; transition:all .15s; animation:minesPulse 1.5s ease-in-out infinite; } .mines-cashout-btn:hover { filter:brightness(1.08); } @keyframes minesPulse { 0%,100%{box-shadow:0 0 0 0 rgba(62,207,142,0.4)} 50%{box-shadow:0 0 0 8px rgba(62,207,142,0)} } .mines-arena { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:28px; display:flex; flex-direction:column; align-items:center; gap:20px; } .mines-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; width:100%; max-width:480px; } .mines-tile { aspect-ratio:1; border-radius:var(--radius); border:2px solid #2e4166; background:#1e2d45; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:26px; transition:all .15s; } .mines-tile:hover:not(.revealed):not(.disabled) { border-color:var(--accent); background:var(--surface3); transform:scale(1.04); } .mines-tile.gem { background:#0d1e3a; border-color:#00c8f8; animation:minesReveal .25s cubic-bezier(0.34,1.56,0.64,1) both; } .mines-tile.mine { background:#2e1515; border-color:#f06060; animation:minesReveal .25s cubic-bezier(0.34,1.56,0.64,1) both; } .mines-tile.disabled { cursor:default; } @keyframes minesReveal { 0%{transform:scale(0.6)} 100%{transform:scale(1)} } .mines-result { font-family:var(--display); font-size:22px; font-weight:900; text-align:center; min-height:28px; } .mines-result.win { color:var(--green); } .mines-result.loss { color:var(--red); } /* ══ ACCOUNT PAGE ══ */ .acct-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:24px; } .acct-bal-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:20px 22px; } .acct-bal-label { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; } .acct-bal-val { font-family:var(--display); font-size:26px; font-weight:900; } .acct-tabs { display:flex; gap:0; background:var(--surface2); border-radius:8px; padding:3px; width:fit-content; margin-bottom:16px; } .acct-tab { padding:8px 22px; border-radius:6px; border:none; background:none; font-family:var(--display); font-size:13px; font-weight:800; color:var(--muted2); cursor:pointer; transition:all .15s; } .acct-tab.active { background:var(--surface3); color:var(--text); } .acct-list { display:flex; flex-direction:column; gap:8px; } .acct-loading { text-align:center; padding:40px; color:var(--muted2); font-size:14px; font-weight:600; } .acct-empty { text-align:center; padding:50px 20px; color:var(--muted2); } .acct-row { display:flex; align-items:center; gap:16px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:14px 18px; } .acct-row-icon { width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; } .acct-row-icon.dep { background:rgba(0,200,248,0.12); } .acct-row-icon.with { background:rgba(245,200,66,0.12); } .acct-row-info { flex:1; } .acct-row-title { font-family:var(--display); font-size:14px; font-weight:800; } .acct-row-sub { font-size:11px; color:var(--muted2); font-weight:600; margin-top:2px; } .acct-row-amount { font-family:var(--display); font-size:16px; font-weight:900; } .acct-row-amount.dep { color:var(--green); } .acct-row-amount.with { color:var(--gold); } .acct-status { font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:3px 8px; border-radius:20px; } .acct-status.credited { background:rgba(62,207,142,0.15); color:var(--green); } .acct-status.waiting { background:rgba(245,200,66,0.12); color:var(--gold); } .acct-status.pending { background:rgba(245,200,66,0.12); color:var(--gold); } .acct-status.failed { background:rgba(240,96,96,0.1); color:var(--red); } /* ══ LEVEL SYSTEM ══ */ .nav-level-wrap { display:flex; flex-direction:column; align-items:center; gap:2px; } .level-badge { font-family:var(--display); font-size:13px; font-weight:900; color:var(--accent); background:rgba(0,200,248,0.1); border:1px solid rgba(0,200,248,0.25); border-radius:6px; padding:1px 7px; line-height:1.4; min-width:28px; text-align:center; } .level-xp-bar { width:48px; height:3px; background:var(--surface3); border-radius:2px; overflow:hidden; } .level-xp-bar-fill { height:100%; background:var(--accent); border-radius:2px; transition:width .4s; } .battles-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; } .battles-create-btn { background:linear-gradient(135deg,var(--accent),var(--accent2)); border:none; color:#0d1117; font-family:var(--display); font-size:13px; font-weight:900; padding:10px 20px; border-radius:var(--radius); cursor:pointer; transition:all .15s; } .battles-create-btn:hover { filter:brightness(1.1); } .battles-list { display:flex; flex-direction:column; gap:12px; } .battles-empty { text-align:center; padding:80px 20px; color:var(--muted2); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); } .battle-overlay { position:fixed; inset:0; z-index:700; background:rgba(0,0,0,0.85); backdrop-filter:blur(10px); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .2s; } .battle-overlay.open { opacity:1; pointer-events:all; } .battle-modal { background:var(--surface); border:1px solid var(--border-hi); border-radius:16px; width:620px; max-width:96vw; max-height:88vh; display:flex; flex-direction:column; overflow:hidden; transform:translateY(16px); transition:transform .2s; } .battle-overlay.open .battle-modal,.battle-overlay.open .battle-arena-modal { transform:translateY(0); } .battle-modal-header { display:flex; align-items:center; justify-content:space-between; padding:18px 24px; border-bottom:1px solid var(--border); flex-shrink:0; } .battle-modal-body { overflow-y:auto; padding:20px 24px; flex:1; display:flex; flex-direction:column; gap:10px; } .battle-modal-footer { padding:16px 24px; border-top:1px solid var(--border); display:flex; justify-content:flex-end; gap:12px; align-items:center; flex-shrink:0; } .battle-mode-row { display:flex; gap:10px; } .battle-mode-btn { flex:1; padding:12px 10px; border-radius:var(--radius); border:2px solid var(--border-md); background:var(--surface2); color:var(--muted2); font-family:var(--display); font-size:15px; font-weight:900; cursor:pointer; transition:all .15s; display:flex; flex-direction:column; align-items:center; gap:3px; } .battle-mode-btn span { font-size:10px; font-weight:600; color:var(--muted); letter-spacing:.04em; } .battle-mode-btn:hover { border-color:var(--border-hi); color:var(--text); } .battle-mode-btn.active { border-color:var(--accent); color:var(--accent); background:rgba(0,200,248,0.08); } .battle-mode-btn.active span { color:var(--accent2); } .battle-search { width:100%; background:var(--surface2); border:1px solid var(--border-md); color:var(--text); font-family:var(--sans); font-size:14px; padding:9px 14px; border-radius:var(--radius); outline:none; transition:border-color .15s; margin-bottom:8px; } .battle-search:focus { border-color:var(--accent); } .battle-case-picker { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; max-height:180px; overflow-y:auto; } .battle-pick-card { background:var(--surface2); border:2px solid var(--border-md); border-radius:var(--radius); padding:8px; cursor:pointer; text-align:center; transition:all .15s; } .battle-pick-card:hover { border-color:var(--accent); background:var(--surface3); } .battle-pick-card img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:4px; margin-bottom:5px; } .battle-pick-card .bpc-name { font-size:10px; font-weight:700; color:var(--text); line-height:1.3; } .battle-pick-card .bpc-price { font-size:10px; color:var(--accent); font-weight:800; margin-top:2px; } .battle-selected-list { display:flex; flex-direction:column; gap:6px; max-height:150px; overflow-y:auto; background:var(--surface2); border:1px solid var(--border-md); border-radius:var(--radius); padding:8px; min-height:52px; } .battle-sel-row { display:flex; align-items:center; gap:10px; padding:6px 8px; background:var(--surface3); border-radius:6px; } .battle-sel-row img { width:34px; height:34px; object-fit:contain; border-radius:4px; flex-shrink:0; } .battle-sel-name { flex:1; font-size:12px; font-weight:700; } .battle-sel-price { font-size:12px; color:var(--accent); font-weight:800; flex-shrink:0; } .battle-sel-remove { background:none; border:none; color:var(--muted2); cursor:pointer; font-size:16px; padding:0 4px; } .battle-sel-remove:hover { color:var(--red); } .bsel-qty-btn { width:26px; height:26px; background:var(--surface2); border:1px solid var(--border-md); border-radius:5px; color:var(--text); font-size:15px; font-weight:900; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .12s; flex-shrink:0; } .bsel-qty-btn:hover { border-color:var(--accent); color:var(--accent); } .bsel-qty-input { width:46px; height:26px; background:var(--surface3); border:1px solid var(--border-md); border-radius:5px; color:var(--text); font-family:var(--display); font-size:13px; font-weight:800; text-align:center; outline:none; } .bsel-qty-input:focus { border-color:var(--accent); } .battle-cost-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding-top:4px; border-top:1px solid var(--border); } .battle-cost-val { font-family:var(--display); font-size:18px; font-weight:900; margin-top:4px; } .battle-arena-modal { background:var(--surface); border:1px solid var(--border-hi); border-radius:16px; width:980px; max-width:97vw; max-height:96vh; display:flex; flex-direction:column; overflow:hidden; transform:translateY(16px); transition:transform .2s; } .battle-overlay.open .battle-arena-modal { transform:translateY(0); } /* Case queue bar at top */ .ba-case-queue { display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 20px; background:var(--bg); border-bottom:1px solid var(--border); flex-shrink:0; min-height:60px; flex-wrap:wrap; } .ba-case-thumb { width:40px; height:40px; border-radius:6px; object-fit:cover; opacity:0.4; transition:all .3s; flex-shrink:0; } .ba-case-thumb.active { opacity:1; transform:scale(1.25); filter:drop-shadow(0 0 6px var(--accent)); } .ba-case-thumb.done { opacity:0.2; } .ba-round-info { font-family:var(--display); font-size:11px; font-weight:800; color:var(--muted2); margin-left:12px; white-space:nowrap; } .ba-pot-info { font-family:var(--display); font-size:12px; font-weight:900; color:var(--accent); margin-right:12px; white-space:nowrap; } /* Case picker drawer */ .case-picker-drawer { background:var(--surface); border:1px solid var(--border-hi); border-radius:16px; width:600px; max-width:94vw; max-height:78vh; display:flex; flex-direction:column; overflow:hidden; transform:translateY(16px); transition:transform .2s; } .battle-overlay.open .case-picker-drawer { transform:translateY(0); } .case-picker-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding:14px 18px 18px; overflow-y:auto; flex:1; } .battle-pick-card { background:var(--surface2); border:2px solid var(--border-md); border-radius:var(--radius); padding:8px; cursor:pointer; text-align:center; transition:all .15s; } .battle-pick-card:hover { border-color:var(--accent); transform:scale(1.03); } .battle-pick-card img { width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:6px; margin-bottom:5px; } .battle-pick-card .bpc-name { font-size:10px; font-weight:800; color:var(--text); line-height:1.3; } .battle-pick-card .bpc-price { font-size:10px; color:var(--accent); font-weight:900; margin-top:2px; } /* Battle arena — larger */ .battle-arena-modal { background:var(--surface); border:1px solid var(--border-hi); border-radius:16px; width:1100px; max-width:99vw; max-height:98vh; display:flex; flex-direction:column; overflow:hidden; transform:translateY(16px); transition:transform .2s; position:relative; } .battle-overlay.open .battle-arena-modal { transform:translateY(0); } .ba-reels-wrap { display:flex; flex:1; min-height:400px; max-height:480px; overflow:hidden; } .ba-reel-col { flex:1; border-right:1px solid var(--border); display:flex; flex-direction:column; min-width:0; } .ba-reel-col:last-child { border-right:none; } .ba-reel-head { padding:8px 10px; text-align:center; background:var(--surface2); border-bottom:1px solid var(--border); flex-shrink:0; } .ba-reel-name { font-family:var(--display); font-size:13px; font-weight:900; } .ba-reel-tag { font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-top:1px; } .ba-reel-tag.you { color:var(--accent); } .ba-reel-tag.bot { color:var(--muted2); } .ba-reel-viewport { flex:1; position:relative; overflow:hidden; background:var(--bg); } .ba-reel-viewport::before { content:''; position:absolute; top:0; left:0; right:0; height:33%; background:linear-gradient(to bottom,var(--bg),transparent); z-index:3; pointer-events:none; } .ba-reel-viewport::after { content:''; position:absolute; bottom:0; left:0; right:0; height:33%; background:linear-gradient(to top,var(--bg),transparent); z-index:3; pointer-events:none; } .ba-reel-needle { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); height:2px; background:var(--accent); z-index:4; box-shadow:0 0 8px var(--accent); } .ba-reel-track { display:flex; flex-direction:column; gap:4px; padding:4px 6px; will-change:transform; } .ba-reel-item { display:flex; align-items:center; justify-content:center; background:var(--surface2); border:1px solid var(--border-md); border-radius:8px; padding:6px; flex-shrink:0; height:110px; } .ba-reel-item.winner-item { border-color:var(--accent); background:rgba(0,200,248,0.08); } .ba-reel-item img { width:90px; height:90px; object-fit:contain; } .ba-reel-item-name { display:none; } .ba-reel-item-val { display:none; } .ba-reel-total { text-align:center; padding:6px; font-family:var(--display); font-size:14px; font-weight:900; background:var(--surface2); border-top:1px solid var(--border); flex-shrink:0; } .case-sort-btns { display:flex; gap:6px; margin-left:auto; } .case-sort-btn { background:var(--surface2); border:1px solid var(--border-md); color:var(--muted2); font-family:var(--display); font-size:11px; font-weight:800; padding:5px 10px; border-radius:6px; cursor:pointer; transition:all .15s; } .case-sort-btn:hover { border-color:var(--border-hi); color:var(--text); } .case-sort-btn.active { border-color:var(--accent); color:var(--accent); background:rgba(0,200,248,0.08); } /* Player bar at bottom */ .ba-players-bar { display:flex; border-top:1px solid var(--border); flex-shrink:0; background:var(--surface2); } .ba-player-card { flex:1; display:flex; align-items:center; gap:10px; padding:10px 14px; border-right:1px solid var(--border); } .ba-player-card:last-child { border-right:none; } .ba-player-avatar { width:32px; height:32px; border-radius:50%; background:var(--surface3); border:2px solid var(--border-md); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:900; font-family:var(--display); flex-shrink:0; } .ba-player-info { flex:1; min-width:0; } .ba-player-name { font-family:var(--display); font-size:13px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ba-player-lvl { font-size:10px; font-weight:700; color:var(--muted2); } .ba-player-total { font-family:var(--display); font-size:14px; font-weight:900; flex-shrink:0; } .ba-player-card.winner-card { background:rgba(245,200,66,0.08); border-color:var(--gold); } .ba-player-card.winner-card .ba-player-total { color:var(--gold); } /* History */ .ba-history-wrap { border-top:1px solid var(--border); background:var(--bg); overflow-y:auto; max-height:220px; flex-shrink:0; } .ba-history-inner { display:flex; flex-direction:column; gap:0; } .ba-hist-round { display:flex; border-bottom:1px solid rgba(255,255,255,0.04); } .ba-hist-round-num { width:60px; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; color:var(--muted); flex-shrink:0; border-right:1px solid rgba(255,255,255,0.04); padding:8px 4px; } .ba-hist-cells { display:flex; flex:1; } .ba-hist-cell { flex:1; display:flex; align-items:center; gap:7px; padding:7px 10px; border-right:1px solid rgba(255,255,255,0.04); min-width:0; } .ba-hist-cell:last-child { border-right:none; } .ba-hist-cell img { width:32px; height:32px; object-fit:contain; flex-shrink:0; } .ba-hist-cell-name { font-size:10px; font-weight:700; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ba-hist-cell-val { font-size:10px; font-weight:800; color:var(--muted2); } .ba-winner-overlay { position:absolute; inset:0; z-index:20; background:rgba(13,18,35,0.96); backdrop-filter:blur(8px); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; padding:32px; animation:baWinIn .4s cubic-bezier(0.34,1.56,0.64,1) both; border-radius:16px; } @keyframes baWinIn { 0%{opacity:0;transform:scale(0.92)} 100%{opacity:1;transform:scale(1)} } .ba-winner-title { font-family:var(--display); font-size:42px; font-weight:900; color:var(--accent); text-align:center; line-height:1.1; } .ba-winner-sub { font-family:var(--display); font-size:18px; font-weight:700; color:var(--muted2); text-align:center; } .ba-winner-actions { display:flex; gap:12px; margin-top:8px; flex-wrap:wrap; justify-content:center; } .ba-action-btn { padding:12px 28px; border-radius:var(--radius); font-family:var(--display); font-size:14px; font-weight:900; cursor:pointer; transition:all .15s; border:none; } .ba-action-keep { background:var(--accent); color:#0d1117; } .ba-action-keep:hover { filter:brightness(1.1); } .ba-action-sell { background:var(--surface2); border:1px solid var(--border-md); color:var(--text); } .ba-action-sell:hover { border-color:var(--border-hi); } .ba-action-close { background:var(--surface2); border:1px solid var(--border-md); color:var(--muted2); } .ba-action-close:hover { color:var(--text); } .battle-lobby-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:16px 20px; display:flex; align-items:center; gap:16px; } /* ══ HOME PAGE ══ */ .home-wrap { display:flex; flex-direction:column; gap:28px; } .home-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; background:linear-gradient(135deg,var(--surface) 60%,rgba(0,200,248,0.04)); border:1px solid var(--border); border-radius:20px; padding:36px 40px 0 40px; overflow:hidden; min-height:260px; position:relative; } .home-hero-left { display:flex; flex-direction:column; gap:14px; max-width:460px; z-index:1; padding-bottom:36px; } .home-welcome { font-family:var(--display); font-size:13px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); } .home-tagline { font-family:var(--display); font-size:28px; font-weight:900; line-height:1.25; color:var(--text); } .home-hero-btns { display:flex; gap:10px; flex-wrap:wrap; } .home-cta-btn { padding:12px 26px; background:linear-gradient(135deg,var(--accent),var(--accent2)); border:none; border-radius:var(--radius); color:#0d1117; font-family:var(--display); font-size:14px; font-weight:900; cursor:pointer; transition:all .15s; } .home-cta-btn:hover { filter:brightness(1.1); transform:translateY(-1px); } .home-cta-ghost { background:var(--surface2); border:1px solid var(--border-md); color:var(--text); } .home-cta-ghost:hover { border-color:var(--accent); color:var(--accent); filter:none; } .home-hero-right { flex-shrink:0; display:flex; align-items:flex-end; height:260px; } .home-ct-video { height:100%; width:auto; max-width:200px; object-fit:contain; object-position:bottom; } .home-section-label { font-family:var(--display); font-size:13px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; color:var(--muted2); } .home-section-head { display:flex; align-items:center; justify-content:space-between; } .home-games-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; } .home-game-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); display:flex; flex-direction:column; cursor:pointer; transition:all .18s; overflow:hidden; position:relative; } .home-game-card:hover { transform:translateY(-4px); border-color:var(--border-hi); box-shadow:0 12px 32px rgba(0,0,0,0.35); } .home-game-thumb { width:100%; aspect-ratio:3/4; object-fit:cover; display:block; flex-shrink:0; } .home-game-name { font-family:var(--display); font-size:13px; font-weight:900; color:var(--text); text-transform:uppercase; letter-spacing:.05em; padding:10px 12px 2px; } .home-game-sub { font-size:10px; font-weight:700; color:var(--muted2); text-transform:uppercase; letter-spacing:.08em; padding:0 12px 12px; } .home-cases-scroll { display:flex; gap:12px; overflow-x:auto; padding-bottom:6px; scrollbar-width:thin; } .home-cases-scroll::-webkit-scrollbar { height:4px; } .home-cases-scroll::-webkit-scrollbar-track { background:var(--surface2); border-radius:2px; } .home-cases-scroll::-webkit-scrollbar-thumb { background:var(--border-md); border-radius:2px; } .home-case-pill { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:12px; cursor:pointer; transition:all .15s; flex-shrink:0; width:130px; text-align:center; } .home-case-pill:hover { border-color:var(--accent); transform:translateY(-2px); } .home-case-pill img { width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:6px; margin-bottom:6px; } .home-case-pill-name { font-size:11px; font-weight:800; color:var(--text); line-height:1.3; } .home-case-pill-price { font-size:11px; font-weight:900; color:var(--accent); margin-top:2px; } .rewards-social-card { margin-bottom:20px; } .rewards-giveaway-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:24px; display:flex; flex-direction:column; gap:16px; } .rewards-giveaway-top { display:flex; align-items:center; justify-content:space-between; gap:20px; } .rewards-entries-badge { background:linear-gradient(135deg,rgba(0,200,248,0.12),rgba(0,160,204,0.08)); border:2px solid var(--accent); border-radius:14px; padding:16px 22px; text-align:center; flex-shrink:0; } .rewards-entries-num { font-family:var(--display); font-size:40px; font-weight:900; color:var(--accent); line-height:1; } .rewards-entries-label { font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--accent2); margin-top:4px; } .rewards-progress-track { height:10px; background:var(--surface2); border-radius:5px; overflow:hidden; border:1px solid var(--border-md); } .rewards-progress-fill { height:100%; background:linear-gradient(90deg,var(--accent),var(--accent2)); border-radius:5px; transition:width .6s cubic-bezier(0.34,1.56,0.64,1); }
Welcome to CACHE.BET
Open cases, battle players, flip coins.
Real skins. Real stakes.
Our Games
Cases
Unbox skins
Battles
VS players
Coinflip
Heads or tails
Dice
Roll the odds
Blackjack
Beat the dealer
Mines
Find the gems
Featured Cases
CS2 Cases
Hype Boxes
Slot Remixs

All Hype Boxes

All CS2 Cases

All Slot Remixs

Inventory

0 items

No items yet

Open some cases to start building your inventory.

Case Battles

No battles yet
Create a battle to get started
Create Battle
Battle Mode
Game Type
Cases 0 / 50
Click "+ Add Case" to build your battle
Per player
$0.00
Your cost
$0.00
Est. skin value
$0.00
Select a Case
Coinflip
Pick your side
Bet Amount
$
Potential Win $20.00
Waiting for flip…
Recent Flips
Dice
Bet Amount
$
Payout on Win
$ 19.80
—
0255075100
Game Mode — Roll Over
Roll Over
> 50.00 ⇌
Win Chance
49.50 %
Multiplier
1.9800 ×
Blackjack
Bet Amount
$
Dealer
You
Mines
Bet Amount
$
Number of Mines
of 25 tiles

Rewards

🎉
Weekly Giveaways Every Week
Follow us on X (Twitter) and Instagram at @cachedotbet on X and @cache.bet on Instagram to stay up to date on our latest giveaways, promotions, and weekly prize drops. Winners are announced exclusively on our socials — don't miss out.
Weekly Giveaway
Deposit $100 to earn an entry. Entries never expire.
Progress to next entry $0 / $100
Deposit $100 to qualify for weekly giveaways.

Account

Referral Code
Use a referral code to get $3 free credit
Current Balance
$0.00
Total Deposited
$0.00
Total Withdrawn
$0.00
Loading…

Influencer Payouts

Your Referral Code
Share this with your audience
—
Total Referred Users
0
Total Fan Deposits
$0.00
Total Earned
$0.00
Pending Payout
Commission earned and not yet paid out
$0.00
Payouts are processed manually within 24–48 hours.

Payout Requests

No payout requests yet.

Recent Earnings

No earnings yet.

Settings

Profile Picture
Shown in battles and your profile
?
Username
Shown in battles and leaderboards (letters, numbers, underscores only)
Email Address
Your account email
Sound Effects
Play audio when spinning cases
Spin Animations
Show the reel when opening a case
Daily Spending Limit
Set a cap on how much you can spend per day (USD)
$
Welcome Back
Sign in to your account
$0.00
Select Cryptocurrency
Deposit Amount (USD)
$
Referral Code (optional)
Your Items
Keep or sell each item below
Terms of Service
Last Updated: May 2026

Welcome to Cache.bet ("Cache.bet", "we", "us", or "our"). These Terms of Service ("Terms") govern your access to and use of our website, platform, and services (collectively, the "Service"). By creating an account or using Cache.bet, you agree to be bound by these Terms. If you do not agree, you must discontinue use immediately.

1. ELIGIBILITY

1.1 You must be at least 18 years old, or the legal age of majority in your jurisdiction (whichever is higher), to use the Service.

1.2 By using Cache.bet, you represent and warrant that:

  • You have full legal capacity to enter into binding agreements
  • Your use of the Service complies with all applicable laws and regulations
  • You are not located in a jurisdiction where such services are prohibited

1.3 We reserve the right to request identity verification (KYC) at any time to ensure compliance.

2. NATURE OF THE SERVICE

2.1 Cache.bet provides an online entertainment platform featuring randomized case-opening mechanics.

2.2 All outcomes are generated using provably fair or randomized systems designed to ensure integrity and transparency.

2.3 By participating, you acknowledge that:

  • Outcomes are determined by chance
  • Results are not guaranteed
  • Prior outcomes do not influence future results

3. CACHE DOLLARS (CD)

3.1 Cache.bet uses an internal balance system known as "Cache Dollars" ("CD").

3.2 Cache Dollars are issued at a fixed rate: 1 Cache Dollar (CD) = 1 USD

3.3 Users may acquire Cache Dollars by depositing supported cryptocurrencies or fiat payment methods.

3.4 Cache Dollars may be used to participate in activities on the platform or redeemed for supported cryptocurrencies or fiat, subject to applicable conditions.

3.5 Cache.bet reserves the right to apply reasonable processing fees, set minimum and maximum withdrawal limits, and require identity verification prior to withdrawals.

3.6 Cache Dollars are non-transferable between accounts unless explicitly authorized.

4. DEPOSITS AND WITHDRAWALS

4.1 Deposits are credited after sufficient confirmation on the relevant payment network or processor.

4.2 Withdrawals are subject to security checks and verification, may require additional documentation, and may be delayed for operational or compliance reasons.

4.3 Cache.bet does not guarantee specific withdrawal processing times.

4.4 Users are responsible for ensuring the accuracy of wallet addresses and payment details.

5. GAMBLING RISK DISCLOSURE

5.1 Participation in case-opening or similar activities involves risk.

5.2 By using the Service, you acknowledge that you may lose funds, outcomes are based on probability and randomness, and you are solely responsible for your financial decisions.

5.3 You agree to use the Service responsibly and within your financial means.

6. ACCOUNT RESPONSIBILITY

6.1 You are responsible for maintaining the confidentiality of your account credentials.

6.2 You agree not to share or sell your account, use another person's account, or use automated scripts, bots, or unauthorized tools.

6.3 All activity conducted under your account is deemed your responsibility.

7. SECURITY AND COMPLIANCE

7.1 To maintain platform integrity, Cache.bet may monitor activity for compliance and security purposes.

7.2 We reserve the right to temporarily restrict accounts, delay transactions, or request verification documents where reasonably necessary to ensure compliance with applicable laws and platform rules.

8. PROHIBITED ACTIVITIES

Users agree not to engage in:

  • Fraudulent activity or chargebacks
  • Money laundering or use of illicit funds
  • Exploitation of bugs or unintended mechanics
  • Collusion or manipulation of outcomes
  • Circumvention of platform safeguards

Violation may result in account suspension or termination.

9. INTELLECTUAL PROPERTY

9.1 All platform content, including design, software, and branding, is owned by Cache.bet or its licensors.

9.2 Unauthorized use, reproduction, or distribution is prohibited.

10. LIMITATION OF LIABILITY

10.1 The Service is provided on an "as is" and "as available" basis.

10.2 Cache.bet is not liable for financial losses resulting from gameplay, technical interruptions or downtime, or delays caused by third-party services.

10.3 To the extent permitted by law, liability is limited to the amount of funds held in your account at the time of the relevant issue.

11. MODIFICATIONS

11.1 Cache.bet reserves the right to modify platform features, game mechanics, and these Terms.

11.2 Continued use of the Service constitutes acceptance of any updates.

12. TERMINATION

12.1 We may suspend or terminate accounts where necessary to protect platform integrity or comply with legal obligations.

12.2 Users may discontinue use at any time.

13. THIRD-PARTY SERVICES

13.1 The platform may rely on third-party providers for payments, hosting, and other services.

13.2 Cache.bet is not responsible for failures or delays caused by such providers.

14. RESPONSIBLE USE

14.1 If you believe your use of the platform is becoming problematic, you are encouraged to seek support from appropriate resources.

14.2 Cache.bet may provide optional tools to help users manage their activity.

15. GOVERNING LAW

These Terms shall be governed by applicable laws and regulations in the relevant jurisdiction of operation. Any disputes shall be resolved in accordance with such laws.

16. GENERAL PROVISIONS

16.1 If any provision of these Terms is found invalid, the remaining provisions remain enforceable.

16.2 These Terms constitute the entire agreement between you and Cache.bet.

By using Cache.bet, you confirm that you have read, understood, and agreed to these Terms of Service.