:root{--bg:#0a1630;--bg2:#0d2040;--panel:#0b1c3acc;--stroke:#203a6a;--tile:#0e2246;--tile2:#0c1a36;--accent:#4db6ff;--good:#27d07d;--bad:#ff5c7a;--text:#e6efff;--muted:#91a3c7;--ticker-h:40px;--app-gap:16px;--app-pad:16px;--panel-padding:16px;--panel-radius:6px;--stocks-gap:6px;--stock-padding:8px;--stock-inner-gap:6px;--grid-gap:10px;--cell-radius:10px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--shadow-none:none;--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 8px 32px rgba(0,0,0,0.3);--panel-bg:var(--panel);--panel-card:#0d1e3a99;--panel-border:#1e3b6a;--text-primary:var(--text);--text-muted:var(--muted);--accent-contrast:#081833;--focus-ring:rgba(77,182,255,0.25);--caps-tracking:0.5px;--z-base:0;--z-ticker:100;--z-floating:200;--z-sticky:400;--z-backdrop:450;--z-sheet:500;--z-header-dropdown:600;--z-toast:900;--loading-primary:var(--accent);--modal-bg:rgba(10,22,48,0.95);--modal-content:var(--bg2);--modal-border:var(--stroke);--stat-card-bg:var(--tile);--positive-color:var(--good);--negative-color:var(--bad);--loading-bg:rgba(77,182,255,0.1);}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);font:500 14px/1.35 Inter,system-ui,Segoe UI,Roboto,Arial;background:linear-gradient(180deg,var(--bg),var(--bg2));overflow-x:hidden;}.app-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--panel);border-bottom:1px solid var(--stroke);backdrop-filter:blur(8px);height:48px;min-height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px rgba(0,0,0,0.15);}.header-left{display:flex;align-items:center;gap:12px;}.brand-logo{display:flex;align-items:center;justify-content:center;padding:10px;}.brand-text{font-size:25px;font-weight:900;font-family:Inter,system-ui,-apple-system,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#4db6ff;text-shadow:-2px -2px 0 #1e3a8a,2px -2px 0 #1e3a8a,-2px 2px 0 #1e3a8a,2px 2px 0 #1e3a8a,-1px -1px 0 #1e3a8a,1px -1px 0 #1e3a8a,-1px 1px 0 #1e3a8a,1px 1px 0 #1e3a8a,0 0 4px rgba(30,58,138,0.3),0 0 8px rgba(135,206,235,0.2);user-select:none;cursor:default;transition:all 0.3s ease;}.brand-text:hover{text-shadow:-2px -2px 0 #1e3a8a,2px -2px 0 #1e3a8a,-2px 2px 0 #1e3a8a,2px 2px 0 #1e3a8a,-1px -1px 0 #1e3a8a,1px -1px 0 #1e3a8a,-1px 1px 0 #1e3a8a,1px 1px 0 #1e3a8a,0 0 6px rgba(30,58,138,0.4),0 0 12px rgba(135,206,235,0.3);}.currency-balance{display:flex;align-items:center;gap:6px;}.currency-symbol{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0.3px;text-transform:uppercase;}.stock .pr.up{color:#27d07d;}.stock .pr.down{color:#ff5c7a;}.stock .pr.neutral{color:#fff;}.stock .pct{font-size:11px;font-weight:700;}.header-balance{font-size:16px;font-weight:700;color:var(--good);white-space:nowrap;}.header-right{display:flex;align-items:center;gap:20px;}.header-dropdown{position:relative;}.dropdown-toggle{background:#0d213f;border:1px solid #2a4d86;border-radius:8px;padding:8px;color:var(--text);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;}.dropdown-toggle:hover{background:#0f2547;border-color:#4db6ff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.25);}.dropdown-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring);border-color:#4db6ff;}.dropdown-icon{transition:opacity .2s ease;}.dropdown-toggle[aria-expanded="true"] .dropdown-icon{opacity:0.7;}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--panel);border:1px solid var(--stroke);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.3);backdrop-filter:blur(8px);min-width:160px;padding:8px 0;z-index:var(--z-header-dropdown);animation:dropdownFadeIn .2s ease-out;}.dropdown-item{padding:12px 16px;color:var(--text);cursor:pointer;transition:all .15s ease;font-weight:500;border-radius:0;display:flex;align-items:center;gap:8px;}.dropdown-item:hover,.dropdown-item:focus{background:#0d213f;color:var(--accent);outline:none;}.dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px;}.dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}.dropdown-item-icon{flex-shrink:0;opacity:0.8;}.dropdown-item-text{flex:1;}.dropdown-item[data-action="toggle-sound"]{gap:6px;}.dropdown-item[data-action="toggle-sound"] .dropdown-item-text{flex:0;margin-right:6px;}.toggle{position:relative;width:36px;height:15px;flex:0 0 auto;align-self:center;}.toggle-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-appearance:none;appearance:none;}.toggle-label{position:absolute;inset:0;cursor:pointer;border-radius:999px;background:#203a6a;border:1px solid #2a4d86;transition:background .2s ease,border-color .2s ease;}.toggle-label::after{content:"";position:absolute;top:50%;left:2px;width:16px;height:15px;border-radius:50%;background:#fff;transform:translate(0,-50%);box-shadow:0 2px 6px rgba(0,0,0,0.35);transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s ease;}.toggle-input:checked+.toggle-label{background:#27d07d;border-color:#1fb86b;}.toggle-input:checked+.toggle-label::after{transform:translate(16px,-50%);background:#eafff5}.toggle-input:focus-visible+.toggle-label{outline:none;box-shadow:0 0 0 3px var(--focus-ring);}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-8px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}.skip-link{position:absolute;top:-40px;left:8px;background:#0d213f;color:var(--text);padding:8px 12px;border-radius:8px;border:1px solid #2a4d86;z-index:10000;transition:top .2s ease;}.skip-link:focus{top:8px}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background:radial-gradient(700px 200px at 20% 30%,#ffffff 1px,transparent 1px) repeat-x,radial-gradient(700px 200px at 70% 60%,#ffffff 1px,transparent 1px) repeat-x;background-size:1200px 100%,1400px 100%;animation:bgmove 40s linear infinite;}@keyframes bgmove{from{background-position:0 0,0 0}to{background-position:-1200px 0,-1400px 0}}.app{min-height:calc(100dvh - 48px);display:grid;grid-template-columns:clamp(220px,22vw,320px) minmax(0,1fr) clamp(240px,24vw,340px);grid-template-rows:1fr var(--ticker-h);gap:var(--app-gap);padding:var(--app-pad) var(--app-pad) 0;position:relative;}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--panel-radius);backdrop-filter:blur(8px);padding:var(--panel-padding);box-shadow:0 8px 32px rgba(0,0,0,0.3);position:relative;overflow:hidden;}.panel-left,.panel-right{min-width:0;}.panel-left{overflow:auto}.panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(77,182,255,0.5),transparent);}.panel h3{margin:0 0 16px 0;font-size:15px;color:var(--muted);letter-spacing:.5px;font-weight:600;text-transform:uppercase;}.stocks-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:12px;}.stocks-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.balance-display{display:flex;flex-direction:column;align-items:flex-end;gap:2px;}.balance-display .balance-label{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:0.3px;text-transform:uppercase;}.balance-display .balance-value{font-size:16px;font-weight:800;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,0.3);}.btn.small{flex:0 0 auto;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.3px;}.form-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}.form-group label{opacity:.9}.input{background:#0f2246;border:1px solid #29487a;color:var(--text);border-radius:10px;padding:12px 14px;width:100%;outline:none;font-weight:600;font-size:14px;transition:all .2s ease;text-align:center;}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.input:focus-visible{border-color:#4db6ff;box-shadow:0 0 0 3px var(--focus-ring);background:#0f2547;}.btn:focus-visible,.bet-btn:focus-visible,.mines-btn:focus-visible,.autocash-btn:focus-visible,.chip:focus-visible,.cell:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring);border-color:#4db6ff;}.input:hover{border-color:#2a4d86;background:#0f2547;}.buttons{display:flex;gap:12px;margin-top:16px;}.buttons .btn{flex:1;transition:all .3s ease;}.btn,.bet-btn,.mines-btn,.autocash-btn,.chip{flex:1;padding:14px 18px;border:1px solid #2a4d86;border-radius:12px;background:#0d213f;color:var(--text);cursor:pointer;font-weight:700;font-size:14px;transition:all .2s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:var(--caps-tracking);}.btn::before,.bet-btn::before,.mines-btn::before,.autocash-btn::before,.chip::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 50%);opacity:0;transition:opacity .2s ease;}.btn:hover,.bet-btn:hover,.mines-btn:hover,.autocash-btn:hover,.chip:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.4);border-color:#4db6ff;}.btn:hover::before,.bet-btn:hover::before,.mines-btn:hover::before,.autocash-btn:hover::before,.chip:hover::before{opacity:1;}.btn:active,.bet-btn:active,.mines-btn:active,.autocash-btn:active,.chip:active{transform:translateY(0) scale(0.98);transition:all .1s ease;}.btn.close{flex:0 0 auto;padding:8px 10px;border-radius:8px;font-size:12px;}.btn.primary{background:linear-gradient(135deg,#1c74c9,#155e9f);border-color:#2b79bf;box-shadow:0 4px 12px rgba(28,116,201,0.3);}.btn.primary:hover{background:linear-gradient(135deg,#2b85d9,#1e6bb0);box-shadow:0 6px 20px rgba(28,116,201,0.4);}.btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;}@keyframes loading-pulse{0%{opacity:1;}50%{opacity:0.5;}100%{opacity:1;}}@keyframes loading-spinner{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.btn.loading,.bet-btn.loading,.autocash-btn.loading{position:relative;color:transparent !important;pointer-events:none;cursor:not-allowed;background:var(--loading-bg) !important;border-color:var(--loading-primary) !important;animation:loading-pulse 1.5s ease-in-out infinite;}.btn.loading::after,.bet-btn.loading::after,.autocash-btn.loading::after{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid var(--loading-primary);border-radius:50%;animation:loading-spinner 1s linear infinite;}.bet-loading{opacity:0.6;pointer-events:none;cursor:not-allowed;}.bet-loading input,.bet-loading button{opacity:0.5;pointer-events:none;}.mobile-cta .btn.bet-loading{background:var(--loading-bg) !important;border-color:var(--loading-primary) !important;animation:loading-pulse 1.5s ease-in-out infinite;}.btn:not(.primary){background:#0d213f;color:var(--text);}.btn:not(.primary):hover{background:#0f2547;}.btn:not(.primary).pulse{background:linear-gradient(135deg,#27d07d,#1fb86b);border-color:#27d07d;color:#fff;}.balance{font-weight:700;font-size:16px;margin-bottom:6px}.tabs{display:flex;gap:8px;margin-bottom:16px;background:#0d1e3a99;border-radius:12px;padding:4px;border:1px solid #1e3b6a;}.tab{flex:1;padding:12px 16px;border-radius:8px;border:none;background:transparent;color:var(--muted);font-weight:700;cursor:pointer;font-size:13px;transition:all .2s cubic-bezier(0.4,0,0.2,1);position:relative;text-transform:uppercase;letter-spacing:0.5px;}.tab:hover{color:var(--text);background:rgba(77,182,255,0.1);}.tab.active{color:#fff;background:linear-gradient(135deg,#1c74c9,#155e9f);box-shadow:0 2px 8px rgba(28,116,201,0.3);}.tab-panel{display:block}.tab-panel[hidden]{display:none}.board{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--panel-padding) 0;}.mobile-cta{display:none;width:100%;margin-top:12px}.mobile-cta .btn{width:100%}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:var(--grid-gap);width:clamp(320px,81vmin,500px);max-width:500px;aspect-ratio:1/1;}.grid.grid-shake{animation:gridShake 280ms cubic-bezier(.22,.61,.36,1) both}@keyframes gridShake{0%{transform:translate3d(0,0,0)}20%{transform:translate3d(-4px,0,0)}40%{transform:translate3d(4px,0,0)}60%{transform:translate3d(-2px,0,0)}80%{transform:translate3d(2px,0,0)}100%{transform:translate3d(0,0,0)}}.cell{width:100%;height:100%;border:1px solid #29487a;border-radius:var(--cell-radius);background:var(--tile);box-shadow:0 2px 4px rgba(0,0,0,0.25),0 1px 0 #081433;cursor:pointer;user-select:none;display:grid;place-items:center;font-weight:800;font-size:clamp(16px,2.4vmin,22px);color:#cfe3ff;transition:all .15s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;image-rendering:auto;}.cell .fx{position:absolute;inset:0;pointer-events:none;}.cell .fx i{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);}.fx-burst i{background:var(--bad);box-shadow:0 0 8px rgba(255,92,122,0.6);animation:fx-burst 520ms cubic-bezier(.2,.8,.2,1) forwards;--angle:calc((var(--i) * 30deg));--dist:calc(14px + (var(--i) * 0.6px));--delay:calc(var(--i) * 6ms);animation-delay:var(--delay);}@keyframes fx-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(0) scale(1);}70%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--dist)) scale(0.9);}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(calc(var(--dist) * 1.2)) scale(0.8);}}.fx-sparkle.up i{background:var(--good);box-shadow:0 0 10px rgba(39,208,125,0.6);}.fx-sparkle.down i{background:var(--bad);box-shadow:0 0 10px rgba(255,92,122,0.6);}.fx-sparkle i{width:5px;height:5px;transform:translate(-50%,-50%) rotate(45deg);animation:fx-sparkle 680ms cubic-bezier(.22,.61,.36,1) forwards;--dx:calc((var(--i) - 4) * 2px);--dy:calc(-8px - (var(--i) * 1.5px));--delay:calc(var(--i) * 8ms);animation-delay:var(--delay);}@keyframes fx-sparkle{0%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) translate(0,0) scale(0.6);}30%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) translate(var(--dx),calc(var(--dy) * 0.3)) scale(1);}100%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) translate(calc(var(--dx) * 1.2),var(--dy)) scale(0.6);}}.fx-shockwave{position:absolute;inset:0;}.fx-shockwave span{position:absolute;left:50%;top:50%;width:12px;height:12px;border:2px solid rgba(255,92,122,0.5);border-radius:999px;transform:translate(-50%,-50%) scale(0.6);filter:blur(.2px);animation:fx-wave 520ms cubic-bezier(.2,.8,.2,1) forwards}@keyframes fx-wave{0%{opacity:.8;transform:translate(-50%,-50%) scale(0.6)}60%{opacity:.5;transform:translate(-50%,-50%) scale(2.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}.fly-coin{position:fixed;width:10px;height:10px;background:linear-gradient(135deg,#ffd166,#ffb347);border:1px solid rgba(255,193,7,0.6);border-radius:50%;box-shadow:0 0 10px rgba(255,193,7,0.5),0 0 0 2px rgba(255,193,7,0.15) inset;z-index:var(--z-toast);will-change:transform,opacity}.pulse-balance{animation:pulseBalance 420ms ease-out both}@keyframes pulseBalance{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}.fx-smoke i{width:8px;height:8px;border-radius:999px;background:radial-gradient(closest-side,rgba(180,190,210,0.75),rgba(120,140,170,0.18));filter:blur(0.4px);animation:fx-smoke 700ms ease-out forwards;--angle:calc((var(--i) * 45deg));--dist:calc(10px + var(--i) * 0.8px);--delay:calc(var(--i) * 10ms);animation-delay:var(--delay)}@keyframes fx-smoke{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(0) scale(0.8)}20%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(calc(var(--dist) * 0.3)) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--dist)) scale(1.2)}}.screen-flash{position:fixed;inset:0;background:radial-gradient(ellipse at center,rgba(255,255,255,0.28),rgba(255,255,255,0) 60%);pointer-events:none;z-index:9999;animation:screenFlash 260ms ease-out forwards}@keyframes screenFlash{from{opacity:0}30%{opacity:1}to{opacity:0}}.wobble{animation:wobble 360ms cubic-bezier(.22,.61,.36,1) both}@keyframes wobble{0%{transform:translateY(0)}35%{transform:translateY(-2px)}65%{transform:translateY(1px)}100%{transform:translateY(0)}}.cell.tile-layered::after,.cell.tile-layered::before{content:'';position:absolute;inset:0;pointer-events:none;background-position:center;background-repeat:no-repeat;}.cell.tile-layered::before{background-image:var(--bg-url);background-size:cover;opacity:1}.cell.tile-layered::after{background-image:var(--icon-url);background-size:100% 100%;will-change:transform;transform-origin:center;}.cell.icon-bounce-layered::after{animation:iconBounceTransform .54s cubic-bezier(0.34,1.56,0.64,1) both}@keyframes iconBounceTransform{0%{transform:scale(0.78)}40%{transform:scale(1.12)}70%{transform:scale(0.94)}100%{transform:scale(1)}}.cell::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 50%);opacity:0;transition:opacity .15s ease;}.cell:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,0.35),0 2px 0 #081433;border-color:#4db6ff;}.cell:hover::before{opacity:1;}.cell:active{transform:translateY(0) scale(0.98);box-shadow:0 2px 4px rgba(0,0,0,0.3),0 1px 0 #081433;transition:all .08s ease;}.cell.revealed{background:var(--tile2);box-shadow:0 2px 4px rgba(0,0,0,0.2);animation:reveal .25s cubic-bezier(0.34,1.56,0.64,1);border-color:#2a4d86;}.cell.mine{color:var(--bad);animation:boom .4s cubic-bezier(.2,.6,.2,1);background:var(--tile2);}.mine-label{position:relative;z-index:10;font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.8);pointer-events:none;margin-top:18px;}.cell.win,.cell.win:hover{border-color:#27d07d;box-shadow:0 0 0 2px rgba(39,208,125,0.4),0 6px 16px rgba(39,208,125,0.25);background:linear-gradient(135deg,#27d07d,#21be72);color:#fff;}.cell.loss,.cell.loss:hover{border-color:#ff5c7a;box-shadow:0 0 0 2px rgba(255,92,122,0.35),0 6px 16px rgba(255,92,122,0.2);background:linear-gradient(135deg,#ff5c7a,#ff3d5f);color:#fff;}.tile-popup{position:fixed;z-index:var(--z-floating);background:#0b1c3acc;border:2px solid var(--stroke);color:var(--text);padding:8px 10px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.45);font:600 12px/1.35 Inter,system-ui,Segoe UI,Roboto,Arial;pointer-events:none;backdrop-filter:blur(6px);}.tile-popup{transform:translateZ(0)}.tile-popup *{pointer-events:none}.tile-popup .tp-name{font-weight:800;font-size:13px;margin-bottom:4px;letter-spacing:.2px}.tile-popup .tp-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.tile-popup .tp-price{color:var(--text);opacity:.9}.tile-popup .tp-delta{font-weight:800}.tile-popup .tp-delta.up{color:var(--good)}.tile-popup .tp-delta.down{color:var(--bad)}.cell.flag::after{content:"⚑";font-size:18px;color:#f7de6a;animation:flagWave .3s ease-out;}.cell.disabled{pointer-events:none;opacity:.6;filter:grayscale(0.3);}.cell{will-change:transform,box-shadow,background-color}.cell.revealed,.cell.mine{will-change:transform,box-shadow}@keyframes reveal{from{transform:scale(.8) rotateY(180deg);opacity:0.5;}to{transform:scale(1) rotateY(0deg);opacity:1;}}.cell.icon-bounce{background-size:88%;animation:iconBounce .54s cubic-bezier(0.34,1.56,0.64,1) both;}@keyframes iconBounce{0%{background-size:78%;}40%{background-size:112%;}70%{background-size:94%;}100%{background-size:100%;}}.cell.icon-bounce-layered{background-size:88% 88%,180% 180%,cover;}.cell.revealed.icon-bounce-layered{animation:reveal .25s cubic-bezier(0.34,1.56,0.64,1),iconBounceLayered .54s cubic-bezier(0.34,1.56,0.64,1) both;}.cell.mine.icon-bounce-layered{animation:boom .4s cubic-bezier(.2,.6,.2,1),iconBounceLayered .54s cubic-bezier(0.34,1.56,0.64,1) both;}@keyframes iconBounceLayered{0%{background-size:78% 78%,180% 180%,cover;}40%{background-size:112% 112%,180% 180%,cover;}70%{background-size:94% 94%,180% 180%,cover;}100%{background-size:100% 100%,180% 180%,cover;}}@keyframes boom{0%{transform:scale(.8);box-shadow:0 0 0 0 rgba(255,92,122,.6)}50%{transform:scale(1.1);box-shadow:0 0 30px 8px rgba(255,92,122,.4)}100%{transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,0.2)}}@keyframes flagWave{0%{transform:scale(0) rotate(-10deg);opacity:0;}50%{transform:scale(1.2) rotate(5deg);opacity:1;}100%{transform:scale(1) rotate(0deg);opacity:1;}}.cell.n1{color:#4db6ff}.cell.n2{color:#27d07d}.cell.n3{color:#ff5c7a}.cell.n4{color:#e0b7ff}.cell.n5{color:#ffd166}.cell.n6{color:#00e1ff}.cell.n7{color:#ff9f43}.cell.n8{color:#ff6bd6}.stocks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--stocks-gap)}@container stocks (min-width:540px){.stocks{grid-template-columns:repeat(3,1fr);}}.stock{display:flex;flex-direction:row;justify-content:space-between;grid-template-columns:1fr;align-items:center;gap:0px;min-width:0;padding:6px;border:1px solid #1e3b6a;border-radius:6px;background:#0d1e3a99;transition:all .2s ease;position:relative;overflow:hidden;min-height:40px;}.stock .sym{font-size:10px;font-weight:800;color:#fff;letter-spacing:0.3px;}.stock .pr{font-size:11px;font-weight:700;color:var(--text);line-height:1.2;}.stock .pct{font-size:9px;font-weight:700;line-height:1.2;}.panel-right .stock{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"sym" "price";}.panel-right .stock .sym{grid-area:sym}.panel-right .stock .spark{grid-area:spark}.panel-right .stock>div:last-child{grid-area:price}.stock::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(77,182,255,0.05) 0%,transparent 50%);opacity:0;transition:opacity .2s ease;}.stock:hover{border-color:#2a4d86;background:#0d1e3acc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2);}.stock:hover::before{opacity:1;}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:#0d1e3a;border-radius:4px;}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2a4d86,#1e3b6a);border-radius:4px;border:1px solid #0d1e3a;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4db6ff,#2a4d86);}::-webkit-scrollbar-corner{background:#0d1e3a;}*{scrollbar-width:thin;scrollbar-color:#2a4d86 #0d1e3a;}.sym{font-weight:800;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pr{color:var(--muted);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;white-space:nowrap}.pct.up{color:var(--good);font-weight:700}.pct.down{color:var(--bad);font-weight:700}.pct.neutral{color:#27d07d;font-weight:700}.spark{width:min(52px,20cqw);max-width:100%;max-height:100%;aspect-ratio:100/30}.stock .sym{font-size:12px}.stock .pr{font-size:12px}.stock .pct{font-size:12px}.ticker{grid-column:1/-1;grid-row:2;position:sticky;bottom:0;z-index:var(--z-ticker);border-top:1px solid var(--stroke);background:#081833e6;backdrop-filter:blur(4px);display:flex;align-items:center;overflow:hidden;height:var(--ticker-h);contain:content;}.track{display:inline-block;white-space:nowrap;will-change:transform;animation:ticker 26s linear infinite;transform:translate3d(0,0,0);backface-visibility:hidden;}.ti{display:inline-flex;gap:8px;align-items:center;padding:0 18px}.ti .name{opacity:.9}.ti .price{color:var(--text);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.ti .chg.up{color:var(--good)}.ti .chg.down{color:var(--bad)}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker:hover .track{animation-play-state:paused}.panel-left{grid-column:1;grid-row:1;}.board{grid-column:2;grid-row:1;}.panel-right{grid-column:3;grid-row:1;overflow:auto;container-type:inline-size;container-name:stocks;padding:12px;}@media (max-width:768px){.app-header{padding:0 12px;height:44px;min-height:44px;}.currency-balance{gap:4px;}.currency-symbol{font-size:12px;}.header-balance{font-size:14px;}.dropdown-toggle{width:32px;height:32px;padding:6px;}.dropdown-menu{min-width:140px;}.header-right{gap:16px;}.modal-overlay{padding:12px;}.modal-container{max-width:100%;max-height:95vh;}.modal-header{padding:16px 20px 12px;}.modal-title{font-size:20px;}.modal-content{padding:20px;}.bet-history-table-container{max-height:300px;}.brand-text{font-size:16px;letter-spacing:0.8px;text-shadow:-1.5px -1.5px 0 #1e3a8a,1.5px -1.5px 0 #1e3a8a,-1.5px 1.5px 0 #1e3a8a,1.5px 1.5px 0 #1e3a8a,-1px -1px 0 #1e3a8a,1px -1px 0 #1e3a8a,-1px 1px 0 #1e3a8a,1px 1px 0 #1e3a8a,0 0 3px rgba(30,58,138,0.3),0 0 6px rgba(135,206,235,0.2);}.brand-text:hover{text-shadow:-1.5px -1.5px 0 #1e3a8a,1.5px -1.5px 0 #1e3a8a,-1.5px 1.5px 0 #1e3a8a,1.5px 1.5px 0 #1e3a8a,-1px -1px 0 #1e3a8a,1px -1px 0 #1e3a8a,-1px 1px 0 #1e3a8a,1px 1px 0 #1e3a8a,0 0 4px rgba(30,58,138,0.4),0 0 8px rgba(135,206,235,0.3);}}@media (max-width:480px) and (orientation:portrait),(orientation:portrait){.app{display:flex;flex-direction:column;padding:8px;gap:12px;min-height:calc(100dvh - 44px);}.board{order:1;padding:12px 0;position:relative;flex-direction:column;align-items:center;}.grid{width:clamp(280px,85vmin,400px);gap:var(--grid-gap);}.mobile-cta{display:block}.board .mobile-cta{width:clamp(280px,85vmin,400px);}.panel-left{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sheet);height:min(85vh,560px);margin:0;border-top-left-radius:16px;border-top-right-radius:16px;transform:translateY(100%);transition:transform .25s ease;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:auto;}@keyframes sheetIn{0%{transform:translateY(100%);}70%{transform:translateY(-6px);}100%{transform:translateY(0);}}@keyframes sheetOut{0%{transform:translateY(var(--from,0));}100%{transform:translateY(100%);}}@keyframes sheetCloseUp{0%{transform:translateY(var(--fromUp,-12px));}40%{transform:translateY(0);}100%{transform:translateY(100%);}}@keyframes sheetSnapBack{0%{transform:translateY(var(--from,0));}70%{transform:translateY(-6px);}100%{transform:translateY(0);}}.panel-left.is-opening{animation:sheetIn 260ms cubic-bezier(0.2,0.8,0.2,1) forwards;}.panel-left.is-closing{animation:sheetOut 220ms cubic-bezier(.22,.61,.36,1) forwards;}.panel-left.is-snap-back{animation:sheetSnapBack 200ms cubic-bezier(0.2,0.8,0.2,1) forwards;}.panel-left.is-close-up{animation:sheetCloseUp 260ms cubic-bezier(.22,.61,.36,1) forwards;}.panel-left.open{transform:translateY(0)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-8px -8px 12px;padding:8px 8px 0;position:sticky;top:0;z-index:var(--z-sticky);touch-action:none}.sheet-head .drag{width:44px;height:8px;background:#2a4d86;border-radius:999px;margin:0 auto 6px;opacity:.8}.sheet-head .btn.close{transform:translateY(-4px);}.sheet-backdrop{display:none}body.sheet-open .sheet-backdrop{display:block}.sheet-backdrop{position:fixed;inset:0;background:#0009;z-index:var(--z-backdrop)}body.sheet-open .app>*:not(.panel-left){pointer-events:none;}body.sheet-open .board,body.sheet-open .panel-right{pointer-events:none;touch-action:none;}body.sheet-open .panel-left{-webkit-overflow-scrolling:touch;}body.sheet-open{overscroll-behavior:auto;}body.sheet-open .panel-left{overscroll-behavior:auto;}body.sheet-open .sheet-backdrop{touch-action:none;}.panel-left{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.panel-left .lbp-label,.panel-left .form-group label{font-size:12px}.panel-left .input{padding:10px 10px;font-size:13px}.panel-left .btn,.panel-left .bet-btn,.panel-left .autocash-btn{padding:10px 12px;font-size:13px}.panel-left .buttons{gap:10px;margin-top:12px}.panel-left{order:2;margin:0;}.panel-right{order:3;padding:12px;}.stocks{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;}.stocks-head{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;}.stocks-controls{flex-direction:row;align-items:center;gap:6px;margin-left:auto;}.balance-display{align-items:flex-end;text-align:right;}}@media (orientation:landscape) and (max-width:1024px),(orientation:landscape) and (max-height:480px){.app{display:grid;grid-template-columns:clamp(220px,28vw,320px) 1fr clamp(220px,28vw,320px);grid-template-rows:1fr var(--ticker-h);gap:12px;padding:12px 12px 0;min-height:calc(100dvh - 44px);}.board{padding:var(--panel-padding) 0 0;display:flex;align-items:center;justify-content:center;container-type:size;}.sheet-head{display:none;}.panel-left{padding:10px}.panel-left h3,.panel-right h3{font-size:12px;}.panel-left .tabs .tab,.panel-right .tabs .tab{font-size:11px;padding:6px 8px;}.panel-left .form-group label,.panel-right .form-group label{font-size:10px;}.panel-left .input,.panel-right .input{font-size:12px;padding:8px 8px;}.panel-left .btn,.panel-right .btn{font-size:12px;padding:10px 12px;}.panel-left .bet-btn,.panel-right .bet-btn{font-size:11px;padding:8px 10px;}.panel-left .mines-btn,.panel-right .mines-btn{font-size:11px;padding:8px 10px;}.panel-left .autocash-btn,.panel-right .autocash-btn{font-size:11px;padding:8px 10px;}.panel-left .chip,.panel-right .chip{font-size:10px;}.panel-right .balance-display .balance-label{font-size:12px;}.panel-right .balance-display .balance-value{font-size:12px;}.panel-right .stock .sym,.panel-right .stock .pr,.panel-right .stock .pct{font-size:12px;}.grid{width:calc(min(100cqw,100cqh) * 0.9);height:calc(min(100cqw,100cqh) * 0.9);max-width:90%;max-height:90%;gap:var(--grid-gap);}.stocks{display:grid;grid-template-columns:1fr;gap:10px;}.stock{min-height:72px;padding:14px;}.landscape-actions{margin-top:8px}}@media (orientation:landscape) and (max-height:480px){:root{--app-gap:12px;--app-pad:12px;--panel-padding:10px;--ticker-h:32px;}body{font:500 12px/1.35 Inter,system-ui,Segoe UI,Roboto,Arial;}.brand-text{font-size:14px;letter-spacing:0.5px;text-shadow:-1px -1px 0 #1e3a8a,1px -1px 0 #1e3a8a,-1px 1px 0 #1e3a8a,1px 1px 0 #1e3a8a,0 0 2px rgba(30,58,138,0.3),0 0 4px rgba(135,206,235,0.2);}.app{grid-template-columns:clamp(170px,26vw,240px) 1fr clamp(170px,26vw,240px);gap:var(--app-gap);padding:var(--app-pad) var(--app-pad) 0;}.panel h3{font-size:13px;}.panel-right{padding:10px;}.input{padding:8px 8px;font-size:8px;border-radius:8px;}.btn,.bet-btn,.mines-btn,.autocash-btn,.chip{padding:8px 8px;font-size:8px;border-radius:8px;}.balance-display .balance-value{font-size:14px;}.stock{min-height:6px;padding:6px;}.stock .sym,.stock .pr,.stock .pct{font-size:6px;}}@media (min-width:481px) and (max-width:900px) and (orientation:portrait){.app{display:flex;flex-direction:column;padding:12px;gap:16px;}.board{order:1;padding:16px 0;position:relative;}.grid{width:clamp(320px,88vmin,480px);gap:var(--grid-gap);}body.mode-mobile-portrait .mobile-cta{display:block}body.mode-mobile-portrait .board .mobile-cta{width:clamp(320px,88vmin,480px);}body.mode-mobile-portrait .panel-left{order:2;margin:0;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sheet);height:min(85vh,560px);border-top-left-radius:16px;border-top-right-radius:16px;transform:translateY(100%);transition:transform .25s ease;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:auto;}body.mode-mobile-portrait .panel-left.open{transform:translateY(0)}body.mode-mobile-portrait .sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-8px -8px 12px;padding:8px 8px 0;position:sticky;top:0;z-index:var(--z-sticky);touch-action:none}body.mode-mobile-portrait .sheet-head .drag{width:44px;height:8px;background:#2a4d86;border-radius:999px;margin:0 auto 6px;opacity:.8}body.mode-mobile-portrait .sheet-head .btn.close{transform:translateY(-4px);}.sheet-backdrop{display:none}body.sheet-open .sheet-backdrop{display:block}.sheet-backdrop{position:fixed;inset:0;background:#0009;z-index:var(--z-backdrop)}body.sheet-open .app>*:not(.panel-left){pointer-events:none;}body.sheet-open .board,body.sheet-open .panel-right{pointer-events:none;touch-action:none;}body.sheet-open .panel-left,body.mode-mobile-portrait .panel-left{-webkit-overflow-scrolling:touch;}body.sheet-open{overscroll-behavior:auto;}body.sheet-open .panel-left{overscroll-behavior:auto;}body.sheet-open .sheet-backdrop{touch-action:none;}@keyframes sheetIn{0%{transform:translateY(100%);}70%{transform:translateY(-6px);}100%{transform:translateY(0);}}@keyframes sheetOut{0%{transform:translateY(var(--from,0));}100%{transform:translateY(100%);}}@keyframes sheetCloseUp{0%{transform:translateY(var(--fromUp,-12px));}40%{transform:translateY(0);}100%{transform:translateY(100%);}}@keyframes sheetSnapBack{0%{transform:translateY(var(--from,0));}70%{transform:translateY(-6px);}100%{transform:translateY(0);}}.panel-left.is-opening{animation:sheetIn 260ms cubic-bezier(0.2,0.8,0.2,1) forwards;}.panel-left.is-closing{animation:sheetOut 220ms cubic-bezier(.22,.61,.36,1) forwards;}.panel-left.is-snap-back{animation:sheetSnapBack 200ms cubic-bezier(0.2,0.8,0.2,1) forwards;}.panel-left.is-close-up{animation:sheetCloseUp 260ms cubic-bezier(.22,.61,.36,1) forwards;}.panel-right{order:3;padding:16px;}.stocks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.stocks-head{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;}.stocks-controls{flex-direction:row;align-items:center;gap:6px;margin-left:auto;}.balance-display{align-items:flex-end;text-align:right;}}@media (min-width:901px) and (max-width:1024px) and (orientation:portrait){.app{display:flex;flex-direction:column;padding:12px;gap:16px;}.board{order:1;padding:16px 0;position:relative;}.grid{width:clamp(320px,88vmin,480px);gap:var(--grid-gap);}.panel-left{order:2;margin:0;}.panel-right{order:3;padding:16px;}.stocks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.stocks-head{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;}.stocks-controls{flex-direction:row;align-items:center;gap:6px;margin-left:auto;}.balance-display{align-items:flex-end;text-align:right;}}@media (min-width:1025px) and (max-width:1366px) and (orientation:landscape){.app{display:grid;grid-template-columns:clamp(240px,22vw,320px) minmax(0,1fr) clamp(260px,24vw,340px);grid-template-rows:1fr var(--ticker-h);gap:16px;padding:16px 16px 0;}.grid{width:clamp(400px,80vmin,550px);gap:var(--grid-gap);}.stocks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}.stock{min-height:72px;padding:14px;}}@media (min-width:1367px) and (max-width:1440px){.app{display:grid;grid-template-columns:clamp(260px,20vw,320px) minmax(0,1fr) clamp(280px,22vw,340px);grid-template-rows:1fr var(--ticker-h);gap:16px;padding:16px 16px 0;}.grid{width:clamp(450px,75vmin,600px);gap:var(--grid-gap);}.stocks{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;}}@media (min-width:1441px){.app{display:grid;grid-template-columns:clamp(280px,18vw,340px) minmax(0,1fr) clamp(300px,20vw,360px);grid-template-rows:1fr var(--ticker-h);gap:20px;padding:20px 20px 0;}.grid{width:clamp(500px,70vmin,650px);gap:var(--grid-gap);}.stocks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}}body.sheet-open{overflow:hidden;}@media (prefers-reduced-motion:reduce){.cell:hover{transform:none;box-shadow:0 2px 0 #081433}.track{animation:none}body::before{animation:none}}@media (min-width:1025px) and (orientation:landscape){.panel-left,.panel-right{padding:12px}.panel-left .tabs .tab,.panel-right .tabs .tab{font-size:12px;padding:8px 10px}.panel-left .form-group label,.panel-right .form-group label{font-size:12px}.panel-left .input,.panel-right .input{font-size:13px;padding:10px 12px}.panel-left .btn,.panel-right .btn{font-size:13px;padding:12px 14px}.panel-left .bet-btn,.panel-right .bet-btn,.panel-left .autocash-btn,.panel-right .autocash-btn{font-size:12px;padding:8px 10px}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .3s ease;pointer-events:none;}.modal-overlay:not([hidden]){z-index:var(--z-toast);pointer-events:auto;opacity:1;}.modal-container{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.5);backdrop-filter:blur(8px);max-width:90vw;max-height:90vh;width:100%;display:flex;flex-direction:column;transform:scale(0.9) translateY(20px);transition:transform .3s ease;}.modal-overlay:not([hidden]) .modal-container{transform:scale(1) translateY(0);}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--stroke);}.modal-title{margin:0;font-size:24px;font-weight:700;color:var(--text);}.modal-close{background:none;border:none;color:var(--muted);font-size:28px;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s ease;line-height:1;}.modal-close:hover{background:#0d213f;color:var(--text);}.modal-content{padding:24px;overflow-y:auto;flex:1;}.modal-container{max-width:800px;}.how-to-play-section{margin-bottom:24px;}.how-to-play-section h3{color:var(--accent);font-size:18px;font-weight:700;margin:0 0 12px 0;}.how-to-play-section p,.how-to-play-section li{color:var(--text);line-height:1.6;margin-bottom:8px;}.how-to-play-section ol,.how-to-play-section ul{padding-left:20px;}.how-to-play-section ol li{margin-bottom:12px;}.bet-history-table-container{overflow-x:auto;overflow-y:auto;max-height:400px;border:1px solid var(--stroke);border-radius:12px;}.bet-history-table{width:100%;border-collapse:collapse;background:var(--panel-card);}.bet-history-table th{background:var(--stroke);color:var(--text);font-weight:700;padding:16px 12px;text-align:left;border-bottom:1px solid var(--stroke);position:sticky;top:0;z-index:1;}.bet-history-table td{padding:14px 12px;color:var(--text);border-bottom:1px solid rgba(46,64,122,0.3);}.bet-history-table tr:hover{background:rgba(77,182,255,0.05);}.bet-history-table tr:last-child td{border-bottom:none;}.cell.player-selected-tile{background:linear-gradient(135deg,#FFB347 0%,#FF8C00 100%);border:2px solid #FF6600;box-shadow:0 0 10px rgba(255,140,0,0.5);animation:pulse-selected 2s ease-in-out infinite;}.cell.selectable-tile{cursor:pointer;}.cell.auto-play-border{border:3px solid #00D4AA;box-shadow:0 0 15px rgba(0,212,170,0.8);animation:auto-play-glow 1.5s ease-in-out infinite;}@keyframes pulse-selected{0%{box-shadow:0 0 10px rgba(255,140,0,0.5);transform:scale(1);}50%{box-shadow:0 0 20px rgba(255,140,0,0.8);transform:scale(1.02);}100%{box-shadow:0 0 10px rgba(255,140,0,0.5);transform:scale(1);}}@keyframes auto-play-glow{0%{box-shadow:0 0 15px rgba(0,212,170,0.8);border-color:#00D4AA;}50%{box-shadow:0 0 25px rgba(0,212,170,1);border-color:#00F5D0;}100%{box-shadow:0 0 15px rgba(0,212,170,0.8);border-color:#00D4AA;}}.status-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}.status-win{background:rgba(35,208,125,0.15);color:#23d07d;border:1px solid rgba(35,208,125,0.3);}.status-loss{background:rgba(255,92,122,0.15);color:#ff5c7a;border:1px solid rgba(255,92,122,0.3);}.status-pending{background:rgba(255,193,7,0.15);color:#ffc107;border:1px solid rgba(255,193,7,0.3);}.bet-history-table tr.status-win{border-left:3px solid #23d07d;}.bet-history-table tr.status-loss{border-left:3px solid #ff5c7a;}.bet-history-table tr.status-pending{border-left:3px solid #ffc107;}.bet-date{font-size:12px;color:var(--muted);min-width:80px;}.bet-amount{font-weight:600;color:var(--text);}.bet-multiplier{font-weight:700;color:var(--accent);}.bet-cashout{font-weight:600;}.bet-history-table tr.status-win .bet-cashout{color:#23d07d;}.bet-history-table tr.status-loss .bet-cashout{color:#ff5c7a;}.toast{position:fixed;top:10%;left:50%;transform:translate(-50%,-56%) scale(.98);z-index:var(--z-toast);background:#0d213f;border:2px solid #2a4d86;color:var(--text);padding:14px 18px;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 0 1.5px rgba(77,182,255,0.15) inset;opacity:0;pointer-events:none;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .24s ease;font-weight:800;font-size:15px;text-align:center;max-width:min(90vw,520px);width:fit-content;}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1);}.toast.error{border-color:var(--bad);color:#fff;background:linear-gradient(135deg,rgba(255,92,122,0.12),rgba(255,92,122,0.08));}.toast.success{border-color:var(--good);color:#fff;background:linear-gradient(135deg,rgba(39,208,125,0.12),rgba(39,208,125,0.08));}.toast .down{color:var(--bad);font-weight:800}.toast .up{color:var(--good);font-weight:800}@media (max-width:768px){.toast{top:15%;padding:6px 16px;border-radius:10px;font-size:13px;line-height:1.15;width:75vw;max-width:75vw;}}.conn-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:#999}.conn-dot.ok{background:#23d07d}.conn-dot.bad{background:#ff5c7a}.center-popup{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;}.center-popup.show{display:flex;}.center-popup .backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(2px);animation:fadeIn .2s ease forwards;}.center-popup .content{position:relative;min-width:260px;max-width:90vw;padding:18px 20px;border-radius:14px;border:3px solid var(--stroke);background:#0b1c3a;box-shadow:0 16px 40px #000a,0 0 0 1.5px rgba(77,182,255,0.15) inset;transform:translateY(-20px) scale(.96);opacity:0;animation:popIn .3s cubic-bezier(.2,.8,.2,1) forwards;text-align:center;}.center-popup .title{font-weight:800;font-size:18px;margin:0 0 8px;}.center-popup .divider{height:3px;width:40%;background:rgba(145,163,199,0.5);margin:10px auto;border-radius:999px;display:none;opacity:0.2}.center-popup .subtitle{font-size:13px;color:var(--muted);margin:0 0 12px;}.center-popup .subtitle .delta.down{color:var(--bad);font-weight:800;}.center-popup .stats{display:flex;gap:16px;align-items:center;justify-content:center;margin:8px 0 0;}.center-popup .stat{background:#0d1e3a;border:2px solid var(--stroke);padding:8px 10px;border-radius:10px;font-weight:700}.center-popup .close{margin-top:14px;}@keyframes popIn{to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.center-popup.success .content{border-color:var(--good);box-shadow:0 20px 50px rgba(39,208,125,0.25),0 0 0 3px rgba(39,208,125,0.25) inset}.center-popup.success .title{color:var(--good);font-size:24px}.center-popup.success .subtitle{color:var(--good);font-weight:800;font-size:18px}.center-popup.success .divider{display:block}.center-popup.success .btn.close{border-color:var(--good);color:var(--good)}.center-popup.error .content{border-color:var(--bad);box-shadow:0 20px 50px rgba(255,92,122,0.25),0 0 0 3px rgba(255,92,122,0.2) inset}.center-popup.error .title{color:var(--bad)}.center-popup.error .btn.close{border-color:var(--bad);color:var(--bad)}.form-group{background:#0d1e3a99;border:1px solid #1e3b6a;border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s ease;}.form-group:hover{border-color:#2a4d86;background:#0d1e3acc;}.form-group label{display:block;font-weight:600;color:var(--muted);margin-bottom:8px;font-size:13px;letter-spacing:0.3px;}.bet-controls,.mines-controls,.autocash-controls{display:flex;flex-direction:column;gap:10px;}.bet-buttons,.mines-buttons,.autocash-buttons{display:flex;gap:6px;flex-wrap:wrap;}.bet-btn,.mines-btn,.autocash-btn{padding:8px 12px;border-radius:8px;font-weight:600;font-size:12px;}.bet-btn,.mines-btn,.autocash-btn{white-space:normal;text-overflow:clip;overflow:visible;max-width:100%}.bet-btn.active,.mines-btn.active,.autocash-btn.active,.chip.active,.btn.active{background:linear-gradient(135deg,#1c74c9,#155e9f);border-color:#2b79bf;color:#fff;box-shadow:0 2px 8px rgba(28,116,201,0.3);}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1}.card{padding:12px;border:1px solid var(--stroke);background:#0b1c3acc;border-radius:12px;margin-bottom:10px}.card h4{margin:0 0 8px;font-size:13px;color:var(--muted)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.radio{display:flex;gap:6px;align-items:center}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(39,208,125,.6),0 4px 12px rgba(28,116,201,0.3);transform:scale(1);}50%{box-shadow:0 0 0 8px rgba(39,208,125,.3),0 6px 20px rgba(28,116,201,0.4);transform:scale(1.02);}100%{box-shadow:0 0 0 0 rgba(39,208,125,0),0 4px 12px rgba(28,116,201,0.3);transform:scale(1);}}.btn.pulse{animation:pulse 1.8s ease-out infinite;background:linear-gradient(135deg,#27d07d,#1fb86b);border-color:#27d07d;}.btn.pulse:hover{background:linear-gradient(135deg,#2ee085,#25c975);box-shadow:0 6px 20px rgba(39,208,125,0.4);}@keyframes success{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}.btn.success{animation:success 0.3s ease-out;background:linear-gradient(135deg,#27d07d,#1fb86b);border-color:#27d07d;}@keyframes loading{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.btn.loading{position:relative;color:transparent;}.btn.loading::after{content:'';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:loading 1s linear infinite;margin:auto;}@media (min-width:901px){.sheet-head{display:none;}}@media (orientation:landscape){html,body{height:100%;overflow:hidden;}.app .board{align-items:center;justify-content:center;padding:var(--panel-padding) 0 0;container-type:size;}.app{height:calc(100dvh - 48px);overflow:hidden;}.app .board{overflow:hidden;}.panel-left,.panel-right{overflow:auto;max-height:100%;-webkit-overflow-scrolling:touch;}.panel-left,.panel-right,.board{min-height:0;}.app .board .grid{width:min(70cqw,100cqh,640px);height:min(70cqw,100cqh,640px);max-width:100%;max-height:100%;gap:var(--grid-gap);}@supports not (width:1cqw){.app .board .grid{width:min(100%,80vmin,640px);}}}.connecting{position:fixed;inset:0;z-index:9998;display:none;align-items:center;justify-content:center;background:linear-gradient(180deg,#0a1630cc,#0d2040cc);backdrop-filter:blur(2px)}.connecting.show{display:flex}.connecting-card{display:flex;align-items:center;gap:16px;padding:22px 26px;min-width:320px;border-radius:14px;border:1px solid var(--stroke);background:#0b1c3acc;box-shadow:0 16px 40px rgba(0,0,0,.5)}.connecting .text{display:flex;flex-direction:column;gap:2px}.connecting .text strong{font-size:18px}.connecting .text span{font-size:14px;color:var(--muted)}.connecting .spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:loading 0.9s linear infinite}.modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--modal-bg);backdrop-filter:blur(4px);}.bet-history-modal{width:90vw;max-width:900px;max-height:90vh;background:var(--modal-content);border:1px solid var(--modal-border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.6);}.bet-history-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--modal-border);background:var(--bg);}.bet-history-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);}.close-btn{width:32px;height:32px;border:none;background:var(--tile);color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.close-btn:hover{background:var(--bad);color:white;}.bet-history-content{padding:24px;max-height:calc(90vh - 80px);overflow-y:auto;}.history-container{display:flex;flex-direction:column;gap:16px;}.empty-history{text-align:center;padding:60px 20px;color:var(--text-muted);}.history-list{display:flex;flex-direction:column;gap:12px;}.history-entry{background:var(--stat-card-bg);border:1px solid var(--modal-border);border-radius:12px;padding:16px;transition:all 0.2s ease;}.history-entry:hover{border-color:var(--accent);}.history-entry.win{border-left:4px solid var(--positive-color);}.history-entry.loss{border-left:4px solid var(--negative-color);}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.entry-outcome{display:flex;flex-direction:column;gap:4px;}.outcome-badge{font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:0.5px;}.outcome-badge.win{background:rgba(39,208,125,0.2);color:var(--positive-color);}.outcome-badge.loss{background:rgba(255,92,122,0.2);color:var(--negative-color);}.entry-time{font-size:11px;color:var(--text-muted);}.entry-amounts{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:14px;}.bet-amount{color:var(--text-muted);}.win-amount{color:var(--positive-color);font-weight:600;}.multiplier{color:var(--accent);font-weight:700;font-size:16px;}.entry-details{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.05);}.tiles-info{display:flex;gap:16px;font-size:12px;color:var(--text-muted);}.revealed-stocks{display:flex;flex-direction:column;gap:8px;}.stocks-header{font-size:12px;color:var(--text-muted);font-weight:500;}.stocks-list{display:flex;flex-wrap:wrap;gap:6px;}.stock-item{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:500;background:rgba(255,255,255,0.05);}.stock-item.positive{color:var(--positive-color);}.stock-item.negative{color:var(--negative-color);}.more-stocks{font-size:11px;color:var(--text-muted);font-style:italic;}.load-more{text-align:center;padding:20px;}.load-more-btn{padding:12px 24px;border:1px solid var(--modal-border);background:var(--tile);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all 0.2s ease;}.load-more-btn:hover{background:var(--accent);border-color:var(--accent);color:white;}.bet-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;}.bet-history-loading .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,0.1);border-top-color:var(--accent);border-radius:50%;animation:loading 1s linear infinite;}.bet-history-loading p{color:var(--text-muted);margin:0;}.bet-history-error{text-align:center;padding:60px 20px;color:var(--text-muted);}.bet-history-error button{margin-top:16px;padding:12px 24px;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all 0.2s ease;}.bet-history-error button:hover{background:var(--accent);color:white;}@media (max-width:768px){.bet-history-modal{width:95vw;max-height:95vh;}.bet-history-header{padding:16px;}.bet-history-content{padding:16px;}.entry-header{flex-direction:column;align-items:stretch;gap:8px;}.entry-amounts{align-items:flex-start;}}