.dg-root{--dg-bg:#0a0e27;--dg-bg2:#131842;--dg-surface:#161d3a;--dg-surface2:#1c2448;--dg-border:#252e54;--dg-cyan:#00d4ff;--dg-blue:#3b82f6;--dg-gold:gold;--dg-green:#22c55e;--dg-orange:#f97316;--dg-red:#ef4444;--dg-text:#e8ecf4;--dg-text2:#9ba4be;--dg-text3:#5e6888;--dg-radius:10px;--dg-radius-sm:6px;--dg-font:"Inter","Montserrat",system-ui,-apple-system,sans-serif;--dg-font-display:"Montserrat","Inter",system-ui,sans-serif;font-family:var(--dg-font);color:var(--dg-text);background:linear-gradient(170deg,var(--dg-bg) 0,var(--dg-bg2) 100%);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none}.dg-header{justify-content:space-between;padding:6px 12px;flex-shrink:0;border-bottom:1px solid var(--dg-border);background:rgba(10,14,39,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.dg-header,.dg-header-left{display:flex;align-items:center}.dg-header-left{gap:8px}.dg-logo{font-family:var(--dg-font-display);font-weight:900;font-size:20px;letter-spacing:3px;background:linear-gradient(135deg,var(--dg-cyan),var(--dg-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dg-header-right{display:flex;align-items:center;gap:8px}.dg-balance-chip{gap:4px;padding:5px 12px;border-radius:999px;border:1px solid var(--dg-border);font-weight:700;font-size:13px;color:var(--dg-gold);white-space:nowrap}.dg-balance-chip,.dg-icon-btn{display:flex;align-items:center;background:var(--dg-surface2)}.dg-icon-btn{justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--dg-border);color:var(--dg-text2);cursor:pointer;transition:background .1s,color .1s;font-size:16px;padding:0}.dg-icon-btn:hover{background:var(--dg-surface);color:var(--dg-text)}.dg-icon-btn.is-active{color:var(--dg-gold);border-color:var(--dg-gold)}.dg-menu-wrap{position:relative}.dg-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--dg-surface);border:1px solid var(--dg-border);border-radius:var(--dg-radius);padding:6px;z-index:100;box-shadow:0 8px 32px rgba(0,0,0,.5)}.dg-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--dg-text);font-size:13px;cursor:pointer;border-radius:var(--dg-radius-sm);font-family:var(--dg-font);transition:background .1s}.dg-dropdown-item:hover{background:var(--dg-surface2)}.dg-dropdown-toggle{display:inline-block;width:32px;height:18px;border-radius:999px;background:var(--dg-border);position:relative;transition:background .15s;flex-shrink:0}.dg-dropdown-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--dg-text2);transition:transform .15s,background .15s}.dg-dropdown-toggle.is-on{background:var(--dg-cyan)}.dg-dropdown-toggle.is-on:after{transform:translateX(14px);background:#fff}.dg-history{display:flex;align-items:center;gap:4px;padding:5px 12px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.dg-history::-webkit-scrollbar{display:none}.dg-history-label{font-size:11px;color:var(--dg-text3);text-transform:uppercase;letter-spacing:1px;flex-shrink:0;margin-right:4px}.dg-history-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:700;font-size:11px;animation:dg-badge-in .15s ease-out}@keyframes dg-badge-in{0%{opacity:0;transform:translateX(-8px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.dg-badge-win{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.35)}.dg-badge-default{background:rgba(148,163,184,.12);color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.dg-game-area{flex:1 1;flex-direction:column;gap:6px;min-height:0;padding:4px 12px;position:relative}.dg-dice-row,.dg-game-area{display:flex;align-items:center;justify-content:center}.dg-dice-row{gap:24px}.dg-die{width:70px;height:70px;border-radius:16%;background:linear-gradient(160deg,#f8f8f8,#e8e8e8 40%,#d0d0d0);border:1.5px solid #b0b0b0;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.6),inset 0 -2px 4px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);transition:transform .1s ease-out}.dg-die.is-rolling{animation:dg-shake .08s linear infinite}.dg-die.is-landing{animation:dg-pop .1s ease-out forwards}@keyframes dg-shake{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-8deg) scale(.95)}50%{transform:rotate(6deg) scale(1.02)}75%{transform:rotate(-4deg) scale(.98)}to{transform:rotate(0deg) scale(1)}}@keyframes dg-pop{0%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}.dg-face{width:100%;height:100%;display:grid;grid-template:repeat(3,1fr) /repeat(3,1fr);padding:8px}.dg-pip{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3a3a4e,#1a1a2e 70%);box-shadow:inset 0 2px 3px rgba(0,0,0,.6),inset 0 -1px 1px hsla(0,0%,100%,.1),0 1px 1px hsla(0,0%,100%,.3);justify-self:center;align-self:center}.dg-pip-empty{visibility:hidden}.dg-result{text-align:center;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.dg-result-sum{font-family:var(--dg-font-display);font-weight:900;font-size:28px;line-height:1;color:var(--dg-text);animation:dg-scale-in .15s ease-out}@keyframes dg-scale-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.dg-result-label{font-family:var(--dg-font-display);font-weight:800;font-size:15px;letter-spacing:2px;text-transform:uppercase}.dg-result-label.is-win{color:var(--dg-green);text-shadow:0 0 20px rgba(34,197,94,.4)}.dg-result-label.is-lose{color:var(--dg-red);opacity:.8}.dg-result-payout{font-weight:700;font-size:14px;color:var(--dg-gold);animation:dg-scale-in .15s ease-out}.dg-unauth{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.dg-unauth-text{color:var(--dg-text2);font-size:14px}.dg-unauth-btn{padding:10px 28px;border-radius:var(--dg-radius);border:none;background:linear-gradient(135deg,var(--dg-cyan),var(--dg-blue));color:#fff;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;transition:opacity .1s}.dg-unauth-btn:hover{opacity:.9}.dg-controls{flex-shrink:0;padding:8px 12px max(10px,env(safe-area-inset-bottom));background:var(--dg-surface);border-top:1px solid var(--dg-border);flex-direction:column}.dg-bet-type-row,.dg-controls{display:flex;gap:6px}.dg-bet-type-btn{flex:1 1;padding:7px 0;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface2);color:var(--dg-text2);font-weight:700;font-size:13px;font-family:var(--dg-font);cursor:pointer;transition:all .1s;text-transform:uppercase;letter-spacing:1px}.dg-bet-type-btn.is-under{background:var(--dg-orange);border-color:var(--dg-orange);color:#fff;box-shadow:0 0 16px rgba(249,115,22,.25)}.dg-bet-type-btn.is-over{background:var(--dg-green);border-color:var(--dg-green);color:#fff;box-shadow:0 0 16px rgba(34,197,94,.25)}.dg-threshold-row{display:flex;align-items:center;gap:6px}.dg-threshold-chips{display:flex;gap:4px;flex:1 1;overflow-x:auto;scrollbar-width:none}.dg-threshold-chips::-webkit-scrollbar{display:none}.dg-threshold-chip{flex-shrink:0;padding:5px 0;width:38px;text-align:center;border-radius:var(--dg-radius-sm);border:1px solid var(--dg-border);background:var(--dg-surface2);color:var(--dg-text2);font-weight:600;font-size:12px;font-family:var(--dg-font);cursor:pointer;transition:all .1s}.dg-threshold-chip.is-active-over{background:var(--dg-green);border-color:var(--dg-green);color:#fff;font-weight:800}.dg-threshold-chip.is-active-under{background:var(--dg-orange);border-color:var(--dg-orange);color:#fff;font-weight:800}.dg-coeff-badge{flex-shrink:0;padding:5px 10px;border-radius:var(--dg-radius-sm);background:rgba(255,215,0,.12);border:1px solid rgba(255,215,0,.25);color:var(--dg-gold);font-weight:800;font-size:13px;white-space:nowrap}.dg-amount-row{display:flex;align-items:center;gap:6px}.dg-amount-input-wrap{flex:1 1;display:flex;align-items:center;background:var(--dg-surface2);border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);padding:0 10px;gap:4px;transition:border-color .1s}.dg-amount-input-wrap:focus-within{border-color:var(--dg-cyan)}.dg-amount-currency{color:var(--dg-text3);font-weight:600;font-size:14px}.dg-amount-input{flex:1 1;background:transparent;border:none;outline:none;color:var(--dg-text);font-family:var(--dg-font);font-weight:700;font-size:15px;padding:8px 0;min-width:0}.dg-amount-input::placeholder{color:var(--dg-text3)}.dg-amount-btn{flex-shrink:0;padding:8px 10px;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface2);color:var(--dg-text2);font-weight:600;font-size:12px;font-family:var(--dg-font);cursor:pointer;transition:all .1s;white-space:nowrap}.dg-amount-btn:hover{background:var(--dg-surface);color:var(--dg-text)}.dg-presets-row{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.dg-presets-row::-webkit-scrollbar{display:none}.dg-preset-chip{flex-shrink:0;padding:5px 10px;border-radius:var(--dg-radius-sm);border:1px solid var(--dg-border);background:var(--dg-surface2);color:var(--dg-text2);font-weight:600;font-size:12px;font-family:var(--dg-font);cursor:pointer;transition:all .1s}.dg-preset-chip:hover{background:var(--dg-surface);color:var(--dg-text)}.dg-action-row{display:flex;gap:8px}.dg-roll-btn{flex:1 1;padding:10px 0;border:none;border-radius:var(--dg-radius);font-family:var(--dg-font-display);font-weight:900;font-size:16px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .1s;background:linear-gradient(135deg,var(--dg-cyan),var(--dg-blue));color:#fff;box-shadow:0 4px 20px rgba(0,212,255,.3);position:relative;overflow:hidden}.dg-roll-btn:hover:not(:disabled){box-shadow:0 4px 28px rgba(0,212,255,.5);transform:translateY(-1px)}.dg-roll-btn:active:not(:disabled){transform:translateY(0)}.dg-roll-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.dg-roll-btn.is-stop{background:linear-gradient(135deg,var(--dg-red),#dc2626);box-shadow:0 4px 20px rgba(239,68,68,.3)}.dg-auto-btn{flex-shrink:0;padding:12px 20px;border:1px solid var(--dg-border);border-radius:var(--dg-radius);background:var(--dg-surface2);color:var(--dg-text2);font-family:var(--dg-font);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .1s}.dg-auto-btn:hover{background:var(--dg-surface);color:var(--dg-text)}.dg-hint{text-align:center;font-size:12px;color:var(--dg-red);padding:0;margin:-4px 0 0}.dg-modal-overlay{position:absolute;inset:0;background:rgba(10,14,39,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.dg-modal{background:var(--dg-surface);border:1px solid var(--dg-border);border-radius:16px;padding:24px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px}.dg-modal-title{font-family:var(--dg-font-display);font-weight:800;font-size:18px;text-align:center}.dg-modal-field{display:flex;flex-direction:column;gap:6px}.dg-modal-label{font-size:12px;color:var(--dg-text2);text-transform:uppercase;letter-spacing:.5px}.dg-modal-input{background:var(--dg-surface2);border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);padding:8px 12px;color:var(--dg-text);font-family:var(--dg-font);font-weight:600;font-size:14px;outline:none;transition:border-color .1s}.dg-modal-input:focus{border-color:var(--dg-cyan)}.dg-modal-presets{display:flex;gap:6px}.dg-modal-preset{flex:1 1;padding:6px 0;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface2);color:var(--dg-text2);font-family:var(--dg-font);font-weight:600;font-size:12px;cursor:pointer;transition:all .1s;text-align:center}.dg-modal-preset:hover{color:var(--dg-text);background:var(--dg-surface)}.dg-modal-actions{display:flex;gap:8px}.dg-modal-start{flex:1 1;padding:12px 0;border:none;border-radius:var(--dg-radius);background:linear-gradient(135deg,var(--dg-cyan),var(--dg-blue));color:#fff;font-family:var(--dg-font);font-weight:800;font-size:14px;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:opacity .1s}.dg-modal-start:hover{opacity:.9}.dg-modal-cancel{padding:12px 20px;border:1px solid var(--dg-border);border-radius:var(--dg-radius);background:transparent;color:var(--dg-text2);font-family:var(--dg-font);font-weight:600;font-size:14px;cursor:pointer;transition:all .1s}.dg-modal-cancel:hover{color:var(--dg-text);background:var(--dg-surface2)}.dg-rules{max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dg-border) transparent}.dg-rules h3{font-size:14px;color:var(--dg-cyan);margin-bottom:6px}.dg-rules p{font-size:13px;color:var(--dg-text2);line-height:1.6;margin-bottom:12px}.dg-toast{position:absolute;top:56px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:var(--dg-radius);background:var(--dg-red);color:#fff;font-size:13px;font-weight:600;z-index:200;animation:dg-toast-in .15s ease-out;box-shadow:0 4px 24px rgba(239,68,68,.4);white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}@keyframes dg-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dg-auto-counter{position:absolute;top:56px;left:16px;padding:6px 14px;border-radius:999px;background:rgba(0,212,255,.15);border:1px solid rgba(0,212,255,.3);color:var(--dg-cyan);font-weight:700;font-size:12px;z-index:20}.dg-loading{flex:1 1;display:flex;align-items:center;justify-content:center}.dg-spinner{width:32px;height:32px;border:3px solid var(--dg-border);border-top-color:var(--dg-cyan);border-radius:50%;animation:dg-spin .8s linear infinite}@keyframes dg-spin{to{transform:rotate(1turn)}}.dg-page{overflow:hidden;margin:-32px -24px calc(-120px - env(safe-area-inset-bottom));padding:0 0 50px;height:calc(100dvh - 56px);max-height:calc(100dvh - 56px);display:flex;flex-direction:column}.dg-page>.dg-root{flex:1 1;min-height:0;overflow:hidden}@media (max-width:1023px){.dg-page{margin:-24px -16px calc(-108px - env(safe-area-inset-bottom));padding:0 0 20px;height:calc(100dvh - 56px - 68px - env(safe-area-inset-bottom));max-height:calc(100dvh - 56px - 68px - env(safe-area-inset-bottom))}}.dg-root:-webkit-full-screen{height:100vh;height:100dvh}.dg-root:-webkit-full-screen,.dg-root:fullscreen{height:100vh;height:100dvh}@media (min-width:768px){.dg-die{width:90px;height:90px}.dg-face{padding:12px}.dg-pip{width:12px;height:12px}.dg-result-sum{font-size:40px}.dg-dice-row{gap:40px}.dg-controls{max-width:480px;margin:0 auto;width:100%;border-radius:16px 16px 0 0}}@media (min-width:1024px){.dg-page{height:calc(100dvh - 56px);max-height:calc(100dvh - 56px);padding:0 0 50px}}@media (max-height:700px){.dg-die{width:56px;height:56px}.dg-face{padding:6px}.dg-pip{width:8px;height:8px}.dg-dice-row{gap:16px}.dg-result-sum{font-size:24px}.dg-result{min-height:32px}.dg-game-area{gap:4px;padding:2px 12px}.dg-controls{padding:6px 12px;gap:4px}.dg-header{padding:4px 12px}.dg-history{padding:3px 12px}.dg-roll-btn{padding:8px 0;font-size:14px}.dg-auto-btn{padding:8px 14px}}@media (max-width:1023px){.dg-game-active .bottom-nav{display:none}}.dg-demo-badge{position:absolute;top:52px;left:50%;transform:translateX(-50%);z-index:20;background:rgba(249,115,22,.9);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:2px 12px;border-radius:0 0 6px 6px}