*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a14;overscroll-behavior:none}.App{height:100dvh;width:100vw;display:flex;flex-direction:column;background:radial-gradient(ellipse at top,#12122a,#0a0a14 60%);color:#fff;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;flex-shrink:0;gap:8px}.title{font-size:1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.reset-button{background:#ffffff12;color:#ffffff80;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:5px 12px;font-size:.72rem;font-family:Outfit,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.reset-button:active{background:#ffffff1f;transform:scale(.96)}.main-section{display:flex;flex:1;flex-direction:column;overflow:hidden;min-height:0}.grid{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(9,1fr);gap:2px;padding:6px;flex:1;min-height:0;width:100%}.grid-item{display:flex;justify-content:center;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:4px;font-size:.8rem;font-weight:600;color:#fff3;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:default;-webkit-user-select:none;user-select:none;overflow:hidden;min-width:0;min-height:0}.highlighted-grid-item{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#1a0f00;box-shadow:0 1px 6px #f59e0b59;font-weight:700}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #fbbf2499,0 0 24px #fbbf2440}50%{box-shadow:0 0 18px #fbbf24e6,0 0 40px #fbbf2466}}.current-grid-item{background:linear-gradient(135deg,#fde68a,#fbbf24,#f59e0b);border-color:#fbbf24;color:#1a0f00;font-weight:800;animation:pop .35s cubic-bezier(.4,0,.2,1),glow-pulse 2s ease-in-out infinite .35s;box-shadow:0 0 10px #fbbf2499,0 0 24px #fbbf2440;z-index:1}.action-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 14px 16px;border-top:1px solid rgba(255,255,255,.06);background:#0003}.numbers-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}@keyframes number-in{0%{opacity:0;transform:scale(.6) translateY(6px)}70%{transform:scale(1.1) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}.current-number-container{display:flex;flex:.58;gap:8px}.current-number-display{width:52px;height:52px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#fde68a,#fbbf24,#f59e0b);color:#1a0f00;box-shadow:0 0 0 3px #fbbf2433,0 0 14px #fbbf2466,0 3px 10px #0006;animation:number-in .3s cubic-bezier(.4,0,.2,1)}.current-number-empty{visibility:hidden}.numbers-left{flex:.4;min-width:0;max-width:120px;display:flex;justify-content:flex-start}.previous-numbers-trail{flex:1;min-width:0;max-width:120px;display:flex;align-items:center;gap:5px}.previous-number-badge{--size: calc(32px - var(--badge-index) * 4px);width:var(--size);height:var(--size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(.72rem - var(--badge-index) * .04rem);font-weight:700;background:#f59e0b1a;border:1px solid rgba(245,158,11,.28);color:rgba(251,191,36,calc(.7 - var(--badge-index) * .12));flex-shrink:0;opacity:calc(1 - var(--badge-index) * .15)}.previous-number-empty{visibility:hidden}.timer-strip{display:flex;align-items:center;gap:4px;width:100%}.timer-adj{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffff80;font-size:.75rem;font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;padding:0;line-height:1}.timer-adj:active:not(:disabled){background:#ffffff24;transform:scale(.9)}.timer-adj:disabled{opacity:.2;cursor:not-allowed}.timer-bar-container{flex:1;height:22px;min-width:12px;max-width:52px;border-radius:12px;background:#ffffff0f;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.timer-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:12px;background:#6366f14d;transition:width .9s linear}.timer-bar-paused{background:#6366f126;transition:none}.timer-label{position:relative;z-index:1;font-family:Outfit,sans-serif;font-size:.62rem;font-weight:600;color:#ffffff8c;letter-spacing:.03em;white-space:nowrap}.progress-row{display:flex;align-items:center;gap:8px;width:100%}.progress-bar-wrapper{flex:1;height:3px;border-radius:999px;background:#ffffff12;overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#a78bfa);transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-label{font-size:.62rem;color:#ffffff4d;font-weight:500;letter-spacing:.04em;flex-shrink:0}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.cta-split{display:flex;align-items:stretch;width:100%;height:48px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#6366f1,#4f46e5 60%,#7c3aed);box-shadow:0 4px 18px #6366f166,0 1px #ffffff1a inset;position:relative}.cta-split:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);background-size:200% 100%;animation:shimmer 2.5s linear infinite;pointer-events:none}.cta-split:active:not(.cta-split-done){transform:scale(.98)}.cta-split-done{opacity:.4;box-shadow:none}.cta-main{flex:1;padding:0 16px;border:none;background:transparent;color:#fff;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.03em;cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cta-main:disabled{cursor:not-allowed}.cta-divider{width:1px;background:#ffffff2e;margin:12px 0;flex-shrink:0}.cta-mode-toggle{width:96px;flex-shrink:0;position:relative;border:none;background:#00000026;cursor:pointer;padding:0}.cta-mode-toggle span{position:absolute;left:50%;transform:translate(-50%,-50%);font-family:Outfit,sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffffff47;transition:color .15s ease,font-size .15s ease;white-space:nowrap}.cta-mode-toggle span:first-child{top:calc(50% - 20px)}.cta-mode-toggle span:last-child{top:calc(50% + 20px)}.cta-mode-sep{display:none}.cta-mode-active{color:#fff!important;font-size:.9rem!important;top:50%!important}.page-hidden *{animation-play-state:paused!important}@media (prefers-reduced-motion: reduce){.number-cell.called{animation:none}.cta-main:after{animation:none}}