*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 50% 0,#20332b 0,#0a1210 65%);color:#edf4ed;font:16px Vazirmatn,system-ui,sans-serif;min-height:100svh;display:grid;place-items:center;padding:24px}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid #bdff39;outline-offset:3px}button:disabled{cursor:default;opacity:.48}.game{width:min(1240px,100%);display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:'header header' 'stage controls';direction:ltr;background:#111d18;border:1px solid #314038;border-radius:24px;overflow:hidden;box-shadow:0 30px 100px #0007}header{grid-area:header;height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #293b30;background:#13211a}.brand{display:flex;gap:10px;align-items:center}.brand-ring{width:28px;height:28px;border:7px solid #bdff39;border-radius:50%;box-shadow:inset 2px 0 #709c18}.brand b{font:900 20px Vazirmatn,sans-serif;letter-spacing:-.6px}.brand b span{color:#bdff39}.tools{display:flex;gap:8px}.icon{width:38px;height:38px;border:1px solid #354a3a;background:#1d3024;border-radius:12px;color:#cadacb;display:grid;place-items:center}.icon:hover{background:#2a3f2e}.icon svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.stage{grid-area:stage;position:relative;height:clamp(490px,76svh,780px);overflow:hidden;min-width:0;background:#35c4ee;direction:rtl}canvas{display:block;width:100%;height:100%}.stage-top,.scoreboard{display:none}.start-tip{position:absolute;bottom:20px;left:14px;right:14px;text-align:center;color:#65431c;font-size:13px;font-weight:bold;text-shadow:0 1px #fff5;pointer-events:none}.controls{grid-area:controls;direction:rtl;padding:27px 21px 21px;background:linear-gradient(155deg,#1b2b20,#111c16 75%);display:flex;flex-direction:column;gap:24px;border-left:1px solid #314333}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h1{font-size:21px;margin:8px 0 0;font-weight:600}.panel-heading>div>span{font:10px Vazirmatn;letter-spacing:1.8px;color:#779680}.demo-badge{font-size:11px;color:#acd086;padding:6px 10px;border:1px solid #405536;border-radius:7px;background:#293b24}.balance{padding:15px;background:#101c14;border:1px solid #354731;border-radius:14px}.balance-title{display:flex;align-items:center;gap:7px;color:#95ac95;font-size:12px}.balance-title svg{width:18px;height:18px;fill:none;stroke:#a6cb86;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.balance strong{display:block;margin-top:11px;font:bold 24px Vazirmatn;color:#eff8e7;text-align:left}.balance small{font:9px Vazirmatn;color:#7f9978;letter-spacing:.8px;margin-left:3px}.bet-row{display:flex;flex-direction:column;gap:16px}.stake-group{display:flex;flex-direction:column;gap:8px}.bet-box{display:block;min-width:0;padding:12px 14px 10px;border:1px solid #48623f;border-radius:12px;background:#0b140e;transition:border-color .2s,box-shadow .2s}.bet-box:focus-within{border-color:#b4e54f;box-shadow:0 0 0 3px #b4e54f12}.bet-box>span{display:block;color:#9eb296;font-size:12px;margin-bottom:7px}.amount-line{display:flex;direction:ltr;align-items:baseline;gap:5px}.amount-line input{font:bold 28px Vazirmatn;min-width:0;width:100%;background:transparent;border:0;outline:none!important;color:#fff;padding:0;-moz-appearance:textfield}.amount-line small{font:9px Vazirmatn;color:#677f61;letter-spacing:.5px}.amount-line input::-webkit-inner-spin-button{display:none}.bet-adjust{display:flex;gap:7px;direction:ltr}.bet-adjust button{flex:1;border:1px solid #3b5134;border-radius:8px;height:33px;background:#21311e;color:#b9cdae;font:bold 15px Vazirmatn;transition:background .15s}.bet-adjust button:hover{background:#31472a;color:#effbdd}.play{position:relative;background:linear-gradient(120deg,#d2ff58,#aeea31);border:1px solid #d8ff76;border-bottom:4px solid #749f1c;color:#182506;border-radius:12px;min-height:66px;display:flex;gap:12px;align-items:center;justify-content:center;font-weight:bold;font-size:17px;box-shadow:0 6px 20px #a4e42c12;transition:filter .15s,transform .15s}.play:hover:not(:disabled){filter:brightness(1.08)}.play:active:not(:disabled){transform:translateY(2px)}.play svg{width:18px;fill:currentColor}.play.cashout{background:linear-gradient(120deg,#ffed72,#ffd13e);border-color:#ffeb88;border-bottom-color:#b48a16}.play.cashout svg{display:none}.play.cashout span{font-size:12px;line-height:1.7}.play.cashout b{display:block;font:900 21px Vazirmatn;line-height:1.2}.footer-line{margin-top:auto;padding-top:25px;display:flex;flex-direction:column;align-items:center;gap:18px;color:#91a189;font-size:11px}#hint{display:flex;gap:15px;align-items:center}#hint>span{display:inline-flex;align-items:center;gap:5px;font:900 17px Vazirmatn}#hint i{font:11px Vazirmatn,Vazirmatn;font-style:normal}.legend-white{color:#d4dece}.legend-gold{color:#e9c454}.round{color:#758d70;border-top:1px solid #2e4129;width:100%;text-align:center;padding-top:15px}#error{color:#ffb595;font-size:12px;line-height:1.8;margin:0}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#079fdd;color:white;font-size:14px;z-index:5}.load-ring{width:48px;height:48px;border:7px solid #163339;border-top-color:#bdff39;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.result{position:absolute;top:30%;left:50%;transform:translateX(-50%);width:min(350px,82%);background:#112117ee;border:1px solid #8dad6855;backdrop-filter:blur(10px);box-shadow:0 12px 40px #0004;border-radius:20px;text-align:center;padding:25px 14px;animation:appear .3s ease-out;z-index:3}.result span{font-size:15px;color:#dce6da}.result strong{display:block;margin:10px 0;font:900 clamp(24px,4vw,38px) Vazirmatn;color:#c1ff46;overflow-wrap:anywhere}.result small{font-size:12px;color:#9daf9f}.result.lost{border-color:#ff946655}.result.lost strong{color:#ff9066}@keyframes appear{from{opacity:0;margin-top:15px}to{opacity:1;margin-top:0}}dialog{position:fixed;width:min(440px,calc(100% - 32px));border:1px solid #3c5245;background:#14211a;color:#eff4eb;border-radius:20px;padding:30px 25px;line-height:1.9;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#06110dbb;backdrop-filter:blur(6px)}dialog h1{font-size:21px;margin:12px 0}dialog p{font-size:14px;color:#bdcdbf}dialog small{display:block;color:#8b9f8e;font-size:12px}.close{position:absolute;top:10px;left:12px;background:transparent;border:0;color:#b6c7b9;font:26px Vazirmatn}.dialog-eyebrow{color:#b7ee3c;font:11px Vazirmatn;letter-spacing:2px}.rule{display:flex;align-items:center;gap:16px}.rule b{font:900 34px Vazirmatn;color:white}.rule.gold b{color:#ffe438}.rule p{margin:5px 0}.understood{width:100%;background:#bdff39;color:#172305;border:0;border-radius:10px;padding:12px;margin-top:20px;font-weight:bold}
@media(max-width:850px){body{padding:0;background:#142018}.game{width:100%;max-width:650px;border:0;border-radius:0;grid-template-columns:1fr;grid-template-areas:'header' 'stage' 'controls';box-shadow:none}header{height:52px;padding:0 16px}.brand b{font-size:18px}.brand-ring{width:25px;height:25px;border-width:6px}.icon{width:34px;height:34px;border-radius:10px}.stage{height:calc(100svh - 235px);min-height:320px;max-height:900px}.controls{padding:12px 14px max(12px,env(safe-area-inset-bottom));gap:11px;border-left:0;border-top:1px solid #405331;background:linear-gradient(150deg,#22311e,#152016)}.panel-heading{display:none}.balance{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 1px;border:0;background:none;border-radius:0}.balance strong{font-size:18px;margin:0}.balance-title{font-size:11px}.balance-title svg{width:16px}.balance small{font-size:8px}.bet-row{display:grid;grid-template-columns:1.05fr 1fr;gap:12px;align-items:stretch}.stake-group{display:grid;grid-template-columns:1fr 36px;gap:5px;min-width:0}.bet-box{padding:9px 10px;border-radius:11px}.bet-box>span{font-size:11px;margin-bottom:5px}.amount-line input{font-size:24px}.amount-line small{font-size:7px}.bet-adjust{flex-direction:column;gap:5px}.bet-adjust button{height:auto;min-height:28px;font-size:13px;border-radius:7px}.play{min-height:74px;border-radius:12px;font-size:16px;gap:8px}.play.cashout b{font-size:18px}.footer-line{margin:0;padding:0;flex-direction:row;justify-content:space-between;gap:7px}.round{width:auto;border:0;padding:0;white-space:nowrap;font-size:10px}#hint{gap:12px}#hint i{font-size:10px}#hint>span{font-size:14px}.start-tip{font-size:11px;bottom:15px}}
@media(max-width:360px){.controls{padding-left:10px;padding-right:10px}.bet-row{gap:8px}.amount-line small{display:none}.play{font-size:14px}.balance-title{font-size:10px}}@media(prefers-reduced-motion:reduce){.result{animation:none}}
.balance-title,.bet-box>span,.footer-line,#hint i,.round{font-size:12px}.balance small,.amount-line small{font-size:12px}@media(max-width:850px){.stage{height:calc(100svh - 215px)}.amount-line small{display:none}.balance small{font-size:10px}.round,#hint i{font-size:11px}}

.game-logo{display:block;width:180px;height:57px;object-fit:contain}.loading{background:radial-gradient(ellipse at 50% 35%,#304129,#101a14 75%);z-index:20;color:#edf4ed;gap:18px}.loading-logo{width:min(78%,330px);height:160px;object-fit:contain}.load-track{width:min(65%,250px);height:5px;background:#ffffff18;border-radius:9px;overflow:hidden;direction:ltr}.load-track i{display:block;width:0;height:100%;background:#bdff39;transition:width .25s}.loading strong{font-size:14px;color:#bdff39}.loading button{border:0;border-radius:10px;padding:10px 22px;background:#bdff39;color:#13211a}.result small{font-size:14px}@media(max-width:850px){.game-logo{width:145px;height:47px}}