.play-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1200px 600px at 15% -10%,rgb(124 92 252 / .18),transparent 60%),radial-gradient(900px 500px at 100% 10%,rgb(34 211 238 / .08),transparent 60%),radial-gradient(900px 600px at 50% 120%,rgb(124 92 252 / .1),transparent 60%),#080a14}.play-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgb(255 255 255 / .022) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .022) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 0%,black 20%,transparent 70%)}.gradient-text{background:linear-gradient(135deg,#fff 20%,#a78bfa 60%,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ms-tile{aspect-ratio:1;border-radius:12px;background:linear-gradient(180deg,#232948,#181d38);box-shadow:inset 0 1px #ffffff14,0 5px #0c0f22,0 8px 18px #00000059;transition:transform .12s ease,box-shadow .12s ease,background .2s;transform:translateY(0)}.ms-tile:not(:disabled):hover{transform:translateY(-2px);background:linear-gradient(180deg,#2c3358,#1d2342);box-shadow:inset 0 1px #ffffff1a,0 7px #0c0f22,0 12px 24px #7c5cfc40}.ms-tile:not(:disabled):active{transform:translateY(4px);box-shadow:inset 0 1px #ffffff0d,0 1px #0c0f22}.ms-tile.safe{transform:translateY(5px);background:radial-gradient(circle at 50% 40%,#34d39959,#34d39914 70%),#11162d;box-shadow:inset 0 0 0 1px #34d39966,0 0 #0c0f22;animation:tile-flip .35s ease both}.ms-tile.mine{transform:translateY(5px);background:radial-gradient(circle at 50% 40%,#f8717173,#f871711a 70%),#1c1220;box-shadow:inset 0 0 0 1px #f8717180,0 0 #0c0f22;animation:tile-flip .35s ease both}.ms-tile.mine.hit{animation:tile-flip .35s ease both,shake .4s .3s ease}.ms-tile.ghost{opacity:.45}@keyframes tile-flip{0%{transform:translateY(5px) rotateX(90deg)}to{transform:translateY(5px) rotateX(0)}}@keyframes shake{0%,to{translate:0 0}25%{translate:-4px 0}75%{translate:4px 0}}.level-ring{transform:rotate(-90deg)}.level-ring circle{transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){.ms-tile,.ms-tile.safe,.ms-tile.mine{animation:none;transition:none}}