.stage{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px;padding:32px 16px 20px;overflow:hidden;background:radial-gradient(circle at 20% 15%,#1d1e3d,#0f1021 55%);transition:background .6s ease}.stage.shake{animation:screen-shake .6s cubic-bezier(.36,.07,.19,.97) both}.stage--exploding{animation:micro-shake .1s linear infinite}@keyframes micro-shake{0%{transform:translate(0)}25%{transform:translate(1.5px,-1.5px)}50%{transform:translate(-1.5px,1px)}75%{transform:translate(1px,1.5px)}to{transform:translate(0)}}@keyframes screen-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(3px,-4px,0)}30%,50%,70%{transform:translate3d(-8px,6px,0)}40%,60%{transform:translate3d(8px,-6px,0)}}.stage-pickles{background:radial-gradient(circle at 20% 15%,#1c3a2a,#0f1021 60%)}.stage-milk{background:radial-gradient(circle at 20% 15%,#2a2a4a,#0f1021 60%)}.backdrop-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;z-index:0;animation:float 9s ease-in-out infinite}.blob-a{width:320px;height:320px;top:-80px;left:-60px;background:#4cd68a}.blob-b{width:280px;height:280px;bottom:-60px;right:-40px;background:#cfd4ff;animation-delay:2.5s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(24px) scale(1.07)}}.arena{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:36px;width:100%}.game-title{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:center;gap:.3rem;margin:0;font-size:clamp(1.8rem,7vw,3rem);line-height:1}.title-pickles{font-family:Chewy,cursive;color:#4cd68a;transform:rotate(-6deg);text-shadow:2px 2px 0 #1c3a2a}.title-or{font-family:Space Grotesk,sans-serif;font-weight:400;font-size:.55em;opacity:.7;align-self:center}.title-milk{font-family:Bubblegum Sans,cursive;color:#cfd4ff;transform:rotate(5deg);text-shadow:2px 2px 0 #2a2a4a}.title-q{font-family:"Baloo 2",sans-serif;color:#ffd166;transform:rotate(-4deg) translateY(-2px)}.board-toolbar{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.flag-toggle,.board-reset,.donate-btn{display:inline-flex;align-items:center;gap:6px;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:.9rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f4f1ff;border-radius:999px;padding:8px 16px;cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease}.donate-btn{background:linear-gradient(135deg,#2f9bff,#1565e0);color:#fff;border-color:transparent}.donate-btn--lean{padding:6px 14px;font-size:.78rem;gap:4px}.donate-btn--lean .toolbar-icon{width:14px;height:14px}.mine-tracker{display:inline-flex;align-items:center;gap:6px;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:.9rem;border:1px solid rgba(255,255,255,.2);background:#ef53501f;color:#f4f1ff;border-radius:999px;padding:8px 16px}.donation-tiers{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tier-chip{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:.75rem;letter-spacing:.01em;color:#f4f1ff;opacity:.75;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;border-radius:999px;padding:4px 12px}.toolbar-icon{width:18px;height:18px}.cell-flag-icon{width:55%;height:55%;color:#ff8f6b}.flag-toggle:hover,.board-reset:hover:not(:disabled){transform:translateY(-2px);background:#ffffff1f}.donate-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.flag-toggle--active{background:linear-gradient(135deg,#ffd166,#ff8f6b);color:#0f1021;border-color:transparent}.board-reset:disabled{opacity:.4;cursor:not-allowed}.board{position:relative;z-index:1;display:grid;grid-template-rows:repeat(10,1fr);gap:3px;width:min(92vw,460px);aspect-ratio:1 / 1;padding:8px;border-radius:16px;background:#00000040;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px #0006;transition:filter .2s ease,opacity .2s ease}.board--locked{filter:saturate(.6);opacity:.85}.board-row{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.cell{display:flex;align-items:center;justify-content:center;border-radius:5px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(.6rem,2.6vw,.95rem);padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .08s ease,background .15s ease}.cell--hidden{background:linear-gradient(145deg,#3a3c66,#2a2c4e);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 2px #ffffff26,inset 0 -2px #0000004d}.cell--hidden:hover:not(:disabled){transform:scale(1.06);background:linear-gradient(145deg,#45477a,#33355c)}.cell--revealed{background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.cell--mine{background:radial-gradient(circle,#ef535080,#ef535026)}.cell--exploding{animation:cell-pulse .22s ease-in-out infinite alternate;background:radial-gradient(circle,#ffd166e6,#ef535099);z-index:2}@keyframes cell-pulse{0%{transform:scale(1);box-shadow:0 0 #ffd16699}to{transform:scale(1.35);box-shadow:0 0 26px #ffd166e6}}.cell--mine-added{animation:mine-planted .65s ease-out;z-index:2}@keyframes mine-planted{0%{transform:scale(1);background:radial-gradient(circle,#ff5a5af2,#ef535066);box-shadow:0 0 #ef535000}35%{transform:scale(1.5);background:radial-gradient(circle,#ff8c5a,#ef5350b3);box-shadow:0 0 30px #ff8c5ae6}to{transform:scale(1);background:linear-gradient(145deg,#3a3c66,#2a2c4e);box-shadow:0 0 #ef535000}}.mine-tracker--bump{animation:mine-tracker-bump .4s ease-out}@keyframes mine-tracker-bump{0%{transform:scale(1)}40%{transform:scale(1.25);color:#ff8f6b}to{transform:scale(1)}}.cell:disabled{cursor:default}.cleared-banner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;opacity:.9}.donation-feed{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(92vw,460px)}.donation-toast{display:flex;align-items:center;gap:10px;width:100%;padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,#ffd1662e,#4cd68a24);border:1px solid rgba(255,209,102,.4);box-shadow:0 12px 30px #00000059;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.95rem;animation:toast-in .4s cubic-bezier(.34,1.56,.64,1)}.donation-icon{font-size:1.2rem}.donation-message{flex:1}@keyframes toast-in{0%{transform:translateY(-14px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-in{0%{transform:scale(.4) rotate(-8deg);opacity:0}70%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}.result-text{font-weight:800;font-size:clamp(5rem,24vw,16rem);line-height:.9;margin:6px 0 0;letter-spacing:-.01em}.stage-pickles .result-text{font-family:Chewy,cursive;color:#baf0c9;text-shadow:0 0 10px rgba(155,232,179,.9),0 0 36px rgba(76,214,138,.6)}.stage-milk .result-text{font-family:Bubblegum Sans,cursive;color:#fffaf0;text-shadow:0 0 10px rgba(255,248,236,.9),0 0 36px rgba(207,212,255,.6)}.result-line{margin:0;font-size:1.05rem;opacity:.8}.flip-btn{position:relative;z-index:1;border:none;cursor:pointer;padding:18px 44px;font-size:1.15rem;font-weight:700;letter-spacing:.03em;font-family:"Baloo 2",sans-serif;color:#0f1021;background:linear-gradient(135deg,#ffd166,#ff8f6b);border-radius:999px;box-shadow:0 14px 34px #ff8c5a59;transition:transform .15s ease,box-shadow .15s ease}.flip-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.03);box-shadow:0 18px 44px #ff8c5a73}.flip-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.flip-btn:disabled{opacity:.6;cursor:wait}.explosion{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;pointer-events:none}.explosion-piece{position:absolute;left:50%;top:50%;margin:-.5em;display:inline-block;animation-name:explode;animation-timing-function:cubic-bezier(.17,.67,.23,1);animation-fill-mode:forwards;will-change:transform,opacity}@keyframes explode{0%{transform:translate(-50%,-50%) translate(0) scale(.2) rotate(0);opacity:0}8%{opacity:1}35%{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(1.2) rotate(calc(var(--rot) * .4));opacity:1}to{transform:translate(-50%,-50%) translate(var(--dx),calc(var(--dy) + var(--fall))) scale(.7) rotate(var(--rot));opacity:0}}.impact-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.95),rgba(255,209,102,.4) 40%,transparent 72%);animation:flash-fade .5s ease-out forwards}@keyframes flash-fade{0%{opacity:1}to{opacity:0}}.fullscreen-celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;animation:celebration-in .35s ease-out;opacity:1;transition:opacity .6s ease,transform .6s ease}.fullscreen-celebration--fading{opacity:0;transform:scale(.96)}@keyframes celebration-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.fullscreen-celebration iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.celebration-caption{position:absolute;left:0;right:0;bottom:6%;z-index:62;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;pointer-events:none;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1)}.celebration-caption .result-text{-webkit-text-stroke:1px rgba(0,0,0,.4)}.rain-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:61;overflow:hidden;pointer-events:none}.rain-piece{position:absolute;top:-10%;display:inline-block;animation-name:rain-fall;animation-timing-function:linear;animation-iteration-count:infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));will-change:transform,opacity}.rain-confetti{border-radius:2px}.stats-bar{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(92vw,640px)}.stat-chip{flex:1 1 130px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.stat-value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.3rem}.stat-label{font-size:.7rem;letter-spacing:.02em;text-transform:uppercase;opacity:.65;text-align:center;overflow-wrap:break-word}@keyframes rain-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}6%{opacity:1}94%{opacity:1}to{transform:translateY(125vh) translate(var(--drift)) rotate(var(--rot));opacity:.9}}:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;min-height:100vh}body{font-family:Space Grotesk,system-ui,sans-serif;background:#0f1021;color:#f4f1ff;overflow-x:hidden}button{font-family:inherit}
