@font-face{font-family:Tajawal;src:url(../fonts/tajawal-400-arabic.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Tajawal;src:url(../fonts/tajawal-400-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF}@font-face{font-family:Tajawal;src:url(../fonts/tajawal-700-arabic.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Tajawal;src:url(../fonts/tajawal-700-latin.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF}@font-face{font-family:Tajawal;src:url(../fonts/tajawal-800-arabic.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Tajawal;src:url(../fonts/tajawal-800-latin.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0000-00FF}:root{--bar: rgba(17, 19, 24, .92);--panel: #23262e;--panel-hi: #2d313b;--line: #3a3f4a;--text: #e9ebef;--text-dim: #9aa1ad;--green: #35c142;--green-hi: #4fd65c;--yellow: #f4c531;--yellow-hi: #ffd95a;--red: #e8402f}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;overflow:hidden;background:#191b20;font-family:Tajawal,Trebuchet MS,Segoe UI,Tahoma,Arial,sans-serif;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;display:block}#topbar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(#0c0d11d9,#0c0d118c);color:var(--text);z-index:5}.logo{font-family:Arial Black,Arial,sans-serif;font-size:22px;letter-spacing:.5px;color:#fff;transform:skew(-4deg);text-shadow:0 2px 0 rgba(0,0,0,.45)}.logo span{color:var(--red);margin-left:6px}.top-right{display:flex;align-items:center;gap:16px}.howto{background:none;border:none;color:var(--text-dim);font-size:13px;font-family:inherit;cursor:pointer;text-decoration:underline dotted}.howto:hover{color:var(--text)}.lang-btn{background:#ffffff0f;border:1px solid var(--line);border-radius:14px;color:var(--text-dim);font-size:12px;font-weight:700;font-family:inherit;padding:4px 12px;cursor:pointer}.lang-btn:hover{color:var(--text);background:var(--panel-hi)}.balance{display:flex;align-items:center;gap:7px;background:#ffffff14;border:1px solid var(--line);border-radius:20px;padding:5px 14px 5px 8px;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.balance .coin-ico{width:22px;height:22px}.balance .cur{color:var(--text-dim);font-size:11px;font-weight:600}#controls{position:absolute;left:50%;transform:translate(-50%);bottom:14px;width:min(1180px,calc(100% - 24px));display:flex;align-items:stretch;gap:22px;background:var(--bar);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:12px 18px;color:var(--text);z-index:5;box-shadow:0 12px 40px #00000073}.block-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.bet-block{flex:0 0 auto}.bet-row{display:flex;gap:6px;align-items:center}.bet-row .mini{background:var(--panel);border:1px solid var(--line);color:var(--text-dim);font-size:11px;font-weight:700;border-radius:8px;padding:9px 10px;cursor:pointer}.bet-row .mini:hover:enabled{background:var(--panel-hi);color:var(--text)}#bet-input{width:110px;background:#14161b;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:17px;font-weight:700;text-align:center;padding:7px 6px;font-variant-numeric:tabular-nums}#bet-input:focus{outline:1px solid var(--green)}.chips{display:flex;gap:5px;margin-top:7px}.chip{background:var(--panel);border:1px solid var(--line);color:var(--text-dim);border-radius:14px;font-size:12px;font-weight:700;padding:4px 11px;cursor:pointer}.chip:hover:enabled{background:var(--panel-hi);color:var(--text)}.diff-block{flex:1 1 auto;min-width:0}.segment{display:flex;background:#14161b;border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px}.segment button{flex:1;background:none;border:none;border-radius:8px;color:var(--text-dim);font-size:13px;font-weight:700;padding:9px 4px;cursor:pointer;white-space:nowrap}.segment button:hover:enabled{color:var(--text)}.segment button.on{background:var(--panel-hi);color:var(--text);box-shadow:inset 0 0 0 1px var(--line),0 1px 4px #0006}.odds{margin-top:7px;font-size:11.5px;color:var(--text-dim)}.odds b{color:var(--text)}.action-block{display:flex;gap:10px;align-items:stretch;flex:0 0 auto}.play{min-width:168px;border:none;border-radius:12px;background:linear-gradient(180deg,var(--green-hi),var(--green));color:#fff;font-size:21px;font-weight:800;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px #1f8a2a,0 8px 22px #35c14259;transition:transform .06s,box-shadow .06s,filter .15s}.play:hover:enabled{filter:brightness(1.07)}.play:active:enabled{transform:translateY(3px);box-shadow:0 1px #1f8a2a}.play:disabled{filter:saturate(.4) brightness(.75);cursor:default}.cashout{min-width:172px;border:none;border-radius:12px;background:linear-gradient(180deg,var(--yellow-hi),var(--yellow));color:#4a3505;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 14px;box-shadow:0 4px #b8901c,0 8px 22px #f4c5314d;transition:transform .06s,box-shadow .06s,filter .15s}.cashout:hover:enabled{filter:brightness(1.06)}.cashout:active:enabled{transform:translateY(3px);box-shadow:0 1px #b8901c}.cashout:disabled{filter:saturate(.5) brightness(.85);cursor:default}.co-label{font-size:13px;font-weight:800;letter-spacing:1px}.co-amt{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}#controls.locked .block-label{opacity:.5}button:disabled{opacity:.55}.play:disabled,.cashout:disabled{opacity:1}#overlay{position:absolute;inset:0;pointer-events:none;z-index:6}.toast-host{position:absolute;left:50%;top:26%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.toast{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 30px;border-radius:14px;color:#fff;font-weight:800;font-size:17px;opacity:0;transform:scale(.8) translateY(8px);transition:opacity .25s,transform .3s cubic-bezier(.2,1.6,.4,1);box-shadow:0 14px 40px #00000080}.toast.show{opacity:1;transform:scale(1) translateY(0)}.toast.win{background:linear-gradient(180deg,#43cf51,#2ba238);border:2px solid #7fe98a}.toast.lose{background:linear-gradient(180deg,#e8544a,#c2322a);border:2px solid #ff9b93}.toast-mult{font-size:26px;text-shadow:0 2px 0 rgba(0,0,0,.3)}.toast-amt{font-size:18px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.modal-back{position:absolute;inset:0;background:#08090ca8;display:flex;align-items:center;justify-content:center;pointer-events:auto}.modal{width:min(460px,calc(100% - 40px));background:var(--panel);border:1px solid var(--line);border-radius:16px;color:var(--text);padding:26px 28px 22px;box-shadow:0 24px 80px #0009}.modal h2{font-size:20px;margin-bottom:14px}.modal ol{margin-left:20px;display:grid;gap:9px;font-size:14px;color:#c8cdd6}.modal .fair{margin-top:14px;font-size:11px;color:var(--text-dim);font-family:ui-monospace,Menlo,monospace;word-break:break-all}.modal-close{margin-top:16px;width:100%;border:none;border-radius:10px;background:var(--green);color:#fff;font-size:15px;font-weight:800;padding:11px;cursor:pointer}.modal-close:hover{filter:brightness(1.08)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.shake{animation:shake .4s}@keyframes flashPop{0%{transform:scale(1)}35%{transform:scale(1.06)}to{transform:scale(1)}}.flash{animation:flashPop .3s}@media (max-width: 900px){#controls{flex-wrap:wrap;gap:12px}.action-block{width:100%}.play,.cashout{flex:1;padding:12px 8px}}@media (max-width: 560px){#topbar{height:48px;padding:0 10px}.logo{font-size:15px}.top-right{gap:8px}.howto{font-size:11.5px}.balance{font-size:12.5px;padding:4px 10px 4px 6px;gap:5px}.balance .coin-ico{width:17px;height:17px}#controls{bottom:8px;width:calc(100% - 16px);padding:9px 12px;gap:9px;border-radius:12px}.block-label{font-size:9px;margin-bottom:4px}.bet-row{gap:4px}.bet-row .mini{padding:7px 8px;font-size:10px}#bet-input{width:78px;font-size:14px;padding:6px 4px}.chips{gap:4px;margin-top:5px}.chip{padding:3px 8px;font-size:10.5px}.segment button{font-size:11px;padding:8px 2px}.odds{font-size:10px;margin-top:5px}.play{font-size:17px;min-height:46px}.cashout{min-width:0;padding:4px 10px}.co-label{font-size:11px}.co-amt{font-size:14px}}