body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}:root{--bg:#0e1016;--panel:#161a22;--panel-2:#1b212c;--text:#e7eaf0;--muted:#98a2b3;--primary:#1dd1a1;--primary-600:#10b981;--warn:#f97316;--danger:#ef4444;--accent:#60a5fa;--cell:#222938;--cell-hover:#2a3346;--cell-open:#0f172a;--border:#283044;--shadow:0 10px 30px #00000059;--bg-app:#111113;--main:#0fb38d;--main-text:#fff;--main-text-75:#ffffffbf;--main-text-50:#ffffff80;--grey:#7b7b7b;--grey-15:#7b7b7b26;--font-size-regular:clamp(.75rem, 2vw, .875rem);--btn-shadow:drop-shadow(0px 2px 2px #00000080);--btn-shadow-hover:0px 0px 0px 4px #005745}html,body{height:100%}body{background:radial-gradient(1200px 800px at 80% -10%, #1a2233, var(--bg));color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}.app{flex-direction:column;gap:16px;max-width:980px;min-height:100vh;margin:24px auto;padding:0 16px 32px;display:flex}.header h1{letter-spacing:.5px;margin:0 0 16px;font-size:28px}.hud{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;margin-bottom:8px;padding:16px}.hud-group{grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:10px;display:grid}.hud-item{position:relative}.hud-item .hud-label{color:var(--muted);font-size:11px}.hud-item.totalwin{grid-template-rows:auto auto;display:grid}.hud-item.metrics{display:none}.value{color:#fff;margin-top:2px;font-size:18px;font-weight:700}.hud-item.totalwin .value{align-items:baseline;gap:4px;min-height:28px;font-size:18px;display:inline-flex}.hud-item.totalwin .value.duo .gross{font-weight:700}.hud-item.totalwin .value.duo .sep{opacity:.6;font-weight:600}.hud-item.totalwin .value.duo .net{font-size:12px;font-weight:700}.hud-item.totalwin .value.win-positive{color:#facc15}.bet-input{align-items:center;gap:6px;display:flex}.bet-input input{border:1px solid var(--border);background:var(--cell);width:110px;color:var(--text);border-radius:10px;padding:8px 10px;font-weight:600}.bet-input input:disabled{filter:grayscale(.7)brightness(.9);cursor:not-allowed}.bet-input button{border:1px solid var(--border);background:var(--cell);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:10px;font-size:18px;transition:transform 40ms,background .15s}.bet-input button:hover{background:var(--cell-hover)}.bet-input button:active{transform:translateY(1px)scale(.99)}.bet-input.bet-locked input,.bet-input.bet-locked button{filter:grayscale(.7)brightness(.9);cursor:not-allowed}.bet-input.bet-locked input{pointer-events:none}.actions{align-items:end;gap:8px;display:flex}button.primary,button.secondary{border:1px solid var(--border);cursor:pointer;border-radius:10px;height:40px;padding:0 14px;font-weight:700;transition:transform 40ms,background .15s,color .15s}button.primary{background:linear-gradient(180deg, var(--primary), var(--primary-600));color:#052e22;border-color:#00000026}button.primary:disabled{filter:grayscale(.7);cursor:not-allowed}button.secondary{background:var(--cell);color:var(--text)}button.secondary:hover{background:var(--cell-hover)}button.primary:active,button.secondary:active{transform:translateY(1px)scale(.99)}.message{min-height:20px;color:var(--accent);margin-top:0;font-weight:600}@media (width>=900px){.hud-group{align-items:start}.hud-item{grid-template-rows:auto auto;display:grid}.hud-item .value,.hud-item .bet-input{margin-top:2px}}main{flex:1;place-items:center;min-height:0;display:grid}.grid{aspect-ratio:1;grid-template-columns:repeat(5,1fr);gap:10px;width:100%;height:100%;max-height:80vh;margin-top:0;display:grid}.cell{aspect-ratio:1;border:1px solid var(--border);background:radial-gradient(120px 80px at 30% 20%, #2a3446, var(--cell));width:100%;min-width:60px;min-height:60px;color:var(--text);letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow);border-radius:12px;place-items:center;font-size:20px;font-weight:800;transition:transform .12s,background .2s,border-color .2s,box-shadow .2s,color .15s;display:grid;position:relative;overflow:hidden}.cell.open{background:linear-gradient(180deg, #111827, var(--cell-open))!important}.closed-overlay{color:#e7eaf047;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px #00000040;grid-auto-rows:min-content;align-content:center;place-items:center;gap:2px;font-weight:800;line-height:1;display:grid;position:absolute;inset:10px}.closed-overlay .line{text-align:center;margin:0;line-height:1;display:block}.cell.open .closed-overlay{display:none}.cell-content{text-align:center;grid-template-rows:1fr auto;place-items:center;width:calc(100% - 20px);height:calc(100% - 20px);display:grid;position:absolute;inset:10px}.cell-amount{font-size:clamp(12px, calc(var(--cell-size,64px) * .26), 24px);white-space:nowrap;text-overflow:clip;will-change:font-size;place-self:center;max-width:100%;font-weight:800;line-height:1;overflow:visible}.cell-mult{opacity:.85;letter-spacing:.6px;white-space:nowrap;justify-self:center;font-size:12px}.cell-mult.effective{color:#93c5fd;text-shadow:0 0 6px #93c5fd99}@keyframes revealPop{0%{filter:brightness(.9);opacity:0;transform:scale(.92)}to{filter:brightness();opacity:1;transform:scale(1)}}.cell.open .cell-content{animation:.16s ease-out revealPop}.cell.bomb.open:before{content:"";pointer-events:none;background:radial-gradient(circle,#ef444499 0%,#ef444400 60%);animation:.32s ease-out forwards boom;position:absolute;inset:-10%}@keyframes boom{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.2)}}.totalwin-pulse{animation:.36s ease-out twPulse}@keyframes twPulse{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}.tw-counting{animation:.9s ease-in-out infinite twBlink}@keyframes twBlink{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.energized .hud-item.totalwin .value{color:#93c5fd;text-shadow:0 0 6px #93c5fdcc,0 0 16px #3b82f680}.energized .cell.open.gold.strike,.energized .cell.open.neutral.strike{color:#cfe3ff;border-color:#93c5fdcc;box-shadow:inset 0 0 0 1px #93c5fd40,0 8px 26px #3b82f659}.energized .cell.open.gold.strike .cell-amount,.energized .cell.open.neutral.strike .cell-amount,.energized .cell.open.gold.strike .cell-mult,.energized .cell.open.neutral.strike .cell-mult{color:#dbeafe}.cell.open.strike:after{content:"";mix-blend-mode:screen;pointer-events:none;background:radial-gradient(16px 16px at 20% 25%,#93c5fd66,#93c5fd00 60%),radial-gradient(14px 14px at 70% 65%,#3b82f659,#3b82f600 60%);animation:.45s ease-out forwards zap;position:absolute;inset:0}@keyframes zap{0%{opacity:0;filter:brightness(1.2)}50%{opacity:1;filter:brightness(1.6)}to{opacity:0;filter:brightness()}}.value-glow{animation:.9s ease-in-out glowPulse}@keyframes glowPulse{0%{text-shadow:0 0 #93c5fd00}50%{text-shadow:0 0 10px #93c5fde6,0 0 16px #3b82f699}to{text-shadow:0 0 #93c5fd00}}.energized .cell:not(.open):after{content:"";opacity:.7;pointer-events:none;background:radial-gradient(10px 10px at 15% 20%,#93c5fd26,#0000),radial-gradient(8px 8px at 80% 70%,#93c5fd1f,#0000);animation:2.2s ease-in-out infinite alternate sparkles;position:absolute;inset:0}@keyframes sparkles{0%{filter:brightness();opacity:.6;transform:translateY(0)}50%{filter:brightness(1.15);opacity:.9;transform:translateY(-.5px)}to{filter:brightness();opacity:.6;transform:translateY(.5px)}}.cell .bottom-label{text-align:center;opacity:.9;margin-top:2px;font-size:11px;position:static}.cell.bomb{color:#fecaca;background:linear-gradient(#1a1013,#2b0f14);border-color:#ef4444b3;box-shadow:inset 0 0 0 1px #ef444426,0 6px 20px #ef44442e}.cell.neutral{border-color:var(--border);color:var(--text)}.cell.gold{color:#facc15;background:radial-gradient(100px 70px at 30% 20%, #eab30814, var(--cell-open));border-color:#facc1599;box-shadow:inset 0 0 0 1px #facc1526,0 6px 20px #facc1526}.cell.bonus{color:#93c5fd;background:radial-gradient(120px 80px at 30% 20%,#3b82f61a,#0b1020);border-color:#93c5fdb3;overflow:hidden;box-shadow:inset 0 0 0 1px #93c5fd33,0 6px 24px #3b82f640}@keyframes flicker{0%,18%,20%,50%,60%,to{opacity:.9;transform:translateY(0)}19%,59%{opacity:.4;transform:translateY(-.5px)}}.cell.bonus .bonus-timer{pointer-events:none;grid-template-columns:repeat(4,1fr);place-items:start center;display:grid;position:absolute;inset:10px}.cell.bonus .bonus-timer .bolt{opacity:.25;font-size:16px;transition:opacity .14s,filter .14s}.cell.bonus .bonus-timer .bolt.active{opacity:.9;filter:drop-shadow(0 0 6px #93c5fdcc);animation:1.8s ease-in-out infinite flicker}.cell.bonus .bonus-timer .bolt:first-child.active{animation-delay:0s}.cell.bonus .bonus-timer .bolt:nth-child(2).active{animation-delay:.2s}.cell.bonus .bonus-timer .bolt:nth-child(3).active{animation-delay:.4s}.cell.bonus .bonus-timer .bolt:nth-child(4).active{animation-delay:.6s}.cell.bonus.bonus-exhausted{color:#6b7280;border-color:#93c5fd40}.cell.disabled{cursor:not-allowed;filter:grayscale(.6)brightness(.9)}.cell .inner{grid-template-rows:1fr auto;place-items:center;display:grid;position:absolute;inset:10px;transform:translateY(0)}.cell.wiggle{animation:.4s ease-in-out cellWiggle}@keyframes cellWiggle{0%{transform:translate(0)rotate(0)}15%{transform:translate(-1px)rotate(-.5deg)}30%{transform:translate(1px)rotate(.6deg)}45%{transform:translate(-1.2px,.4px)rotate(-.4deg)}60%{transform:translate(1.2px,-.4px)rotate(.4deg)}75%{transform:translate(-.6px,.2px)rotate(-.2deg)}to{transform:translate(0)rotate(0)}}.tooltip{z-index:9999;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#141822f5;border-radius:8px;padding:8px 10px;font-size:12px;transition:opacity .12s,transform .12s;position:fixed;transform:translateY(-3px)}.tooltip.visible{opacity:1;transform:translateY(0)}.footer{color:var(--muted);margin-top:12px}@media (width<=800px){.hud-group{grid-template-columns:1fr 1fr}.actions{grid-column:span 2;justify-content:stretch}.actions button{flex:1}}._button_74z7n_1{cursor:pointer;background-color:var(--main);color:var(--main-text);font-weight:600;font-size:var(--font-size-regular);border:0;border-top:1px solid var(--main-text-75);filter:var(--btn-shadow) brightness(100%);border-radius:2rem;justify-content:center;align-items:center;padding:1rem;transition:all .2s;display:inline-flex;transform:scale(1);box-shadow:0 0 #005745}._button_74z7n_1:not(:disabled):hover{filter:var(--btn-shadow) brightness(120%);box-shadow:var(--btn-shadow-hover);transition:all .2s}._button_74z7n_1:active,._button_74z7n_1[data-active=true]{outline:2px solid var(--main);transition:all .2s;transform:scale(.95);box-shadow:0 0 #0000}._fullWidth_74z7n_38{width:100%}._button_74z7n_1:disabled{cursor:not-allowed;filter:var(--btn-shadow) brightness(90%);box-shadow:none}._button_74z7n_1:focus{outline-offset:2px;outline:2px solid #0b5fff40}