*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0c0e1a;--bg-secondary: #151729;--bg-card: #181a2e;--bg-input: #1e2040;--border-color: #272a45;--text-primary: #ffffff;--text-secondary: #7a7d9a;--purple: #6366f1;--purple-light: #818cf8;--purple-dark: #5558e6;--green: #22c55e;--red: #ef4444;--gold: #f59e0b}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin:8px 12px;padding:16px}.header{display:flex;align-items:center;justify-content:center;padding:14px 16px;gap:10px}.header-dice-icon{width:36px;height:36px}.header-title{font-size:28px;font-weight:900;color:var(--purple-light);letter-spacing:4px}.balance-card{padding:18px 20px}.balance-top{margin-bottom:4px}.balance-label{font-size:14px;color:var(--text-secondary)}.balance-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.mode-badge{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:800;letter-spacing:1px}.mode-badge.real{background:var(--green);color:#fff}.mode-badge.demo{background:var(--gold);color:#fff}.balance-amount{font-size:36px;font-weight:900;color:var(--text-primary)}.balance-amount.demo{color:var(--gold)}.mode-toggle{display:flex;position:relative;height:42px;background:#2a2d48;border-radius:14px;overflow:hidden}.mode-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:var(--purple);border-radius:12px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.mode-option{flex:1;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--text-secondary);cursor:pointer;z-index:1;transition:color .3s}.mode-option.active{color:#fff}.action-buttons{display:flex;gap:10px;margin-top:14px}.action-btn{flex:1;padding:12px;border-radius:14px;border:none;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}.action-btn:active{opacity:.8}.action-btn.purple{background:var(--purple);color:#fff}.action-btn.deposit{background:var(--green);color:#fff}.action-btn.withdraw{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.bet-card{padding:16px 18px}.bet-label{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.bet-input{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:20px;font-weight:700;text-align:center;outline:none;transition:border-color .2s}.bet-input:focus{border-color:var(--purple)}.bet-input::placeholder{color:var(--text-secondary)}.bet-choices{display:flex;gap:10px;padding:4px 12px 8px}.bet-choice-card{flex:1;background:var(--bg-card);border:2px solid var(--border-color);border-radius:14px;padding:18px;text-align:center;cursor:pointer;transition:all .2s}.bet-choice-card.selected{border-color:var(--purple);background:#6366f126}.bet-choice-card:active{transform:scale(.97)}.choice-label{font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:6px}.choice-multiplier{display:inline-block;padding:3px 14px;background:var(--bg-input);border-radius:8px;font-size:13px;color:var(--text-secondary);font-weight:600}.dice-area{display:flex;flex-direction:column;align-items:center;padding:16px;min-height:170px;justify-content:center}.dice-face{width:100%;height:100%;position:relative}.dice-dot{position:absolute;width:18%;height:18%;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.dice-3d-scene{width:96px;height:96px;perspective:400px;transition:filter .4s}.dice-3d-scene.win-glow{filter:drop-shadow(0 0 20px rgba(34,197,94,.7))}.dice-3d-scene.lose-glow{filter:drop-shadow(0 0 16px rgba(239,68,68,.6))}.dice-3d-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d}.dice-3d-face{position:absolute;width:96px;height:96px;background:linear-gradient(135deg,var(--purple-dark),var(--purple-light));border-radius:14px;border:2px solid rgba(255,255,255,.1);backface-visibility:hidden}.dice-3d-face.front{transform:rotateY(0) translateZ(48px)}.dice-3d-face.back{transform:rotateY(180deg) translateZ(48px)}.dice-3d-face.right{transform:rotateY(90deg) translateZ(48px)}.dice-3d-face.left{transform:rotateY(-90deg) translateZ(48px)}.dice-3d-face.top{transform:rotateX(90deg) translateZ(48px)}.dice-3d-face.bottom{transform:rotateX(-90deg) translateZ(48px)}.result-text{font-size:26px;font-weight:900;margin-top:12px;text-transform:uppercase;letter-spacing:2px}.result-text.win{color:var(--green);animation:resultPop .4s cubic-bezier(.34,1.56,.64,1)}.result-text.lose{color:var(--red);animation:resultFade .5s ease-out}@keyframes resultPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes resultFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.win-notification{position:fixed;top:-60px;left:50%;transform:translate(-50%);background:var(--green);color:#fff;padding:10px 28px;border-radius:20px;font-size:18px;font-weight:800;z-index:100;animation:slideDown 3s ease-in-out;white-space:nowrap}@keyframes slideDown{0%{top:-60px}15%{top:16px}75%{top:16px}to{top:-60px}}.roll-button{margin:4px 12px 12px;padding:15px;background:linear-gradient(135deg,var(--purple-dark),var(--purple-light));border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s;letter-spacing:1px}.roll-button:active{opacity:.85}.roll-button:disabled{opacity:.5;cursor:not-allowed}.hash-card{text-align:center;padding:16px 18px}.hash-title{font-size:13px;font-weight:800;color:var(--text-primary);margin-bottom:10px;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;justify-content:center;gap:8px}.hash-pill{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;font-size:13px;color:var(--text-secondary);word-break:break-all;font-family:Courier New,monospace;letter-spacing:1px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:8px 12px 12px;background:var(--bg-primary)}#root{padding-bottom:70px}.bottom-nav-inner{display:flex;position:relative;height:46px;background:#2a2d48;border-radius:14px;overflow:hidden}.nav-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:var(--purple);border-radius:12px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.nav-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;color:var(--text-secondary);cursor:pointer;z-index:1;transition:color .3s}.nav-option.active{color:#fff}.page{flex:1;padding:16px;overflow-y:auto}.page-title{font-size:20px;font-weight:800;margin-bottom:16px}.withdrawal-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:12px;margin-bottom:10px}.withdrawal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.withdrawal-amount{font-size:16px;font-weight:700}.withdrawal-status{font-size:12px;font-weight:600;padding:3px 10px;border-radius:6px}.withdrawal-status.pending{background:#f59e0b33;color:var(--gold)}.withdrawal-status.approved{background:#22c55e33;color:var(--green)}.withdrawal-status.rejected{background:#ef444433;color:var(--red)}.withdrawal-details{font-size:12px;color:var(--text-secondary)}.form-group{margin-bottom:16px}.form-label{font-size:13px;color:var(--text-secondary);margin-bottom:6px;display:block}.form-input{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:16px;outline:none}.form-input:focus{border-color:var(--purple)}.method-cards{display:flex;gap:10px;margin-bottom:16px}.method-card{flex:1;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:14px;text-align:center;cursor:pointer;transition:all .2s}.method-card.selected{border-color:var(--purple);background:#6366f126}.method-name{font-size:14px;font-weight:600}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--purple-dark),var(--purple-light));border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.submit-btn:disabled{opacity:.5}.back-btn{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:12px}.empty-state{text-align:center;padding:40px 16px;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:modalFadeIn .2s ease-out}.modal-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:32px 24px 24px;width:100%;max-width:320px;text-align:center;animation:modalScaleIn .25s cubic-bezier(.34,1.56,.64,1)}.modal-icon{font-size:40px;font-weight:900;margin-bottom:12px;line-height:1}.modal-message{font-size:15px;color:var(--text-primary);margin-bottom:24px;line-height:1.5;word-break:break-word}.modal-btn{width:100%;padding:13px;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s}.modal-btn:active{opacity:.85}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}::-webkit-scrollbar{width:0}