body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.minesweeper-board{perspective:1000px}.minesweeper-cell{align-items:center;aspect-ratio:1/1;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;font-weight:900;justify-content:center;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}.minesweeper-cell.unrevealed{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);box-shadow:4px 4px 8px #1a1a1a,-1px -1px 2px #4a4a4a,inset 0 0 0 1px #ffffff0d}.minesweeper-cell.unrevealed:hover{background:linear-gradient(145deg,#444,#333);box-shadow:0 6px 12px #0006,inset 0 0 0 1px #ffffff1a;transform:translateY(-2px) scale(1.02)}.minesweeper-cell.unrevealed:active{box-shadow:2px 2px 4px #1a1a1a;transform:translateY(0) scale(.98)}.minesweeper-cell.revealed{animation:revealCell .3s ease-out;background:#1e1e1e;box-shadow:inset 2px 2px 5px #00000080;cursor:default}.minesweeper-cell.bomb{animation:explode .5s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 30%,#ff5252,#b71c1c);color:#fff}.minesweeper-cell.flagged:after{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);content:"🚩"}@keyframes revealCell{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0deg)}}@keyframes explode{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.3) drop-shadow(0 0 10px #ff5252);transform:scale(1.1)}}@keyframes popIn{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.number-1{color:#42a5f5}.number-2{color:#66bb6a}.number-3{color:#ef5350}.number-4{color:#ab47bc}.number-5{color:#ffa726}.status-overlay{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wheel-wrapper{align-items:center;background:#1a1a1a;border-radius:50%;box-shadow:0 0 0 4px #333,0 0 0 12px #222,0 20px 40px #0009;display:flex;height:340px;justify-content:center;margin:2rem auto;padding:20px;position:relative;width:340px}.wheel-wrapper:after{animation:rotateLights 5s linear infinite;background:repeating-conic-gradient(from 0deg,#fc0 0deg 2deg,#0000 2deg 20deg);border-radius:50%;bottom:-8px;content:"";left:-8px;opacity:.8;position:absolute;right:-8px;top:-8px;z-index:1}@keyframes rotateLights{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wheel-pointer{background:linear-gradient(180deg,#fff 0,#ddd);-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 4px 5px rgba(0,0,0,.5));height:50px;top:-20px;width:40px;z-index:30}.wheel-pointer,.wheel-pointer:before{left:50%;position:absolute;transform:translateX(-50%)}.wheel-pointer:before{background:#f44;border-radius:50%;box-shadow:0 0 10px #f44;content:"";height:12px;top:5px;width:12px}.wheel{background-color:#222;border:8px solid #333;border-radius:50%;height:100%;overflow:hidden;position:relative;transition:transform 4s cubic-bezier(.15,0,.15,1);width:100%;z-index:2}.wheel-segment{align-items:center;box-shadow:inset 0 0 50px #0003;-webkit-clip-path:polygon(0 0,100% 0,50% 86.6%,0 0);clip-path:polygon(0 0,100% 0,50% 86.6%,0 0);display:flex;height:50%;justify-content:center;left:50%;position:absolute;top:50%;transform-origin:0 0;width:50%}.segment-text{color:#fff;left:45px;text-shadow:2px 2px 4px #000c;top:25px;transform:rotate(30deg);white-space:nowrap}.segment-text,.wheel-center{font-size:1.2rem;font-weight:900;position:absolute}.wheel-center{align-items:center;background:radial-gradient(circle,#444 0,#111 100%);border:5px solid #333;border-radius:50%;box-shadow:0 4px 15px #000c;color:#aaa;display:flex;height:70px;justify-content:center;left:50%;letter-spacing:1px;top:50%;transform:translate(-50%,-50%);width:70px;z-index:20}.wheel-wrapper.spinning{box-shadow:0 0 0 4px #333,0 0 0 12px #222,0 0 60px #0088cc80}.wheel-wrapper.spinning:after{animation:rotateLights .5s linear infinite;opacity:1}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.7b9edf54.css.map*/