@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary:#090b0f;--bg-secondary:#10141b;--bg-tertiary:#151b24;--bg-card:#171d26;--bg-hover:#202832;--bg-active:#131b25;--surface:#111720;--surface-light:#1b2430;--accent-green:#25d6a2;--accent-green-dark:#16b985;--accent-green-glow:#25d6a224;--accent-blue:#4ea2ff;--accent-blue-dark:#2d78da;--accent-purple:#a78bfa;--accent-gold:#f5b84b;--accent-red:#f05a5a;--accent-orange:#f97316;--text-primary:#f5f7fb;--text-secondary:#b2bfcc;--text-muted:#728091;--text-accent:#25d6a2;--text-main:#f5f7fb;--border-primary:#26313d;--border-secondary:#1d2630;--border-accent:#25d6a257;--gradient-green:linear-gradient(135deg, #37e6ae, #17b987);--gradient-blue:linear-gradient(135deg, #5cb4ff, #2f7be0);--gradient-purple:linear-gradient(135deg, #b59cff, #7c5cff);--gradient-gold:linear-gradient(135deg, #ffd16b, #e69a22);--gradient-card:linear-gradient(145deg, #1a222d, #111720);--gradient-dark:linear-gradient(180deg, #090b0f 0%, #111720 100%);--shadow-sm:0 1px 2px #00000059;--shadow-md:0 8px 22px #00000061;--shadow-lg:0 18px 46px #00000080;--shadow-green:0 0 24px #25d6a247;--shadow-blue:0 0 24px #4ea2ff3d;--sidebar-width:240px;--header-height:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:8px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.grid{display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:none}50%{box-shadow:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes reelSpin{0%{transform:translateY(0)}to{transform:translateY(-300%)}}@keyframes coinFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes winPulse{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}75%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.3s fadeIn}.animate-slideInLeft{animation:.3s slideInLeft}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s infinite pulse}.animate-glow{animation:2s infinite glow}.animate-float{animation:3s infinite float}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-green);color:#000}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-accent)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:12px}.btn-lg{border-radius:var(--radius-lg);padding:14px 28px;font-size:16px}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px}.input:focus{border-color:var(--accent-green)}.input::placeholder{color:var(--text-muted)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:var(--accent-green);background:#00d4a326;border:1px solid #00d4a34d}.badge-blue{color:var(--accent-blue);background:#4d82ff26;border:1px solid #4d82ff4d}.badge-gold{color:var(--accent-gold);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-red{color:var(--accent-red);background:#ef444426;border:1px solid #ef44444d}.divider{background:var(--border-primary);height:1px;margin:16px 0}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.glass{-webkit-backdrop-filter:blur(12px);background:#213142cc;border:1px solid #ffffff0d}.text-gradient-green{background:var(--gradient-green);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.number-display{font-variant-numeric:tabular-nums;font-family:Space Grotesk,monospace}.glow-green,.glow-blue{box-shadow:none}.live-badge{border-radius:var(--radius-full);color:#ef4444;text-transform:uppercase;letter-spacing:.1em;background:#ef444426;border:1px solid #ef44444d;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}@media (width<=1024px){:root{--sidebar-width:200px}}@media (width<=768px){:root{--header-height:56px}input,select,textarea{font-size:16px!important}}.app-layout{background:var(--bg-primary);flex-direction:column;height:100%;display:flex;overflow:hidden}.header{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);z-index:100;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:12px;display:flex}.header-right{align-items:center;gap:8px;display:flex}.header-icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.header-icon-btn:hover,.header-icon-btn.active{background:var(--bg-card);color:var(--text-primary)}.header-search{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;min-width:200px;max-width:300px;padding:8px 12px;display:flex}.header-search.focused{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-glow)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:13px}.search-input::placeholder{color:var(--text-muted)}.balance-btn{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);align-items:center;gap:10px;padding:6px 12px;display:flex}.balance-btn:hover{border-color:var(--accent-green);background:var(--bg-hover)}.balance-info{text-align:right;flex-direction:column;display:flex}.balance-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.balance-amount{color:var(--accent-green);font-size:14px;font-weight:700}.balance-icon{color:var(--accent-green)}.notification-btn{position:relative}.user-btn{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);align-items:center;gap:8px;padding:6px 10px;display:flex}.user-btn:hover{background:var(--bg-hover);border-color:var(--border-accent)}.user-avatar-sm{background:var(--gradient-green);color:#000;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.user-name-sm{font-size:13px;font-weight:500}.chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.chevron.up{transform:rotate(180deg)}.user-dropdown-wrapper{position:relative}.user-dropdown{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);z-index:200;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.dropdown-header{background:var(--bg-hover);align-items:center;gap:10px;padding:14px;display:flex}.dropdown-avatar{background:var(--gradient-green);color:#000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.dropdown-username{font-size:14px;font-weight:600}.dropdown-email{color:var(--text-muted);font-size:11px}.dropdown-divider{background:var(--border-primary);height:1px}.dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.danger:hover{color:var(--accent-red);background:#ef44441a}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-primary);transition:width var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden auto}.sidebar.closed{border-right:none;width:0}.header-logo{align-items:center;gap:8px;margin-left:4px;display:flex}.logo-icon{background:var(--gradient-green);border-radius:var(--radius-md);color:#000;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-text{color:var(--text-primary);white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.logo-badge{color:var(--accent-green);border:1px solid var(--border-accent);border-radius:var(--radius-full);letter-spacing:.1em;background:#00d4a326;padding:1px 5px;font-size:9px;font-weight:700}.sidebar-user{border-bottom:1px solid var(--border-primary);background:var(--bg-active);align-items:center;gap:10px;padding:12px 14px;display:flex}.sidebar-avatar{background:var(--gradient-green);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.sidebar-username{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.vip-badge-container{color:var(--vip-color);align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.sidebar-nav-item{width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:9px 14px;font-size:13px;font-weight:500;display:flex}.sidebar-nav-item:hover{background:var(--bg-active);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--accent-green-glow);color:var(--accent-green)}.sidebar-nav-item.parent{color:var(--text-secondary);margin-top:2px;font-weight:600}.nav-icon{flex-shrink:0;align-items:center;display:flex}.nav-label{flex:1}.nav-right{align-items:center;gap:4px;display:flex}.nav-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;padding:1px 5px;font-size:9px;font-weight:700}.badge-hot{color:var(--accent-red);background:#ef444426;border:1px solid #ef44444d}.badge-new{color:var(--accent-green);border:1px solid var(--border-accent);background:#00d4a326}.live-badge-sm{color:#ef4444;background:#ef444433;animation:1.5s infinite pulse}.nav-chevron{color:var(--text-muted);transition:transform var(--transition-fast);display:flex}.nav-chevron.expanded{transform:rotate(180deg)}.sidebar-footer{border-top:1px solid var(--border-primary);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.online-indicator{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.sidebar-links{flex-direction:column;gap:2px;display:flex}.sidebar-link{color:var(--text-muted);cursor:pointer;text-align:left;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.sidebar-link:hover{color:var(--text-secondary)}.main-content{transition:all var(--transition-normal);flex:1;padding:24px;overflow:hidden auto}.main-content.sidebar-collapsed{margin-left:0}.dice-shell{background:#e8eeeb}.dice-main-content{background:#e8eeeb;width:100%;height:100dvh;padding:0;overflow:hidden auto}.chat-panel{background:var(--bg-secondary);border-left:1px solid var(--border-primary);flex-direction:column;flex-shrink:0;width:280px;display:flex}.chat-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-title{font-size:14px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.chat-message{flex-direction:column;gap:3px;display:flex}.chat-message.big-win{border-radius:var(--radius-md);background:#f59e0b1a;border:1px solid #f59e0b33;padding:8px}.chat-win-banner{color:var(--accent-gold);font-size:12px}.win-amount{color:var(--accent-green);font-weight:700}.chat-user-header{align-items:center;gap:6px;display:flex}.chat-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.chat-username{font-size:12px;font-weight:600}.chat-vip-badge{border-radius:var(--radius-full);padding:1px 4px;font-size:9px;font-weight:600}.chat-time{color:var(--text-muted);margin-left:auto;font-size:10px}.chat-text{color:var(--text-secondary);word-break:break-word;padding-left:26px;font-size:12px;line-height:1.5}.chat-input-area{border-top:1px solid var(--border-primary);align-items:center;gap:6px;padding:12px;display:flex}.chat-input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;flex:1;padding:8px 10px;font-family:Inter,sans-serif;font-size:13px}.chat-input:focus{border-color:var(--accent-green)}.chat-emoji-btn,.chat-send-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:6px;display:flex}.chat-emoji-btn:hover{color:var(--text-secondary)}.chat-send-btn{background:var(--accent-green);color:#000;border-radius:var(--radius-md)}.chat-send-btn:hover:not(:disabled){background:var(--accent-green-dark)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-login-prompt{text-align:center;width:100%;color:var(--text-muted);font-size:13px}.animate-slideInRight{animation:.25s slideInRight}@media (width<=768px){.app-body{position:relative}.sidebar{z-index:200;width:240px;height:100%;transition:transform var(--transition-normal);position:absolute;left:0;transform:translate(0)}.sidebar.closed{width:240px;transform:translate(-100%)}.chat-panel{z-index:190;width:320px;max-width:100vw;height:100%;position:absolute;right:0}.header-search,.user-name-sm,.balance-label{display:none}.balance-btn{gap:6px;padding:4px 8px}.btn-sm{padding:4px 8px;font-size:11px}.header-icon-btn{width:30px;height:30px}.main-content{width:100%;padding:16px}}.main-content.dice-main-content{width:100%;height:100dvh;padding:0;overflow:hidden auto}.game-page.dice-reference-page{color:#15211c;background:linear-gradient(#f4f7f5 0%,#e8eeeb 100%);width:100%;min-height:100dvh}.dice-reference-board{grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(100%,1240px);min-height:100dvh;margin:0 auto;padding:14px;display:grid}.dice-reference-board *{letter-spacing:0}.dice-game-header,.dice-reference-stage,.dice-bet-panel,.dice-stats-panel{border-radius:var(--radius-lg);background:#fffffff0;border:1px solid #dce4df;box-shadow:0 8px 28px #12201a14}.dice-game-header{z-index:20;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:9px 10px;display:grid;position:sticky;top:0}.dice-game-brand,.dice-game-phase,.dice-account-actions,.dice-wallet-button,.dice-account-actions button,.dice-history-heading span{align-items:center;display:inline-flex}.dice-game-brand{gap:10px;min-width:0}.dice-game-icon{border-radius:var(--radius-md);color:#f7fbf8;background:#15211c;flex:none;place-items:center;width:38px;height:38px;display:grid}.dice-game-brand div{gap:2px;min-width:0;display:grid}.dice-game-brand strong{color:#111a16;text-overflow:ellipsis;white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:800;line-height:1;overflow:hidden}.dice-game-brand span:not(.dice-game-icon){color:#66736d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.1;overflow:hidden}.dice-game-phase{border-radius:var(--radius-full);color:#33423b;font-variant-numeric:tabular-nums;white-space:nowrap;background:#f6f9f7;border:1px solid #cbd8d2;justify-content:center;justify-self:center;gap:7px;min-width:124px;padding:8px 12px;font-size:12px;font-weight:800}.dice-game-phase strong{color:#0d8a58}.dice-account-actions{justify-content:flex-end;gap:7px;min-width:0}.dice-wallet-button,.dice-account-actions button{border-radius:var(--radius-md);color:#26332d;cursor:pointer;min-width:0;height:36px;font:inherit;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);background:#fff;border:1px solid #cbd8d2;gap:6px;padding:0 11px;font-size:12px;font-weight:800}.dice-wallet-button:hover,.dice-account-actions button:hover{background:#f0faf5;border-color:#5fbf91;transform:translateY(-1px)}.dice-wallet-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dice-game-grid{grid-template-columns:minmax(0,1fr) minmax(320px,390px);grid-template-areas:"stage bet""history bet";align-items:start;gap:12px;min-height:0;display:grid}.dice-reference-stage{flex-direction:column;grid-area:stage;min-height:394px;padding:14px;display:flex;overflow:hidden}.dice-stage-meta{scrollbar-width:none;align-items:center;gap:8px;min-width:0;padding-bottom:1px;display:flex;overflow-x:auto}.dice-stage-meta::-webkit-scrollbar{display:none}.dice-stage-meta span{border-radius:var(--radius-full);color:#596861;white-space:nowrap;background:#f7faf8;border:1px solid #d8e2dc;flex:none;min-width:0;padding:6px 9px;font-size:12px;font-weight:800}.dice-stage-meta .live{color:#d03535;background:#fff4f4;border-color:#ffd1d1}.dice-next-block{border-radius:var(--radius-full);color:#32423a;text-align:center;white-space:nowrap;background:#fff;border:1px solid #d8e2dc;align-self:center;max-width:min(100%,420px);min-height:38px;margin:12px 0 4px;padding:9px 15px;font-size:14px;font-weight:700;line-height:1.25;box-shadow:0 6px 16px #1727200f}.dice-next-block strong{color:#111a16;font-variant-numeric:tabular-nums;font-weight:900}.dice-canvas-wrap{perspective:700px;flex:auto;width:min(100%,660px);height:clamp(220px,34dvh,330px);min-height:220px;margin:4px auto 0;position:relative;overflow:hidden}.dice-canvas-wrap:before,.dice-canvas-wrap:after{content:"";pointer-events:none;position:absolute;left:50%}.dice-canvas-wrap:before{z-index:0;transform-origin:bottom;background:radial-gradient(#2aa16642 0 34%,#0f503821 64%,#0000 100%),linear-gradient(90deg,#fff3,#2240320d);border-radius:50%;width:min(520px,92%);height:128px;bottom:20px;transform:translate(-50%)rotateX(66deg);box-shadow:inset 0 0 0 1px #29755029,0 16px 30px #1530231a}.dice-canvas-wrap:after{z-index:1;filter:blur(8px);background:#131e182e;border-radius:50%;width:126px;height:26px;bottom:62px;transform:translate(-50%)}.dice-box-stage{z-index:2;pointer-events:none;width:100%;height:100%;position:relative}.dice-box-stage canvas{display:block;width:100%!important;height:100%!important}.dice-stage-loading,.dice-round-result,.dice-stage-result{z-index:6;position:absolute}.dice-stage-loading{border-radius:var(--radius-full);color:#1f6f4c;background:#ffffffe0;border:1px solid #d8e2dc;place-items:center;width:48px;height:48px;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-round-result{border-radius:var(--radius-md);color:#26332d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #d8e2dc;align-items:center;gap:8px;padding:7px 9px;display:inline-flex;bottom:18px;right:10px}.dice-round-result span{font-size:10px;font-weight:900}.dice-round-result strong{border-radius:var(--radius-full);color:#fff;background:#15211c;place-items:center;width:28px;height:28px;font-family:Space Grotesk,sans-serif;font-size:16px;display:grid}.dice-stage-result{color:#132019;pointer-events:none;text-align:center;justify-items:center;min-width:112px;display:grid;top:22px;left:50%;transform:translate(-50%)}.dice-stage-result strong{color:#15814f;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:900;line-height:1}.dice-stage-result span{border-radius:var(--radius-full);color:#176b45;font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffffdb;margin-top:4px;padding:3px 9px;font-size:12px;font-weight:900}.dice-stage-result.loss strong{color:#b23737}.dice-stage-result.loss span{color:#913030}.dice-visual-die{--die-size:90px;z-index:3;width:var(--die-size);height:var(--die-size);transform-style:preserve-3d;pointer-events:none;position:absolute;top:72px;left:50%;transform:translate(-50%)rotateX(-24deg)rotateY(-36deg)rotate(7deg)}.dice-visual-die.rolling{animation:.7s diceVisualRoll}.dice-visual-face{backface-visibility:hidden;background:#ded18a;border:1px solid #8d804db8;border-radius:9px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:15px;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff42,inset -9px -12px 18px #4d40212e}.dice-visual-face.front{transform:translateZ(calc(var(--die-size) / 2));box-shadow:17px 18px 17px #18221d2e,inset 0 0 0 1px #ffffff42,inset -9px -12px 18px #4d40212e}.dice-visual-face.right{transform:rotateY(90deg) translateZ(calc(var(--die-size) / 2));background:#c3b873}.dice-visual-face.top{transform:rotateX(90deg) translateZ(calc(var(--die-size) / 2));background:#eee199}.dice-pip{border-radius:50%;place-self:center;width:11px;height:11px;display:block}.dice-pip.active{background:#21170f;box-shadow:inset 1px 1px 1px #ffffff24,inset -1px -1px 2px #0000008c}.dice-roll-track{z-index:5;flex:0 0 34px;width:min(100%,640px);height:34px;margin:0 auto;position:relative}.dice-roll-track:before,.dice-roll-track-fill{content:"";border-radius:var(--radius-full);height:7px;position:absolute;top:14px}.dice-roll-track:before{background:#dce5df;left:0;right:0}.dice-roll-track-fill{background:linear-gradient(90deg,#3292e6,#1bbf76);left:0}.dice-roll-marker{border-radius:var(--radius-full);color:#15754c;font-variant-numeric:tabular-nums;background:#fff;border:2px solid #21aa6c;place-items:center;min-width:32px;height:32px;padding:0 6px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:900;display:grid;position:absolute;top:1px;transform:translate(-50%)}.dice-bet-panel{flex-direction:column;grid-area:bet;gap:11px;padding:12px;display:flex;position:sticky;top:82px}.dice-panel-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.dice-panel-heading span,.dice-amount-field span,.dice-selected-market span,.dice-section-label{color:#6b7972;text-transform:uppercase;font-size:11px;font-weight:900}.dice-panel-heading strong{color:#111a16;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.dice-amount-field{gap:6px;display:grid}.dice-amount-field input{border-radius:var(--radius-md);color:#111a16;font-variant-numeric:tabular-nums;background:#f8fbf9;border:1px solid #cbd8d2;outline:none;width:100%;height:44px;padding:0 12px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:800}.dice-amount-field input:focus{border-color:#28a66d;box-shadow:0 0 0 3px #28a66d24}.dice-chip-bar{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.dice-chip{border-radius:var(--radius-md);color:#26332d;cursor:pointer;white-space:nowrap;min-width:0;height:38px;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#fff;border:1px solid #d5ded9;font-size:12px;font-weight:900}.dice-chip:hover:not(:disabled){background:#f0faf5;border-color:#5fbf91}.dice-chip.active{color:#fff;background:#1b9360;border-color:#1b9360}.dice-chip:disabled,.dice-bet-spot:disabled,.dice-place-bet-button:disabled{cursor:not-allowed;opacity:.55}.dice-selected-market{border-radius:var(--radius-md);background:#f8fbf9;border:1px solid #dce4df;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:42px;padding:8px 10px;display:grid}.dice-selected-market strong{color:#111a16;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:900;overflow:hidden}.dice-selected-market small{color:#15754c;justify-self:end;font-size:13px;font-weight:900}.dice-place-bet-button{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;height:46px;transition:background var(--transition-fast), transform var(--transition-fast);background:#111a16;border:none;font-size:15px;font-weight:900}.dice-place-bet-button:hover:not(:disabled){background:#1f6f4c;transform:translateY(-1px)}.dice-status-message{border-radius:var(--radius-md);color:#963636;text-align:center;background:#be404014;border:1px solid #be404047;padding:9px 10px;font-size:12px;font-weight:800;line-height:1.3}.dice-status-message.win{color:#176b45;background:#23915914;border-color:#23915947}.dice-bet-board{gap:10px;display:grid}.dice-market-section{gap:6px;display:grid}.dice-section-label{padding-left:1px}.dice-bet-row{gap:6px;display:grid}.dice-direction-row{grid-template-columns:repeat(3,minmax(0,1fr))}.dice-parity-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dice-exact-row{grid-template-columns:repeat(6,minmax(0,1fr))}.dice-bet-spot{border-radius:var(--radius-md);cursor:pointer;text-align:center;min-width:0;min-height:62px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);border:1px solid #0000;grid-template-rows:15px 1fr 14px;align-items:center;padding:5px;display:grid}.dice-bet-spot:hover:not(:disabled){transform:translateY(-1px)}.dice-bet-spot.active{border-color:#111a16;box-shadow:0 0 0 2px #111a161f}.dice-bet-spot.blue{color:#15598f;background:#edf6ff}.dice-bet-spot.green{color:#1c7348;background:#ecf9f1}.dice-bet-spot.red{color:#a43a35;background:#fff0ef}.dice-bet-payout,.dice-bet-stake{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;opacity:.76;min-width:0;font-size:11px;font-weight:900;line-height:1;display:block;overflow:hidden}.dice-bet-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:900;line-height:1;overflow:hidden}.dice-exact-row .dice-bet-label{font-size:21px}.dice-stats-panel{grid-area:history;gap:10px;padding:12px;display:grid}.dice-history-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.dice-history-heading span{color:#26332d;gap:7px;font-size:14px;font-weight:900}.dice-history-heading strong{border-radius:var(--radius-full);color:#596861;font-variant-numeric:tabular-nums;background:#eef4f1;place-items:center;min-width:34px;height:26px;padding:0 8px;font-size:12px;font-weight:900;display:grid}.dice-recent-rolls{scrollbar-width:thin;gap:6px;min-height:36px;padding-bottom:2px;display:flex;overflow-x:auto}.dice-empty-history{color:#7b8882;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.dice-trend-bead{border-radius:var(--radius-full);color:#fff;flex:0 0 32px;place-items:center;width:32px;height:32px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:900;line-height:1;display:grid}.dice-trend-bead.odd{background:#328ee6}.dice-trend-bead.even{background:#e2554f}.dice-roll-stats,.dice-market-stats{align-items:center;gap:6px;display:grid}.dice-roll-stats{grid-template-columns:82px repeat(6,minmax(0,1fr))}.dice-market-stats{grid-template-columns:64px 64px repeat(3,minmax(0,1fr))}.dice-recent-label,.dice-stat-pill,.dice-market-copy{color:#596861;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:900;overflow:hidden}.dice-stat-pill{justify-content:center;align-items:center;gap:4px;display:inline-flex}.dice-stat-pill b{border-radius:var(--radius-full);color:#fff;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:grid}.dice-stat-pill.roll-1 b,.dice-stat-pill.roll-3 b,.dice-stat-pill.roll-5 b,.dice-stat-pill.odd b{background:#328ee6}.dice-stat-pill.roll-2 b,.dice-stat-pill.roll-4 b,.dice-stat-pill.roll-6 b,.dice-stat-pill.even b{background:#e2554f}.dice-market-copy{text-align:center}@keyframes diceVisualRoll{0%{transform:translate(-50%)rotateX(-24deg)rotateY(-36deg)rotate(7deg)scale(1)}45%{transform:translate(-50%)rotateX(155deg)rotateY(122deg)rotate(44deg)scale(1.08)}to{transform:translate(-50%)rotateX(-24deg)rotateY(-36deg)rotate(7deg)scale(1)}}@media (width<=980px){.dice-reference-board{padding:10px}.dice-game-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""bet""history"}.dice-bet-panel{position:static}}@media (width<=640px){.dice-reference-board{gap:8px;padding:6px}.dice-game-header{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:50px;padding:8px}.dice-game-phase{justify-self:end;min-width:96px;padding:7px 9px}.dice-game-phase span{display:none}.dice-account-actions{grid-column:auto;justify-content:flex-end}.dice-account-actions button,.dice-wallet-button{flex:0 0 36px;justify-content:center;width:36px;padding:0;font-size:0}.dice-wallet-button span{display:none}.dice-reference-stage,.dice-bet-panel,.dice-stats-panel{padding:10px}.dice-reference-stage{min-height:260px}.dice-stage-meta span{padding:5px 7px;font-size:11px}.dice-next-block{text-overflow:ellipsis;width:100%;min-height:34px;margin-top:9px;padding:8px 10px;font-size:12px;overflow:hidden}.dice-canvas-wrap{height:132px;min-height:124px}.dice-canvas-wrap:before{width:min(330px,94%);height:88px;bottom:10px}.dice-canvas-wrap:after{width:92px;height:20px;bottom:42px}.dice-visual-die{--die-size:70px;top:24px}.dice-visual-face{border-radius:7px;padding:12px}.dice-pip{width:8px;height:8px}.dice-stage-result{top:14px}.dice-stage-result strong{font-size:24px}.dice-roll-track{flex-basis:30px;height:30px}.dice-roll-track:before,.dice-roll-track-fill{top:12px}.dice-roll-marker{min-width:30px;height:30px;font-size:15px}.dice-chip-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.dice-chip{height:36px;font-size:11px}.dice-bet-spot{min-height:58px}.dice-bet-label,.dice-exact-row .dice-bet-label{font-size:20px}.dice-exact-row{grid-template-columns:repeat(6,minmax(0,1fr))}.dice-roll-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dice-recent-label{grid-column:1/-1}.dice-market-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dice-market-copy{text-align:left}}@media (width<=390px){.dice-game-brand strong{font-size:15px}.dice-game-icon{width:34px;height:34px}.dice-game-phase{min-width:82px}.dice-reference-stage{min-height:252px}.dice-canvas-wrap{height:122px;min-height:118px}.dice-bet-row{gap:5px}.dice-bet-spot{min-height:54px;padding:4px}.dice-bet-payout,.dice-bet-stake{font-size:10px}.dice-bet-label,.dice-exact-row .dice-bet-label{font-size:18px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);font-size:18px;font-weight:700}.modal-close{border-radius:var(--radius-md);background:var(--bg-hover);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-card);color:var(--text-primary)}.auth-modal{max-width:420px}.auth-logo{color:var(--accent-green);align-items:center;gap:8px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;display:flex}.auth-tabs{border-bottom:1px solid var(--border-primary);padding:0 24px;display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:14px;font-size:14px;font-weight:600}.auth-tab.active{color:var(--accent-green);border-bottom-color:var(--accent-green)}.auth-form{flex-direction:column;gap:16px;padding:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.input.with-icon{padding-left:38px}.input.with-right-icon{padding-right:38px}.input-right-icon{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.input-right-icon:hover{color:var(--text-secondary)}.forgot-password{color:var(--accent-green);cursor:pointer;text-align:right;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;font-size:13px}.forgot-password:hover{opacity:.8}.auth-error{border-radius:var(--radius-md);color:var(--accent-red);background:#ef44441a;border:1px solid #ef44444d;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.auth-terms{color:var(--text-muted);text-align:center;font-size:12px;line-height:1.5}.auth-link{color:var(--accent-green);text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-bonus-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid #f59e0b4d;align-items:center;gap:14px;margin:0 24px 24px;padding:14px;display:flex}.auth-bonus-banner span{flex-shrink:0;font-size:32px}.bonus-title{color:var(--accent-gold);font-size:14px;font-weight:700}.bonus-desc{color:var(--text-secondary);margin-top:2px;font-size:13px}.wallet-modal{max-width:480px}.wallet-balance-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0d3b1e,#166534);justify-content:space-between;align-items:center;margin:16px 24px;padding:20px;display:flex}.wallet-balance-info{flex-direction:column;gap:4px;display:flex}.wallet-balance-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.wallet-balance-amount{color:#fff;font-size:28px;font-weight:800}.wallet-stats{gap:16px;display:flex}.wallet-stat{text-align:right;flex-direction:column;gap:2px;display:flex}.wallet-stat-label{color:#ffffff80;font-size:11px}.wallet-stat-value{color:#fff;font-size:14px;font-weight:600}.wallet-tabs{border-bottom:1px solid var(--border-primary);padding:0 24px;display:flex}.wallet-tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;margin-bottom:-1px;padding:12px;font-size:13px;font-weight:600;display:flex}.wallet-tab.active{color:var(--accent-green);border-bottom-color:var(--accent-green)}.wallet-form{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.payment-methods{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.payment-method{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;padding:10px 4px;display:flex}.payment-method.active{border-color:var(--accent-green);background:var(--accent-green-glow);color:var(--accent-green)}.payment-method:hover:not(.active){border-color:var(--border-accent);background:var(--bg-hover)}.payment-icon{font-size:20px}.payment-label{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;font-weight:600;overflow:hidden}.quick-amounts{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.quick-amount{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:8px;font-size:13px;font-weight:600}.quick-amount.active,.quick-amount:hover{background:var(--accent-green-glow);border-color:var(--accent-green);color:var(--accent-green)}.success-message{border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--accent-green);text-align:center;background:#00d4a31a;padding:12px;font-size:14px;font-weight:600}.wallet-note{color:var(--text-muted);text-align:center;font-size:11px;line-height:1.5}.transaction-history{flex-direction:column;gap:6px;padding:20px 24px;display:flex}.transaction-item{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px;display:flex}.transaction-item:hover{background:var(--bg-hover)}.tx-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.tx-info{flex-direction:column;flex:1;display:flex}.tx-type{color:var(--text-primary);font-size:13px;font-weight:600}.tx-method{color:var(--text-muted);font-size:11px}.tx-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.tx-amount.positive{color:var(--accent-green);font-size:14px;font-weight:700}.tx-amount.negative{color:var(--accent-red);font-size:14px;font-weight:700}.tx-status{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);padding:1px 6px;font-size:10px;font-weight:600}.tx-status.completed{color:var(--accent-green);background:#00d4a31a}.tx-status.pending{color:var(--accent-gold);background:#f59e0b1a}.tx-status.failed{color:var(--accent-red);background:#ef44441a}