@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";body{margin:0;padding:0;background-color:#000;font-family:Inter,sans-serif}.dice-crypto-wrapper{display:flex;background-color:#1a2c38;border-radius:12px;max-width:900px;margin:20px auto;box-shadow:0 10px 30px #00000080;overflow:hidden;color:#b1bad3;min-height:480px}.dice-left-panel{width:300px;background-color:#213743;padding:20px;display:flex;flex-direction:column;gap:20px}.tabs{display:flex;background:#0f212e;border-radius:20px;padding:4px}.tab{flex:1;text-align:center;padding:8px 0;font-size:.9rem;cursor:pointer;border-radius:16px;font-weight:600}.tab.active{background:#2f4553;color:#fff}.input-group{display:flex;flex-direction:column;gap:8px}.label-row{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;color:#b1bad3}.bet-input-box{display:flex;background:#0f212e;border-radius:4px;border:1px solid #2f4553;overflow:hidden}.bet-input-box:focus-within{border-color:#557086}.bet-input-box input{flex:1;background:transparent;border:none;color:#fff;padding:10px;font-weight:600;font-family:Inter,sans-serif;outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bet-input-box.locked input{color:#2ecc71}.bet-actions{display:flex;background:#2f4553}.bet-actions button{background:transparent;border:none;border-left:1px solid #1a2c38;color:#b1bad3;padding:0 12px;cursor:pointer;font-weight:600;transition:.2s}.bet-actions button:hover{background:#3f5563;color:#fff}.btn-submit{background:#00e701;color:#000;border:none;padding:15px;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;margin-top:auto;transition:.2s}.btn-submit:hover:not(:disabled){background:#1fff20}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.dice-right-panel{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background-color:#0f212e}.canvas-area{flex:1;display:flex;align-items:center;justify-content:center}.slider-container{width:100%;position:relative}.ticks{display:flex;justify-content:space-between;margin-bottom:20px;padding:0 5px;font-size:.85rem;font-weight:600}.track-bg{position:relative;height:16px;background:#2f4553;border-radius:8px;width:100%}.track-fill{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;pointer-events:none}.native-slider{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.native-slider::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;background:#fff;border-radius:6px;box-shadow:0 4px 10px #00000080}.roll-marker{position:absolute;top:-45px;transform:translate(-50%);background:#fff;color:#000;padding:4px 10px;border-radius:4px;font-weight:700;font-size:1.1rem}.roll-marker:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:#fff transparent transparent}.roll-marker.win{background:#2ecc71;color:#000}.roll-marker.win:after{border-color:#2ecc71 transparent transparent}.roll-marker.loss{background:#e74c3c;color:#fff}.roll-marker.loss:after{border-color:#e74c3c transparent transparent}.bottom-stats-row{display:flex;gap:15px;background:#213743;padding:15px;border-radius:8px}.stat-box{flex:1;display:flex;flex-direction:column;gap:6px}.stat-box label{font-size:.8rem;font-weight:600;color:#b1bad3}.stat-input{display:flex;background:#0f212e;border-radius:4px;border:1px solid #2f4553;overflow:hidden;align-items:center;padding-right:10px}.stat-input:focus-within{border-color:#557086}.stat-input input{flex:1;width:100%;background:transparent;border:none;color:#fff;padding:10px;font-weight:600;outline:none}.stat-input span{font-weight:600}.toggle-btn{background:transparent;border:none;cursor:pointer;filter:grayscale(1);transition:.2s}.toggle-btn:hover{filter:grayscale(0);transform:rotate(180deg)}@media (max-width: 768px){.dice-crypto-wrapper{flex-direction:column}.dice-left-panel{width:auto}.bottom-stats-row{flex-direction:column}}